diff --git a/assets/css/admin-main.css b/assets/css/admin-main.css index 3a9ee8476d..af71cced61 100644 --- a/assets/css/admin-main.css +++ b/assets/css/admin-main.css @@ -19,862 +19,812 @@ \**********************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ #directiost-listing-fields_wrapper { - padding: 18px 20px; - /*********************************************************** + padding: 18px 20px; + /*********************************************************** ************************************************************ css for Custom Field ************************************************************* **************************************************************/ - /* - for shortable 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; + 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; - right: 59px; - top: 10px; + position: absolute; + z-index: 2; + right: 59px; + top: 10px; } #directiost-listing-fields_wrapper a.btn { - text-decoration: none; + text-decoration: none; } -#directiost-listing-fields_wrapper [data-toggle="tooltip"] { - color: #a1a1a7; - font-size: 12px; +#directiost-listing-fields_wrapper [data-toggle=tooltip] { + color: #a1a1a7; + font-size: 12px; } -#directiost-listing-fields_wrapper [data-toggle="tooltip"]:hover { - color: #202428; +#directiost-listing-fields_wrapper [data-toggle=tooltip]:hover { + color: #202428; } #directiost-listing-fields_wrapper .single_prv_attachment { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .single_prv_attachment div { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } #directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img { - position: absolute; - top: -5px; - right: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #ffffff; - padding: 0; -} -#directiost-listing-fields_wrapper - .single_prv_attachment - div - .remove_prev_img:hover { - color: #c81d1d; + position: absolute; + top: -5px; + right: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + border-radius: 50%; + -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; - right: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - height: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #9497a7; -} -#directiost-listing-fields_wrapper - .listing-img-container - .single_attachment - .remove_image:hover { - color: #ef0000; + width: auto; + display: inline-block; + position: relative; +} +#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image { + position: absolute; + top: -5px; + right: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + height: 26px; + border-radius: 50%; + -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-left: 10px; + margin-left: 10px; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_left { - width: 70%; + width: 70%; } #directiost-listing-fields_wrapper.atbd_help_support h3 { - font-size: 24px; + font-size: 24px; } #directiost-listing-fields_wrapper.atbd_help_support a { - color: #387dff; + color: #387dff; } #directiost-listing-fields_wrapper.atbd_help_support a:hover { - text-decoration: underline; + text-decoration: underline; } #directiost-listing-fields_wrapper.atbd_help_support .postbox { - padding: 30px; + padding: 30px; } #directiost-listing-fields_wrapper.atbd_help_support .postbox h3 { - margin-bottom: 20px; + margin-bottom: 20px; } #directiost-listing-fields_wrapper.atbd_help_support .wrap { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right { - width: 27%; + width: 27%; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox { - background-color: #0073aa; - border-radius: 3px; - -webkit-box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); - box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); + background-color: #0073aa; + border-radius: 3px; + -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-right: 7px; + margin-right: 7px; } #directiost-listing-fields_wrapper .single_thm .ext_title h4 { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .single_thm .btn_wrapper { - text-align: center; + 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-left: 18px; + margin-left: 18px; } #directiost-listing-fields_wrapper .atbdp-tick-cross2 { - margin-left: 25px; + margin-left: 25px; } #directiost-listing-fields_wrapper .ui-sortable tr:hover { - cursor: move; + cursor: move; } #directiost-listing-fields_wrapper .ui-sortable tr.alternate { - background-color: #f9f9f9; + background-color: #f9f9f9; } #directiost-listing-fields_wrapper .ui-sortable tr.ui-sortable-helper { - background-color: #f9f9f9; - border-top: 1px solid #dfdfdf; + background-color: #f9f9f9; + border-top: 1px solid #dfdfdf; } #directiost-listing-fields_wrapper .business-hour label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .form-group { - margin-bottom: 30px; + margin-bottom: 30px; } #directorist.atbd_wrapper .form-group > label { - margin-bottom: 10px; + margin-bottom: 10px; } #directorist.atbd_wrapper .form-group .atbd_pricing_options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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-left: 5px; + margin-left: 5px; } -#directorist.atbd_wrapper - .form-group - .atbd_pricing_options - input[type="checkbox"] { - position: relative; - top: -2px; +#directorist.atbd_wrapper .form-group .atbd_pricing_options input[type=checkbox] { + position: relative; + top: -2px; } #directorist.atbd_wrapper #category_container .form-group { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .g_address_wrap { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .atbd_map_title { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .map_wrapper .map_drag_info { - display: block; - font-size: 12px; - margin-top: 10px; + display: block; + font-size: 12px; + margin-top: 10px; } #directorist.atbd_wrapper .map-coordinate { - margin-top: 15px; - margin-bottom: 15px; + margin-top: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .map-coordinate label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper #hide_if_no_manual_cor .form-group .form-group { - margin-bottom: 20px; + margin-bottom: 20px; } #directorist.atbd_wrapper .atbd_map_hide { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .atbd_map_hide label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper #atbdp-custom-fields-list { - margin: 13px 0 0 0; + margin: 13px 0 0 0; } #_listing_video_gallery #directorist.atbd_wrapper .form-group { - margin-bottom: 0; + margin-bottom: 0; } a { - text-decoration: none; -} - -@media (min-width: 1199px) and (max-width: 1510px), - (min-width: 768px) and (max-width: 1187px), - (min-width: 576px) and (max-width: 694px), - (min-width: 320px) and (max-width: 373px) { - #directorist.atbd_wrapper .btn.demo, - #directorist.atbd_wrapper .btn.get { - display: block; - margin: 0; - } - #directorist.atbd_wrapper .btn.get { - margin-top: 10px; - } + text-decoration: none; +} + +@media (min-width: 1199px) and (max-width: 1510px), (min-width: 768px) and (max-width: 1187px), (min-width: 576px) and (max-width: 694px), (min-width: 320px) and (max-width: 373px) { + #directorist.atbd_wrapper .btn.demo, + #directorist.atbd_wrapper .btn.get { + display: block; + margin: 0; + } + #directorist.atbd_wrapper .btn.get { + margin-top: 10px; + } } #directorist.atbd_wrapper #addNewSocial { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; + margin-bottom: 15px; } .atbdp_social_field_wrapper select.form-control { - height: 35px !important; + height: 35px !important; } #atbdp-categories-image-wrapper img { - width: 150px; + width: 150px; } .vp-wrap .vp-checkbox .field label { - display: block; - margin-right: 0; + display: block; + margin-right: 0; } .vp-wrap .vp-section > h3 { - color: #01b0ff; - font-size: 15px; - padding: 10px 20px; - margin: 0; - top: 12px; - border: 1px solid #eee; - left: 20px; - background-color: #f2f4f7; - z-index: 1; + color: #01b0ff; + font-size: 15px; + padding: 10px 20px; + margin: 0; + top: 12px; + border: 1px solid #eee; + left: 20px; + background-color: #f2f4f7; + z-index: 1; } #shortcode-updated .input label span { - background-color: #008ec2; - width: 160px; - position: relative; - border-radius: 3px; - margin-top: 0; + background-color: #008ec2; + width: 160px; + position: relative; + border-radius: 3px; + margin-top: 0; } #shortcode-updated .input label span:before { - content: "Upgrade/Regenerate"; - position: absolute; - color: #fff; - left: 50%; - top: 48%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - border-radius: 3px; + content: "Upgrade/Regenerate"; + position: absolute; + color: #fff; + left: 50%; + top: 48%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + border-radius: 3px; } #shortcode-updated + #success_msg { - color: #4caf50; - padding-left: 15px; + color: #4caf50; + padding-left: 15px; } .olControlAttribution { - right: 10px !important; - bottom: 10px !important; + right: 10px !important; + bottom: 10px !important; } .g_address_wrap ul { - margin-top: 15px !important; + margin-top: 15px !important; } .g_address_wrap ul li { - margin-bottom: 8px; - border-bottom: 1px solid #e3e6ef; - padding-bottom: 8px; + margin-bottom: 8px; + border-bottom: 1px solid #e3e6ef; + padding-bottom: 8px; } .g_address_wrap ul li:last-child { - margin-bottom: 0; + margin-bottom: 0; } .plupload-thumbs .thumb { - float: none !important; - max-width: 200px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + float: none !important; + max-width: 200px; + display: -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; - right: -5px; - top: -5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - -webkit-transition: 0.2s ease; - transition: 0.2s ease; + position: absolute; + width: 25px; + height: 25px; + border-radius: 50%; + background-color: #c4c4c4; + right: -5px; + top: -5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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%; - left: 0; - top: 0; - margin-top: 0; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + margin-top: 0; + -webkit-box-align: center; + -webkit-align-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-left: 40px; - } - #_listing_contact_info #directorist.atbd_wrapper .form-check-input { - margin-left: -40px; - } - #_listing_contact_info - #directorist.atbd_wrapper - .map-coordinate - #manual_coordinate { - display: inline-block; - } - #_listing_contact_info - #directorist.atbd_wrapper - .map-coordinate - .cor-wrap - label { - display: inline; - } - #delete-custom-img { - margin-top: 10px; - } - .enable247hour label { - display: inline !important; - } + #_listing_contact_info #directorist.atbd_wrapper .form-check { + padding-left: 40px; + } + #_listing_contact_info #directorist.atbd_wrapper .form-check-input { + margin-left: -40px; + } + #_listing_contact_info #directorist.atbd_wrapper .map-coordinate #manual_coordinate { + display: inline-block; + } + #_listing_contact_info #directorist.atbd_wrapper .map-coordinate .cor-wrap label { + display: inline; + } + #delete-custom-img { + margin-top: 10px; + } + .enable247hour label { + display: inline !important; + } } /* ATBD Tooltip */ .atbd_tooltip { - position: relative; + position: relative; } -.atbd_tooltip[aria-label]:before, -.atbd_tooltip[aria-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; +.atbd_tooltip[aria-label]:before, .atbd_tooltip[aria-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + -webkit-animation: showTooltip 0.3s ease; + animation: showTooltip 0.3s ease; } .atbd_tooltip[aria-label]:before { - content: ""; - left: 50%; - -webkit-transform: translate(-50%, 7px); - transform: translate(-50%, 7px); - border: 6px solid transparent; - border-top-color: rgba(0, 0, 0, 0.8); + content: ""; + left: 50%; + -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; + 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; - } + 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; - right: -20px; - bottom: 0; - z-index: 999; + content: "\f0c5"; + font-family: "Font Awesome 5 Free"; + color: #000; + font-weight: normal; + line-height: initial; + cursor: pointer; + position: absolute; + right: -20px; + bottom: 0; + z-index: 999; } .directorist-find-latlan { - display: inline-block; - color: red; + display: inline-block; + color: red; } .business_time.column-business_time .atbdp-tick-cross2, .web-link.column-web-link .atbdp-tick-cross2 { - padding-left: 25px; + padding-left: 25px; } #atbdp-field-details .recurring_time_period { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-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; + margin-right: 10px; } #atbdp-field-details .recurring_time_period #recurring_period { - margin-right: 8px; + margin-right: 8px; } div#need_post_area { - padding: 10px 0 15px 0; + padding: 10px 0 15px 0; } div#need_post_area .atbd_listing_type_list { - margin: 0 -7px; + margin: 0 -7px; } div#need_post_area label { - margin: 0 7px; - font-size: 16px; + margin: 0 7px; + font-size: 16px; } div#need_post_area label input:checked + span { - font-weight: 600; + font-weight: 600; } #pyn_service_budget label { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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; + margin-right: 5px; } #titlediv #title { - padding: 3px 8px 7px; - font-size: 26px; - height: 40px; + padding: 3px 8px 7px; + font-size: 26px; + height: 40px; } .req_password_notice, .password_notice { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } /* hide button example image top upload fields */ @@ -885,1003 +835,764 @@ 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-left: 15px; - border-color: #ddd; +#directorist.atbd_wrapper .dbh-wrapper .dbh-timezone .select2-container .select2-selection--single { + height: 37px; + padding-left: 15px; + border-color: #ddd; } span.atbdp-tick-cross { - padding-left: 20px; + padding-left: 20px; } .atbdp-timestamp-wrap select, .atbdp-timestamp-wrap input { - margin-bottom: 5px !important; + margin-bottom: 5px !important; } /* csv styles */ .csv-action-btns { - margin-top: 30px; + margin-top: 30px; } .csv-action-btns a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - line-height: 44px; - padding: 0 20px; - background-color: #fff; - border: 1px solid #e3e6ef; - color: #272b41; - border-radius: 5px; - font-weight: 600; - margin-right: 7px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-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; + color: #9299b8; } .csv-action-btns a:last-child { - margin-right: 0; + margin-right: 0; } .csv-action-btns a.btn-active { - background-color: #2c99ff; - color: #fff; - border-color: #2c99ff; + background-color: #2c99ff; + color: #fff; + border-color: #2c99ff; } .csv-action-btns a.btn-active span { - color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); } .csv-action-steps ul { - width: 700px; - margin: 80px auto 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + width: 700px; + margin: 80px auto 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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); - left: 112px; - top: 8px; - width: 125px; - overflow: hidden; + position: absolute; + content: url(../js/../images/2043b2e371261d67d5b984bbeba0d4ff.png); + left: 112px; + top: 8px; + width: 125px; + overflow: hidden; } .csv-action-steps ul li .step { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - color: #9299b8; - -webkit-box-shadow: 5px 0 10px rgba(146, 153, 184, 0.15); - box-shadow: 5px 0 10px rgba(146, 153, 184, 0.15); - background-color: #fff; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: 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; - left: 0; - top: 0; - width: 1px; - height: 0; -} -.csv-wrapper - form - .form-content - .directorist-importer-options - .csv-upload - #upload - + label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; -} -.csv-wrapper - form - .form-content - .directorist-importer-options - .csv-upload - #upload - + label - .upload-btn { - line-height: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 5px; - padding: 0 20px; - background-color: #5a5f7d; - color: #fff; - font-weight: 500; - min-width: 140px; -} -.csv-wrapper - form - .form-content - .directorist-importer-options - .csv-upload - #upload - + label - .file-name { - color: #9299b8; - display: inline-block; - margin-left: 5px; -} -.csv-wrapper - form - .form-content - .directorist-importer-options - .csv-upload - small { - font-size: 13px; - color: #9299b8; - display: block; - margin-top: 10px; + position: relative; +} +.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload { + opacity: 0; + position: absolute; + left: 0; + top: 0; + width: 1px; + height: 0; +} +.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label { + display: -webkit-inline-box; + display: -webkit-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; + padding-top: 30px; +} +.csv-wrapper form .form-content .directorist-importer-options .update-existing label.ue { + font-size: 15px; + font-weight: 500; + color: #272b41; + display: block; + margin-bottom: 15px; } .csv-wrapper form .form-content .directorist-importer-options .csv-delimiter { - padding-top: 30px; -} -.csv-wrapper - form - .form-content - .directorist-importer-options - .csv-delimiter - label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: block; - margin-bottom: 10px; -} -.csv-wrapper - form - .form-content - .directorist-importer-options - .csv-delimiter - input { - width: 120px; - border-radius: 4px; - border: 1px solid #c6d0dc; - height: 36px; + padding-top: 30px; +} +.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter label { + font-size: 15px; + font-weight: 500; + color: #272b41; + display: block; + margin-bottom: 10px; +} +.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter input { + width: 120px; + border-radius: 4px; + border: 1px solid #c6d0dc; + height: 36px; } .csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper h3 { - margin-top: 0; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .directory_type_wrapper - label { - width: 100%; - display: block; - margin-bottom: 15px; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .directory_type_wrapper - #directory_type { - border: 1px solid #c6d0dc; - border-radius: 4px; - line-height: 40px; - padding: 0 15px; - width: 100%; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - margin-top: 25px; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table - tr - th, -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table - tr - td { - width: 50%; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table - thead { - background-color: #f4f5f7; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table - thead - th { - border: 0 none; - font-weight: 500; - color: #272b41; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table - tbody - .atbdp-importer-mapping-table-name { - padding-top: 15px; - padding-left: 0; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table - tbody - .atbdp-importer-mapping-table-name - p { - margin: 0 0 5px; - color: #272b41; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table - tbody - .atbdp-importer-mapping-table-name - .description { - color: #9299b8; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table - tbody - .atbdp-importer-mapping-table-name - code { - line-break: anywhere; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table - tbody - .atbdp-importer-mapping-table-field { - padding-top: 20px; - padding-right: 0; -} -.csv-wrapper - form - .form-content - .atbdp-importer-mapping-table-wrapper - .atbdp-importer-mapping-table - tbody - .atbdp-importer-mapping-table-field - select { - border: 1px solid #c6d0dc; - border-radius: 4px; - line-height: 40px; - padding: 0 15px; - width: 100%; + margin-top: 0; +} +.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper label { + width: 100%; + display: block; + margin-bottom: 15px; +} +.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper #directory_type { + border: 1px solid #c6d0dc; + border-radius: 4px; + line-height: 40px; + padding: 0 15px; + width: 100%; +} +.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table { + border: 0 none; + -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; + 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-right: 5%; + margin-right: 5%; } .wp-picker-holder .iris-picker-inner .iris-square .iris-strip { - height: 180px !important; + height: 180px !important; } /* form builder add listing form */ -.postbox-container .postbox select[name="directory_type"] + .form-group { - margin-top: 15px; +.postbox-container .postbox select[name=directory_type] + .form-group { + margin-top: 15px; } .postbox-container .postbox .form-group { - margin-bottom: 30px; + margin-bottom: 30px; } .postbox-container .postbox .form-group label { - display: inline-block; - font-weight: 500; - font-size: 15px; - color: #202428; - margin-bottom: 10px; + display: inline-block; + font-weight: 500; + font-size: 15px; + color: #202428; + margin-bottom: 10px; } .postbox-container .postbox .form-group #privacy_policy + label { - margin-bottom: 0; -} -.postbox-container .postbox .form-group input[type="text"], -.postbox-container .postbox .form-group input[type="tel"], -.postbox-container .postbox .form-group input[type="url"], -.postbox-container .postbox .form-group input[type="number"], -.postbox-container .postbox .form-group input[type="date"], -.postbox-container .postbox .form-group input[type="time"], -.postbox-container .postbox .form-group input[type="email"], + margin-bottom: 0; +} +.postbox-container .postbox .form-group input[type=text], +.postbox-container .postbox .form-group input[type=tel], +.postbox-container .postbox .form-group input[type=url], +.postbox-container .postbox .form-group input[type=number], +.postbox-container .postbox .form-group input[type=date], +.postbox-container .postbox .form-group input[type=time], +.postbox-container .postbox .form-group input[type=email], .postbox-container .postbox .form-group select.form-control { - display: block; - width: 100%; - padding: 6px 15px; - line-height: 1.5; - border: 1px solid #c6d0dc; -} -.postbox-container - .postbox - .form-group - input[type="text"]::-webkit-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="tel"]::-webkit-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="url"]::-webkit-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="number"]::-webkit-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="date"]::-webkit-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="time"]::-webkit-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="email"]::-webkit-input-placeholder, -.postbox-container - .postbox - .form-group - select.form-control::-webkit-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type="text"]::-moz-placeholder, -.postbox-container .postbox .form-group input[type="tel"]::-moz-placeholder, -.postbox-container .postbox .form-group input[type="url"]::-moz-placeholder, -.postbox-container .postbox .form-group input[type="number"]::-moz-placeholder, -.postbox-container .postbox .form-group input[type="date"]::-moz-placeholder, -.postbox-container .postbox .form-group input[type="time"]::-moz-placeholder, -.postbox-container .postbox .form-group input[type="email"]::-moz-placeholder, -.postbox-container .postbox .form-group select.form-control::-moz-placeholder { - color: #868eae; -} -.postbox-container - .postbox - .form-group - input[type="text"]:-ms-input-placeholder, -.postbox-container .postbox .form-group input[type="tel"]:-ms-input-placeholder, -.postbox-container .postbox .form-group input[type="url"]:-ms-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="number"]:-ms-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="date"]:-ms-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="time"]:-ms-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="email"]:-ms-input-placeholder, -.postbox-container - .postbox - .form-group - select.form-control:-ms-input-placeholder { - color: #868eae; -} -.postbox-container - .postbox - .form-group - input[type="text"]::-ms-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="tel"]::-ms-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="url"]::-ms-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="number"]::-ms-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="date"]::-ms-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="time"]::-ms-input-placeholder, -.postbox-container - .postbox - .form-group - input[type="email"]::-ms-input-placeholder, -.postbox-container - .postbox - .form-group - select.form-control::-ms-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type="text"]::placeholder, -.postbox-container .postbox .form-group input[type="tel"]::placeholder, -.postbox-container .postbox .form-group input[type="url"]::placeholder, -.postbox-container .postbox .form-group input[type="number"]::placeholder, -.postbox-container .postbox .form-group input[type="date"]::placeholder, -.postbox-container .postbox .form-group input[type="time"]::placeholder, -.postbox-container .postbox .form-group input[type="email"]::placeholder, + display: block; + width: 100%; + padding: 6px 15px; + line-height: 1.5; + border: 1px solid #c6d0dc; +} +.postbox-container .postbox .form-group input[type=text]::-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-right: 60px; + padding-right: 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-right: 30px; + margin-right: 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-left: 30px; + padding-left: 30px; } .atbds_wrapper .pr-30 { - padding-right: 30px; + padding-right: 30px; } /* atbds card */ .atbds_card.card { - padding: 0; - min-width: 100%; - border: 0 none; - border-radius: 4px; - -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); + padding: 0; + min-width: 100%; + border: 0 none; + border-radius: 4px; + -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, @@ -1889,277 +1600,273 @@ 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; - left: 0; - bottom: -1px; - width: 100%; - height: 2px; - content: ""; - opacity: 0; - visibility: hidden; - background-color: #272b41; + position: absolute; + left: 0; + bottom: -1px; + width: 100%; + height: 2px; + content: ""; + opacity: 0; + visibility: hidden; + background-color: #272b41; } .atbds_card .card-body .atbds_c-t-menu .nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -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-right: -15px; - margin-left: -15px; + 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%; + -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; + position: relative; + cursor: pointer; } .atbd_tooltip .atbd_tooltip__text { - display: none; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - top: 24px; - padding: 10.5px 15px; - min-width: 300px; - line-height: 1.7333; - border-radius: 4px; - background-color: #272b41; - color: #bebfc6; - z-index: 10; + display: none; + position: absolute; + left: 50%; + -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, @@ -2167,304 +1874,292 @@ 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-left: 7px; + margin-left: 7px; } .atbds_btn { - font-size: 14px; - font-weight: 500; - display: inline-block; - padding: 12px 30px; - border-radius: 4px; - cursor: pointer; - background-color: #c6d0dc; - border: 1px solid #c6d0dc; - -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - -webkit-transition: 0.3s; - transition: 0.3s; + font-size: 14px; + font-weight: 500; + display: inline-block; + padding: 12px 30px; + border-radius: 4px; + cursor: pointer; + background-color: #c6d0dc; + border: 1px solid #c6d0dc; + -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-left: 38px; - margin-bottom: 0; - line-height: 1.4; - font-weight: 400; - color: #868eae; -} -.atbds_customCheckbox input[type="checkbox"] + label:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 3px; - content: ""; - background-color: #fff; - border-width: 1px; - border-style: solid; - border: 1px solid #c6d0dc; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbds_customCheckbox input[type="checkbox"] + label:before { - position: absolute; - font-size: 12px; - left: 4px; - top: 2px; - font-weight: 900; - content: "\f00c"; - font-family: "Font Awesome 5 Free"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; - color: #3e62f5; -} -.atbds_customCheckbox input[type="checkbox"]:checked + label:after { - background-color: #00bc5e; - border: 1px solid #00bc5e; -} -.atbds_customCheckbox input[type="checkbox"]:checked + label:before { - opacity: 1; - color: #fff; + font-size: 15px; + color: #868eae; + display: inline-block !important; + font-size: 14px; +} +.atbds_customCheckbox input[type=checkbox] + label { + min-width: 20px; + min-height: 20px; + font-size: 14px; + display: -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; + 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: left; - border-radius: 3px; + border: 1px solid #e3e6ef; + margin-bottom: 35px; + background-color: #ffffff; + text-align: left; + border-radius: 3px; } #listing_form_info .atbd_content_module .atbd_content_module_title_area { - border-bottom: 1px solid #e3e6ef; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 20px 30px !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + border-bottom: 1px solid #e3e6ef; + display: -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; - right: 0%; + position: absolute; + top: 0; + right: 0%; } .atbd-booking-information .atbd_area_title { - padding: 0 20px; + padding: 0 20px; } .wp-list-table .page-title-action { - background-color: #222; - border: 0 none; - border-radius: 3px; - font-size: 11px; - position: relative; - top: 1px; - color: #fff; + background-color: #222; + border: 0 none; + border-radius: 3px; + font-size: 11px; + position: relative; + top: 1px; + color: #fff; } .atbd-listing-type-active-status { - display: inline-block; - color: #00ac17; - margin-left: 10px; + display: inline-block; + color: #00AC17; + margin-left: 10px; } /* atbds SupportForm */ .atbds_supportForm { - padding: 10px 50px 50px 50px; - color: #5a5f7d; + padding: 10px 50px 50px 50px; + color: #5a5f7d; } .atbds_supportForm h1, .atbds_supportForm h2, @@ -2472,6722 +2167,5883 @@ span.atbdp-tick-cross { .atbds_supportForm h4, .atbds_supportForm h5, .atbds_supportForm h6 { - font-size: 20px; - font-weight: 500; - color: #272b41; - margin: 20px 0 15px; + font-size: 20px; + font-weight: 500; + color: #272b41; + margin: 20px 0 15px; } .atbds_supportForm p { - font-size: 15px; - margin-bottom: 35px; + font-size: 15px; + margin-bottom: 35px; } .atbds_supportForm .atbds_customCheckbox { - margin-top: -14px; + margin-top: -14px; } /* atbds remoteViewingForm */ .atbds_remoteViewingForm { - padding: 10px 50px 50px 50px; + padding: 10px 50px 50px 50px; } .atbds_remoteViewingForm p { - font-size: 15px; - line-height: 1.7333; - color: #5a5f7d; + font-size: 15px; + line-height: 1.7333; + color: #5a5f7d; } .atbds_remoteViewingForm .atbds_form-row input { - min-width: 450px; - margin-right: 10px; + min-width: 450px; + margin-right: 10px; } .atbds_remoteViewingForm .atbds_form-row .btn-test { - font-weight: 700; + font-weight: 700; } .atbds_remoteViewingForm .atbds_buttonGroup { - margin-top: -10px; + margin-top: -10px; } .atbds_remoteViewingForm .atbds_buttonGroup .atbds_btn { - padding: 10.5px 33px; + padding: 10.5px 33px; } @media only screen and (max-width: 1599px) { - .atbds_warnings__single { - padding: 30px; - } + .atbds_warnings__single { + padding: 30px; + } } @media only screen and (max-width: 1399px) { - .atbds_warnings .atbds_col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 47%; - -ms-flex: 0 0 47%; - flex: 0 0 47%; - max-width: 47%; - padding-left: 1.5%; - padding-right: 1.5%; - } + .atbds_warnings .atbds_col-4 { + -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; - } + .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; - } + .atbds_remoteViewingForm .atbds_form-row input { + min-width: 300px; + } } @media only screen and (max-width: 850px) { - .atbds_wrapper { - padding: 30px; - } - .atbds_wrapper .atbds_row { - margin: 0px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - } - .atbds_wrapper .atbds_row .atbds_col-left { - margin-right: 0; - } - .atbds_wrapper .atbds_row .atbds_sidebar.pl-30 { - padding-left: 0; - } - .atbds_wrapper .atbds_row .atbds_sidebar #atbds_status-tab { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .atbds_remoteViewingForm .atbds_form-row input { - min-width: 100%; - margin-bottom: 15px; - } - .table-responsive { - width: 100%; - display: block; - overflow-x: auto; - } + .atbds_wrapper { + padding: 30px; + } + .atbds_wrapper .atbds_row { + margin: 0px; + -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; - } + .atbds_warnings__single { + padding: 15px; + } + .atbds_supportForm { + padding: 10px 25px 25px 25px; + } + .atbds_customCheckbox input[type=checkbox] + label { + padding-left: 28px; + } } #atbdp-send-system-info .system_info_success { - color: #00ac17; + color: #00AC17; } #atbds_r-viewing #atbdp-remote-response { - padding: 20px 50px 0; - color: #00ac17; + padding: 20px 50px 0; + color: #00AC17; } #atbds_r-viewing .atbds_form-row .button-secondary { - padding: 8px 33px; - text-decoration: none; - border-color: #3e62f5; - color: #3e62f5; - background-color: #fff; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + padding: 8px 33px; + text-decoration: none; + border-color: #3e62f5; + color: #3e62f5; + background-color: #fff; + -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; } .vp-wrap .vp-menus ul.vp-menu-level-2 > li a i.fa, .fa { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; } .atbdb_content_module_contents .ez-media-uploader { - text-align: center; + text-align: center; } .add_listing_form_wrapper .upload-header, .add_listing_form_wrapper #listing_image_btn, .add_listing_form_wrapper #delete-custom-img { - font-size: 15px; - padding: 0 15.8px !important; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: 38px; - border-radius: 4px; - text-decoration: none; - color: #fff; + font-size: 15px; + padding: 0 15.8px !important; + display: -webkit-inline-box; + display: -webkit-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; - right: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #ffffff; + display: inline-block; + margin: 10px; + position: relative; +} +.add_listing_form_wrapper .listing-img-container .single_attachment .remove_image { + position: absolute; + top: -5px; + right: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + border-radius: 50%; + -webkit-transition: 0.2s; + 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-right: 6px; + margin-right: 6px; } .add_listing_form_wrapper #delete-custom-img { - margin-left: 5px; - background-color: #ef0000; + margin-left: 5px; + background-color: #EF0000; } .add_listing_form_wrapper #delete-custom-img.hidden { - display: none; + display: none; } #announcment_submit .vp-input ~ span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: #007cba; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0 15px; - border-radius: 3px; - color: #fff; - background-image: none; - width: auto; - cursor: pointer; + display: -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: left; + margin-top: 30px; + text-align: left; } .atbdp-form-header { - display: block; + display: block; } .atbdp-form-body { - display: block; + display: block; } .atbdp-form-footer { - display: block; - text-align: center; + display: block; + text-align: center; } .atbdp-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .atbdp-form-group label { - display: block; - margin-bottom: 5px; - font-weight: bold; + display: block; + margin-bottom: 5px; + font-weight: bold; } input.atbdp-form-control { - display: block; - width: 100%; - border: none; - height: 40px; - border-radius: 4px; - border: 0 none; - padding: 0 15px; - background-color: #f4f5f7; + display: block; + width: 100%; + border: none; + height: 40px; + border-radius: 4px; + border: 0 none; + padding: 0 15px; + background-color: #f4f5f7; } .atbdp-form-feedback { - margin: 10px 0; + margin: 10px 0; } .atbdp-form-feedback span { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .et-auth-section-wrap { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + -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-left: 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-left: 0 !important; + } } .atbdp-counter-list-vertical .atbdp-counter-list__number { - margin-right: 10px; + margin-right: 10px; } .atbdp-counter-list-vertical .atbdp-counter-list__actions { - margin-left: auto; + margin-left: auto; } .et-contents__tab-item { - display: none; + display: none; } .et-contents__tab-item .theme-card-wrapper .theme-card { - width: 100%; + width: 100%; } .et-contents__tab-item.active { - display: block; + display: block; } .et-wrapper { - background-color: #fff; - border-radius: 4px; + background-color: #fff; + border-radius: 4px; } .et-wrapper .et-wrapper-head { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 30px; - border-bottom: 1px solid #f1f2f6; + display: -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 15px 0 40px; - min-width: 300px; + background-color: #f4f5f7; + height: 40px; + border-radius: 4px; + border: 0 none; + padding: 0 15px 0 40px; + min-width: 300px; } .et-wrapper .et-wrapper-head .et-search span { - position: absolute; - left: 15px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 16px; + position: absolute; + left: 15px; + top: 50%; + -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; - left: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + 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; + 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-right: 20px; -} -.et-wrapper - .et-contents - .ext-wrapper - table - .ei-action-wrapper - .ei-select-all - .directorist-checkbox__label { - min-height: 18px; - margin-bottom: 0 !important; -} -.et-wrapper - .et-contents - .ext-wrapper - table - .ei-action-wrapper - .ei-action-dropdown { - margin-right: 8px; -} -.et-wrapper - .et-contents - .ext-wrapper - table - .ei-action-wrapper - .ei-action-dropdown - select { - border: 1px solid #e3e6ef !important; - border-radius: 4px; - height: 30px !important; - min-width: 130px; + margin-right: 20px; +} +.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-select-all .directorist-checkbox__label { + min-height: 18px; + margin-bottom: 0 !important; +} +.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-dropdown { + margin-right: 8px; +} +.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-dropdown select { + border: 1px solid #e3e6ef !important; + border-radius: 4px; + height: 30px !important; + min-width: 130px; } .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-btn, -.et-wrapper - .et-contents - .ext-wrapper - table - .ei-action-wrapper - button.ei-action-btn { - background-color: #c6d0dc !important; - border-radius: 4px; - color: #fff !important; - line-height: 30px; - padding: 0 15px !important; -} -.et-wrapper - .et-contents - .ext-wrapper - table - .ei-action-wrapper - button.ei-action-btn { - padding: 6px 15px; - border: none; - border-radius: 4px !important; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.et-wrapper - .et-contents - .ext-wrapper - table - .ei-action-wrapper - button.ei-action-btn:active, -.et-wrapper - .et-contents - .ext-wrapper - table - .ei-action-wrapper - button.ei-action-btn:focus { - outline: none !important; -} -.et-wrapper - .et-contents - .ext-wrapper - table - .ei-action-wrapper - button.ei-action-btn.ei-action-active { - background-color: #3e62f5 !important; +.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn { + background-color: #c6d0dc !important; + border-radius: 4px; + color: #fff !important; + line-height: 30px; + padding: 0 15px !important; +} +.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn { + padding: 6px 15px; + border: none; + border-radius: 4px !important; + cursor: pointer; + -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; + display: -webkit-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; + 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; + 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; + display: inline-block; + margin-right: 15px; + border-radius: 6px; } .et-wrapper .et-contents .ext-wrapper table .extension-name label .ext-version { - color: #868eae; - font-size: 11px; - font-weight: 600; - display: inline-block; - margin-left: 10px; + color: #868eae; + font-size: 11px; + font-weight: 600; + display: inline-block; + margin-left: 10px; } .et-wrapper .et-contents .ext-wrapper table .active-badge { - display: inline-block; - font-size: 11px; - font-weight: 600; - color: #fff; - background-color: #00b158; - line-height: 22px; - padding: 0 10px; - border-radius: 25px; + display: inline-block; + font-size: 11px; + font-weight: 600; + color: #fff; + background-color: #00b158; + line-height: 22px; + padding: 0 10px; + border-radius: 25px; } .et-wrapper .et-contents .ext-wrapper table .ext-update-info { - margin-bottom: 0 !important; - position: relative; - padding-left: 20px; - font-size: 13px; + margin-bottom: 0 !important; + position: relative; + padding-left: 20px; + font-size: 13px; } .et-wrapper .et-contents .ext-wrapper table .ext-update-info:before { - position: absolute; - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: #2c99ff; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: #2c99ff; + left: 0; + top: 50%; + -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; + color: #2c99ff; + display: inline-block; + margin-left: 10px; + border-bottom: 1px dashed #2c99ff; + cursor: pointer; +} +.et-wrapper .et-contents .ext-wrapper table .ext-update-info.ext-updated:before { + background-color: #00b158; } .et-wrapper .et-contents .ext-wrapper table .ext-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 0 0 -8px; - min-width: 170px; + display: -webkit-box; + display: -webkit-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; + 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 .ext-action-drop { + margin-left: 6px; + } +} +.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop.active { + background-color: #f4f5f7 !important; } .et-wrapper .et-contents .ext-wrapper table .ext-action div { - position: relative; -} -.et-wrapper - .et-contents - .ext-wrapper - table - .ext-action - div - .ext-action-drop__item { - position: absolute; - right: 0; - top: 37px; - border: 1px solid #f1f2f6; - border-radius: 4px; - min-width: 140px; - -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); - box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); - background-color: #fff; - z-index: 1; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.et-wrapper - .et-contents - .ext-wrapper - table - .ext-action - div - .ext-action-drop__item - a { - line-height: 40px; - display: block; - padding: 0 20px; - font-size: 14px; - font-weight: 500; - color: #ff272a !important; -} -.et-wrapper - .et-contents - .ext-wrapper - table - .ext-action - .ext-action-drop.active - + .ext-action-drop__item { - visibility: visible; - opacity: 1; - pointer-events: all; + position: relative; +} +.et-wrapper .et-contents .ext-wrapper table .ext-action div .ext-action-drop__item { + position: absolute; + right: 0; + top: 37px; + border: 1px solid #f1f2f6; + border-radius: 4px; + min-width: 140px; + -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-left: 16px; - font-size: 13px; - color: #5a5f7d !important; + position: relative; + padding-left: 16px; + font-size: 13px; + color: #5a5f7d !important; } .theme-card__footer .theme-update:before { - position: absolute; - content: ""; - width: 8px; - height: 8px; - background-color: #2c99ff; - border-radius: 50%; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + content: ""; + width: 8px; + height: 8px; + background-color: #2c99ff; + border-radius: 50%; + left: 0; + top: 50%; + -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; + display: inline-block; + color: #2c99ff !important; + border-bottom: 1px dashed #2c99ff; + margin-left: 10px; + cursor: pointer; } .theme-card__footer .theme-update-btn { - display: inline-block; - line-height: 34px; - font-size: 13px; - font-weight: 500; - color: #fff !important; - background-color: #3e62f5 !important; - border-radius: 20px; - padding: 0 20px; + display: inline-block; + line-height: 34px; + font-size: 13px; + font-weight: 500; + color: #fff !important; + background-color: #3e62f5 !important; + border-radius: 20px; + padding: 0 20px; } .available-themes-wrapper .available-themes { - padding: 12px 30px 30px 30px; - margin: -15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 12px 30px 30px 30px; + margin: -15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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: 0 5px 10px rgba(173, 180, 210, 0.2); + border-radius: 6px; + border-radius: 0 5px 10px rgba(173, 180, 210, 0.2); } .available-themes-wrapper figure h5 { - margin: 20px 0 !important; - font-size: 20px; - font-weight: 500; - color: #272b41 !important; + margin: 20px 0 !important; + font-size: 20px; + font-weight: 500; + color: #272b41 !important; } .available-themes-wrapper figure .theme-action { - margin: -8px -6px; + margin: -8px -6px; } .available-themes-wrapper figure .theme-action .theme-action-btn { - line-height: 40px; - display: inline-block; - padding: 0 20px; - border-radius: 20px; - color: #272b41 !important; - -webkit-box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); - box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); - background-color: #fff !important; - font-weight: 500; - font-size: 14px; - margin: 8px 6px; -} -.available-themes-wrapper - figure - .theme-action - .theme-action-btn.theme-activate-btn { - background-color: #3e62f5 !important; - color: #fff !important; + line-height: 40px; + display: inline-block; + padding: 0 20px; + border-radius: 20px; + color: #272b41 !important; + -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 15px 0 42px; + width: 100%; + border-radius: 4px; + height: 48px; + border: 1px solid #e3e6ef; + padding: 0 15px 0 42px; } #directorist.atbd_wrapper .account-connect__form-group span { - position: absolute; - font-size: 18px; - color: #a1a8c6; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + font-size: 18px; + color: #a1a8c6; + left: 20px; + top: 50%; + -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; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + 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; + display: -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); - left: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + left: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -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; - right: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: #fff; - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + right: 20px; + position: absolute; + -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-left: 20px; - position: relative; + margin-bottom: 12px; + font-size: 16px; + color: #5c637e; + padding-left: 20px; + position: relative; } #directorist.atbd_wrapper .modal-body .update-list ul li:last-child { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .modal-body .update-list ul li:before { - position: absolute; - content: ""; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: #000; - left: 0; - top: 5px; + position: absolute; + content: ""; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: #000; + left: 0; + top: 5px; } #directorist.atbd_wrapper .modal-body .update-list.update-list--new li:before { - background-color: #00bb45; + background-color: #00bb45; } -#directorist.atbd_wrapper - .modal-body - .update-list.update-list--fixed - li:before { - background-color: #0090fd; +#directorist.atbd_wrapper .modal-body .update-list.update-list--fixed li:before { + background-color: #0090fd; } -#directorist.atbd_wrapper - .modal-body - .update-list.update-list--improved - li:before { - background-color: #4353ff; +#directorist.atbd_wrapper .modal-body .update-list.update-list--improved li:before { + background-color: #4353ff; } -#directorist.atbd_wrapper - .modal-body - .update-list.update-list--removed - li:before { - background-color: #d72323; +#directorist.atbd_wrapper .modal-body .update-list.update-list--removed li:before { + background-color: #d72323; } #directorist.atbd_wrapper .modal-footer button { - background-color: #3e62f5; - border-color: #3e62f5; + background-color: #3e62f5; + border-color: #3e62f5; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } /* Default WP Theme overwrite */ body.wp-admin { - background-color: #f3f4f6; - font-family: "Inter", sans-serif; + background-color: #f3f4f6; + font-family: "Inter", sans-serif; } .directorist_builder-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - margin-left: -24px; - margin-top: -10px; - background-color: #fff; - padding: 0 24px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + display: -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; - } + .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: 19px; - line-height: 25px; - font-weight: 600; - margin: 0; - color: #000; + font-size: 19px; + line-height: 25px; + font-weight: 600; + margin: 0; + color: #000; } .tabContentActive, .pstContentActive, .pstContentActive2, .pstContentActive3 { - display: block !important; - -webkit-animation: showTab 0.6s ease; - animation: showTab 0.6s ease; + display: block !important; + -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-right: 30px; + max-width: 140px; + height: 140px; + border-radius: 14px; + margin-right: 30px; } @media only screen and (max-width: 1399px) { - .directorist_membership-notice .directorist_membership-notice__content img { - max-width: 130px; - height: 130px; - } + .directorist_membership-notice .directorist_membership-notice__content img { + max-width: 130px; + height: 130px; + } } @media only screen and (max-width: 1199px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin-right: 0; - margin-bottom: 24px; - } + .directorist_membership-notice .directorist_membership-notice__content img { + margin-right: 0; + margin-bottom: 24px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin: 0 20px 0 0; - } + .directorist_membership-notice .directorist_membership-notice__content img { + margin: 0 20px 0 0; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin-right: 0; - margin-bottom: 24px; - margin: 0 auto 24px auto; - } -} -.directorist_membership-notice - .directorist_membership-notice__content - .directorist_membership-notice__text { - color: #fff; -} -.directorist_membership-notice - .directorist_membership-notice__content - .directorist_membership-notice__text - h4 { - font-size: 24px; - font-weight: bold; - margin: 4px 0 8px; + .directorist_membership-notice .directorist_membership-notice__content img { + margin-right: 0; + margin-bottom: 24px; + margin: 0 auto 24px auto; + } +} +.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text { + color: #fff; +} +.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { + font-size: 24px; + font-weight: bold; + margin: 4px 0 8px; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice - .directorist_membership-notice__content - .directorist_membership-notice__text - h4 { - font-size: 20px; - } + .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { + font-size: 20px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice - .directorist_membership-notice__content - .directorist_membership-notice__text - h4 { - font-size: 20px; - margin: 0 0 8px; - } -} -.directorist_membership-notice - .directorist_membership-notice__content - .directorist_membership-notice__text - p { - font-size: 16px; - font-weight: 500; - max-width: 350px; - margin-bottom: 12px; - color: rgba(255, 255, 255, 0.5647058824); -} -.directorist_membership-notice - .directorist_membership-notice__content - .directorist_membership-notice__text - .directorist_membership-sale-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 20px; - font-weight: bold; - min-height: 47px; - line-height: 1.95; - padding: 0 15px; - border-radius: 6px; - color: #000000; - -webkit-transition: 0.3s; - transition: 0.3s; - background-color: #3af4c2; -} -.directorist_membership-notice - .directorist_membership-notice__content - .directorist_membership-notice__text - .directorist_membership-sale-badge:hover { - background-color: #64d8b9; + .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { + font-size: 20px; + margin: 0 0 8px; + } +} +.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text p { + font-size: 16px; + font-weight: 500; + max-width: 350px; + margin-bottom: 12px; + color: rgba(255, 255, 255, 0.5647058824); +} +.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { + display: -webkit-inline-box; + display: -webkit-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-right: 12px; -} -.directorist_membership-notice__list - li - .directorist_membership-notice__list__icon - i { - position: relative; - top: 1px; - font-size: 11px; - color: #000; + .directorist_membership-notice__list li { + width: 100%; + } +} +.directorist_membership-notice__list li .directorist_membership-notice__list__icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: 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__list li .directorist_membership-notice__list__icon i { + top: 0; + } } .directorist_membership-notice__action { - margin-right: 25px; + margin-right: 25px; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__action { - margin-right: 0; - } + .directorist_membership-notice__action { + margin-right: 0; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice__action { - width: 100%; - text-align: center; - } + .directorist_membership-notice__action { + width: 100%; + text-align: center; + } } .directorist_membership-notice__action .directorist_membership-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 18px; - font-weight: bold; - color: #000; - min-height: 52px; - border-radius: 8px; - padding: 0 34.45px; - background-color: #f8d633; - -webkit-transition: 0.3s; - transition: 0.3s; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-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; - right: 20px; - top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 18px; - height: 18px; - border-radius: 50%; - background-color: #fff; - -webkit-transition: 0.3s; - transition: 0.3s; + position: absolute; + right: 20px; + top: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: 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; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block-wrapper { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 6px 8px; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 16px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 20px; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block-wrapper { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 6px 8px; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 16px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 575px) { - .directorist_builder__content - .directorist_builder__content__left - .directorist_link-block { - min-width: 100%; - margin: 0; - } -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block.directorist_new-directory { - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block.directorist_link-block-primary { - background-color: #3e62f5; - color: #ffffff; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block.directorist_link-block-primary:hover { - background-color: #5a7aff; - border-color: #5a7aff; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block.directorist_link-block-primary-outline { - background-color: transparent; - color: #3e62f5; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block - .directorist_link-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block - .directorist_link-icon - i { - font-size: 16px; - font-weight: 900; - color: #fff; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block - .directorist_link-text { - display: block; - font-size: 14px; - line-height: 16.24px; - font-weight: 500; + .directorist_builder__content .directorist_builder__content__left .directorist_link-block { + min-width: 100%; + margin: 0; + } +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_new-directory { + -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary { + background-color: #3e62f5; + color: #ffffff; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary:hover { + background-color: #5a7aff; + border-color: #5a7aff; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary-outline { + background-color: transparent; + color: #3e62f5; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-icon i { + font-size: 16px; + font-weight: 900; + color: #fff; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-text { + display: block; + font-size: 14px; + line-height: 16.24px; + font-weight: 500; } @media only screen and (max-width: 1199px) { - .directorist_builder__content - .directorist_builder__content__left - .directorist_link-block - .directorist_link-text { - font-size: 15px; - } -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_btn-migrate { - margin-top: 20px; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_btn-import - .directorist_link-icon { - border: 0 none; + .directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-text { + font-size: 15px; + } +} +.directorist_builder__content .directorist_builder__content__left .directorist_btn-migrate { + margin-top: 20px; +} +.directorist_builder__content .directorist_builder__content__left .directorist_btn-import .directorist_link-icon { + border: 0 none; } .directorist_builder__content .directorist_builder__content__right { - width: 100%; + width: 100%; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right { - background: #e3e6ef; - border-radius: 8px; - padding: 10px 10px; - width: calc(100% - 20px); - } -} -.directorist_builder__content - .directorist_builder__content__right - .directorist-total-types { - margin-bottom: 15px; - text-decoration: none; - font-size: 12px; - font-weight: 500; - color: #747c89; - line-height: 14px; - letter-spacing: 0.24px; - text-transform: uppercase; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table { - width: 100%; - text-align: left; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - white-space: nowrap; + .directorist_builder__content .directorist_builder__content__right { + background: #e3e6ef; + border-radius: 8px; + padding: 10px 10px; + width: calc(100% - 20px); + } +} +.directorist_builder__content .directorist_builder__content__right .directorist-total-types { + margin-bottom: 15px; + text-decoration: none; + font-size: 12px; + font-weight: 500; + color: #747c89; + line-height: 14px; + letter-spacing: 0.24px; + text-transform: uppercase; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table { + width: 100%; + text-align: left; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + white-space: nowrap; } @media only screen and (max-width: 1199px) { - .directorist_builder__content - .directorist_builder__content__right - .directorist_table { - overflow-x: auto; - display: inline-grid; - border-radius: 8px; - overflow-y: hidden; - padding-bottom: 83px; - } -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-header { - background: #f9fafb; - border: 1px solid #e5e7eb; - border-radius: 8px; - margin-bottom: 8px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-header - .directorist_table-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.72px; - text-transform: uppercase; - color: #747c89; - max-height: 44px; - min-height: 44px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-header - .directorist_table-row - > div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0 20px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-header - .directorist_table-row - .directorist_listing-c-action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - opacity: 0; - visibility: hidden; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row { - background: white; - border-radius: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 72px; - max-height: 72px; - font-size: 13px; - font-weight: 500; - line-height: 14px; - color: #4d5761; - text-transform: capitalize; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-left: 4px solid white; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row:hover { - border-color: #3e62f5; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row:hover - .directorist-type-actions - .directorist_listing-actions - > a { - background-color: #3e62f5; - color: white; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row:hover - .directorist-type-actions - .directorist_listing-actions - > a - svg { - color: inherit; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row:hover - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle - svg { - color: #747c89; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row - > div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 20px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_title { - color: #2c3239; - font-size: 15px; - font-weight: 500; - line-height: 16px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_title - a { - color: inherit; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_title - a:hover { - color: #3e62f5; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_title - .directorist_badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 6px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 4px; - background: #d8e0fd; - color: #061e7e; - font-size: 10px; - font-weight: 600; - line-height: 14px; - letter-spacing: 0.4px; - text-transform: uppercase; - height: 18px; - margin: 0; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_title - .directorist_listing-id { - color: #747c89; - font-size: 12px; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - margin-top: 8px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-count { - color: #2e94fa; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - > a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 6px; - border-radius: 8px; - background: #e5e7eb; - color: #2c3239; - font-size: 13px; - font-weight: 500; - line-height: 14px; - height: 32px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - > a - svg { - width: 14px; - height: 14px; - color: #747c89; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle { - width: 32px; - height: 32px; - border-radius: 8px !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle - svg { - color: #d2d6db; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle:hover, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle.active { - background-color: #e5e7eb !important; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle:hover - svg, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle.active - svg { - color: #2c3239 !important; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option { - right: 0; - top: 35px; - border-radius: 8px; - border: 1px solid #f3f4f6; - -webkit-box-shadow: - 0px 12px 16px -4px rgba(16, 24, 40, 0.08), - 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: - 0px 12px 16px -4px rgba(16, 24, 40, 0.08), - 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - min-width: 208px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul { - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 9px 12px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - > li:first-child:hover, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - > li - > a:hover { - background-color: rgba(62, 98, 245, 0.05) !important; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li { - margin-bottom: 0 !important; - width: 100%; - overflow: hidden; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > a, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > div { - margin-bottom: 0 !important; - width: 100%; - margin: 0 !important; - padding: 0 8px !important; - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 16.24px !important; - gap: 12px; - color: #4d5761 !important; - height: 42px; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + .directorist_builder__content .directorist_builder__content__right .directorist_table { + overflow-x: auto; + display: inline-grid; + border-radius: 8px; + overflow-y: hidden; + padding-bottom: 83px; + } +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header { + background: #f9fafb; + border: 1px solid #e5e7eb; + border-radius: 8px; + margin-bottom: 8px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.72px; + text-transform: uppercase; + color: #747c89; + max-height: 44px; + min-height: 44px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row > div { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 20px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row .directorist_listing-c-action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + opacity: 0; + visibility: hidden; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 8px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row { + background: white; + border-radius: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 72px; + max-height: 72px; + font-size: 13px; + font-weight: 500; + line-height: 14px; + color: #4d5761; + text-transform: capitalize; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-left: 4px solid white; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover { + border-color: #3e62f5; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions > a { + background-color: #3e62f5; + color: white; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions > a svg { + color: inherit; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg { + color: #747c89; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row > div { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 10px 20px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title { + color: #2c3239; + font-size: 15px; + font-weight: 500; + line-height: 16px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a { + color: inherit; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a:hover { + color: #3e62f5; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 6px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #d8e0fd; + color: #061e7e; + font-size: 10px; + font-weight: 600; + line-height: 14px; + letter-spacing: 0.4px; + text-transform: uppercase; + height: 18px; + margin: 0; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_listing-id { + color: #747c89; + font-size: 12px; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + margin-top: 8px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-count { + color: #2e94fa; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 6px; + border-radius: 8px; + background: #e5e7eb; + color: #2c3239; + font-size: 13px; + font-weight: 500; + line-height: 14px; + height: 32px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a svg { + width: 14px; + height: 14px; + color: #747c89; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle { + width: 32px; + height: 32px; + border-radius: 8px !important; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg { + color: #d2d6db; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover, .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active { + background-color: #e5e7eb !important; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover svg, .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active svg { + color: #2c3239 !important; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option { + right: 0; + top: 35px; + border-radius: 8px; + border: 1px solid #f3f4f6; + -webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + min-width: 208px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul { + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 9px 12px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li:first-child:hover, +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li > a:hover { + background-color: rgba(62, 98, 245, 0.05) !important; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li { + margin-bottom: 0 !important; + width: 100%; + overflow: hidden; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a, +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div { + margin-bottom: 0 !important; + width: 100%; + margin: 0 !important; + padding: 0 8px !important; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 16.24px !important; + gap: 12px; + color: #4d5761 !important; + height: 42px; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } @media only screen and (max-width: 1199px) { - .directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > a, - .directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > div { - height: 32px; - } -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > a.atbdp-directory-delete-link-action, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > div.atbdp-directory-delete-link-action { - color: #d94a4a !important; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > a.atbdp-directory-delete-link-action - svg, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > div.atbdp-directory-delete-link-action - svg { - color: inherit; - width: 18px; - height: 18px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - .directorist_custom-checkbox - input[type="checkbox"] - + label { - padding-left: 29px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - .directorist_custom-checkbox - input[type="checkbox"] - + label:after { - border-radius: 5px; - border-color: #d1d1d7; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: 2px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - .directorist_custom-checkbox - input[type="checkbox"] - + label:before { - font-size: 8px; - left: 5px; - top: 7px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - .directorist_custom-checkbox - input[type="checkbox"]:checked - + label:after { - border-color: #3e62f5; - background-color: #3e62f5; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .atbd-listing-type-active-status { - margin-left: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a, + .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div { + height: 32px; + } +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action, +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action { + color: #d94a4a !important; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action svg, +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action svg { + color: inherit; + width: 18px; + height: 18px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label { + padding-left: 29px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label:after { + border-radius: 5px; + border-color: #d1d1d7; + -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; } /* 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 { - left: -50px; - -webkit-transform: unset; - transform: unset; -} -.directorist-row-tooltip[data-tooltip]:before, -.directorist-row-tooltip[data-tooltip]:after { - line-height: normal; - font-size: 13px; - pointer-events: none; - position: absolute; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: none; - opacity: 0; + text-transform: none; +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]::before { + -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: ""; - border: 5px solid transparent; - z-index: 100; + content: ""; + border: 5px solid transparent; + z-index: 100; } .directorist-row-tooltip[data-tooltip]:after { - content: attr(data-tooltip); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - border-radius: 6px; - background: #141921; - color: #ffffff; - z-index: 99; - padding: 10px 12px; - height: 34px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: normal; -} -.directorist-row-tooltip[data-tooltip]:hover:before, -.directorist-row-tooltip[data-tooltip]:hover:after { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - opacity: 1; -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, -.directorist-row-tooltip[data-tooltip][data-flow="top"]::before { - bottom: 100%; - border-bottom-width: 0; - border-top-color: #141921; -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, -.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { - bottom: calc(100% + 5px); -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, -.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, -.directorist-row-tooltip[data-tooltip][data-flow="top"]::before, -.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { - left: 50%; - -webkit-transform: translate(-50%, -4px); - transform: translate(-50%, -4px); -} -.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { - top: 100%; - border-top-width: 0; - border-bottom-color: #141921; -} -.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { - top: calc(100% + 5px); -} -.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before, -.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { - left: 50%; - -webkit-transform: translate(-50%, 6px); - transform: translate(-50%, 6px); -} -.directorist-row-tooltip[data-tooltip][data-flow="left"]::before { - top: 50%; - border-right-width: 0; - border-left-color: #141921; - left: calc(0em - 5px); - -webkit-transform: translate(-6px, -50%); - transform: translate(-6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow="left"]::after { - top: 50%; - right: calc(100% + 5px); - -webkit-transform: translate(-6px, -50%); - transform: translate(-6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow="right"]::before { - top: 50%; - border-left-width: 0; - border-right-color: #141921; - right: calc(0em - 5px); - -webkit-transform: translate(6px, -50%); - transform: translate(6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow="right"]::after { - top: 50%; - left: calc(100% + 5px); - -webkit-transform: translate(6px, -50%); - transform: translate(6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, -.directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { - display: none !important; + content: attr(data-tooltip); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 6px; + background: #141921; + color: #ffffff; + z-index: 99; + padding: 10px 12px; + height: 34px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: normal; +} +.directorist-row-tooltip[data-tooltip]:hover:before, .directorist-row-tooltip[data-tooltip]:hover:after { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + opacity: 1; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::before { + bottom: 100%; + border-bottom-width: 0; + border-top-color: #141921; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::after { + bottom: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::after { + left: 50%; + -webkit-transform: translate(-50%, -4px); + transform: translate(-50%, -4px); +} +.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { + top: 100%; + border-top-width: 0; + border-bottom-color: #141921; +} +.directorist-row-tooltip[data-tooltip][data-flow=bottom]::after { + top: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before, .directorist-row-tooltip[data-tooltip][data-flow=bottom]::after { + left: 50%; + -webkit-transform: translate(-50%, 6px); + transform: translate(-50%, 6px); +} +.directorist-row-tooltip[data-tooltip][data-flow=left]::before { + top: 50%; + border-right-width: 0; + border-left-color: #141921; + left: calc(0em - 5px); + -webkit-transform: translate(-6px, -50%); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow=left]::after { + top: 50%; + right: calc(100% + 5px); + -webkit-transform: translate(-6px, -50%); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow=right]::before { + top: 50%; + border-left-width: 0; + border-right-color: #141921; + right: calc(0em - 5px); + -webkit-transform: translate(6px, -50%); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow=right]::after { + top: 50%; + left: calc(100% + 5px); + -webkit-transform: translate(6px, -50%); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, .directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { + display: none !important; } .directorist_listing-slug-text { - min-width: 120px; - display: inline-block; - max-width: 120px; - overflow: hidden; - white-space: nowrap; - padding: 5px 0; - border-bottom: 1px solid transparent; - margin-right: 10px; - text-transform: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_listing-slug-text:hover, -.directorist_listing-slug-text--editable { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 6px; - background: #f3f4f6; -} -.directorist_listing-slug-text:hover:focus, -.directorist_listing-slug-text--editable:focus { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: var(--spacing-md, 8px); - gap: var(--spacing-md, 8px); - border-radius: var(--radius-sm, 6px); - background: var(--Gray-100, #f3f4f6); - outline: 0; + min-width: 120px; + display: inline-block; + max-width: 120px; + overflow: hidden; + white-space: nowrap; + padding: 5px 0; + border-bottom: 1px solid transparent; + margin-right: 10px; + text-transform: none; + -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-left: 6px; - } - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, - .directorist-listing-slug-edit-wrap - .directorist_listing-slug-formText-add:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, + .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { + width: 26px; + height: 26px; + margin-left: 6px; + } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, + .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { + font-size: 13px; + } } @media only screen and (max-width: 1299px) { - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - width: 22px; - height: 22px; - margin-left: 6px; - } - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, - .directorist-listing-slug-edit-wrap - .directorist_listing-slug-formText-add:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, + .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { + width: 22px; + height: 22px; + margin-left: 6px; + } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, + .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { + font-size: 13px; + } } .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - background-color: #08bf9c; - -webkit-box-shadow: none; - box-shadow: none; - display: none; -} -.directorist-listing-slug-edit-wrap - .directorist_listing-slug-formText-add:before { - content: "\f00c"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - color: #fff; -} -.directorist-listing-slug-edit-wrap - .directorist_listing-slug-formText-add.active { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.directorist-listing-slug-edit-wrap - .directorist_listing-slug-formText-add.disabled { - opacity: 0.5; - pointer-events: none; + background-color: #08bf9c; + -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; - right: -40px; - top: 5px; + position: absolute; + right: -40px; + top: 5px; } .directorist_custom-checkbox input { - display: none; -} -.directorist_custom-checkbox input[type="checkbox"] + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-left: 28px; - padding-top: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: #5a5f7d; -} -.directorist_custom-checkbox input[type="checkbox"] + label:before { - position: absolute; - font-size: 10px; - left: 6px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.directorist_custom-checkbox input[type="checkbox"] + label:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 50%; - content: ""; - background-color: #fff; - border: 2px solid #c6d0dc; -} -.directorist_custom-checkbox input[type="checkbox"]:checked + label:after { - background-color: #00b158; - border-color: #00b158; -} -.directorist_custom-checkbox input[type="checkbox"]:checked + label:before { - opacity: 1; - color: #fff; + display: none; +} +.directorist_custom-checkbox input[type=checkbox] + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -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; + display: inline-block; + padding: 4px 6px; + font-size: 75%; + font-weight: 700; + line-height: 1.5; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 4px; + margin-left: 6px; + border: 0 none; } .directorist_builder__content .directorist_badge.directorist_badge-primary { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .directorist_table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; + display: block !important; + width: 100%; + overflow-x: auto; + overflow-y: visible; } .cptm-delete-directory-modal .cptm-modal-header { - padding-left: 20px; + padding-left: 20px; } .cptm-delete-directory-modal .cptm-btn { - text-decoration: none; - display: inline-block; - text-align: center; - border: 1px solid; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - vertical-align: top; + text-decoration: none; + display: inline-block; + text-align: center; + border: 1px solid; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + vertical-align: top; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-danger { - color: #ff272a; - border-color: #ff272a; - background-color: transparent; + color: #ff272a; + border-color: #ff272a; + background-color: transparent; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-danger:hover { - color: #fff; - background-color: #ff272a; + color: #fff; + background-color: #ff272a; } .directorist_dropdown { - border: 1px solid #d2d6db; - border-radius: 8px; - position: relative; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border: 1px solid #d2d6db; + border-radius: 8px; + position: relative; + -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%; - left: 0; - top: 44px; - padding: 15px; - background-color: #fff; - -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - border-radius: 5px; - z-index: 99999; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: none; + position: absolute; + width: 100%; + left: 0; + top: 44px; + padding: 15px; + background-color: #fff; + -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_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_select .select2-container .select2-selection--single { - padding: 0 20px; - height: 38px; - border: 1px solid #c6d0dc; + padding: 0 20px; + height: 38px; + border: 1px solid #c6d0dc; } .directorist_loader { - position: relative; + position: relative; } .directorist_loader:before { - position: absolute; - content: ""; - right: 10px; - top: 31%; - border: 2px solid #dddddd; - border-radius: 50%; - border-top: 2px solid #272b41; - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - /* Safari */ - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + right: 10px; + top: 31%; + border: 2px solid #dddddd; + border-radius: 50%; + border-top: 2px solid #272b41; + width: 20px; + height: 20px; + -webkit-animation: atbd_spin 2s linear infinite; + /* Safari */ + animation: atbd_spin 2s linear infinite; } .directorist_disable { - pointer-events: none; + pointer-events: none; } #publishing-action.directorist_disable input#publish { - cursor: not-allowed; - opacity: 0.3; + cursor: not-allowed; + opacity: 0.3; } .directorist_more-dropdown { - position: relative; + position: relative; } .directorist_more-dropdown .directorist_more-dropdown-toggle { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 40px; - width: 40px; - border-radius: 50% !important; - background-color: #fff !important; - padding: 0 !important; - color: #868eae !important; + display: -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-right: 0 !important; + margin-right: 0 !important; } .directorist_more-dropdown .directorist_more-dropdown-option { - position: absolute; - min-width: 180px; - right: 20px; - top: 40px; - opacity: 0; - visibility: hidden; - background-color: #fff; - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - border-radius: 6px; + position: absolute; + min-width: 180px; + right: 20px; + top: 40px; + opacity: 0; + visibility: hidden; + background-color: #fff; + -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + border-radius: 6px; } .directorist_more-dropdown .directorist_more-dropdown-option.active { - opacity: 1; - visibility: visible; - z-index: 22; + opacity: 1; + visibility: visible; + z-index: 22; } .directorist_more-dropdown .directorist_more-dropdown-option ul { - margin: 12px 0; + margin: 12px 0; } -.directorist_more-dropdown - .directorist_more-dropdown-option - ul - li:not(:last-child) { - margin-bottom: 8px; +.directorist_more-dropdown .directorist_more-dropdown-option ul li:not(:last-child) { + margin-bottom: 8px; } .directorist_more-dropdown .directorist_more-dropdown-option ul li a { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px !important; - width: 100%; - padding: 0 16px !important; - margin: 0 !important; - line-height: 1.75 !important; - color: #5a5f7d !important; - background-color: #fff !important; + display: -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-right: 15px !important; - color: #c6d0dc; + font-size: 16px; + margin-right: 15px !important; + color: #c6d0dc; } .directorist_more-dropdown.default .directorist_more-dropdown-toggle { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } @-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } } @keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -.directorist-checkbox - input[type="checkbox"] - + .directorist-checkbox__label:before { - left: 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 { + left: 5px !important; + top: 5px !important; } .directorist-form-group.directorist-faq-group { - margin-bottom: 30px; + margin-bottom: 30px; } .directory_types-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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 0 0 2px; + padding: 0 0 0 2px; } .directory_types-wrapper .directory_type-group input { - position: relative; - top: 2px; + position: relative; + top: 2px; } .csv-action-btns { - padding-left: 15px; + padding-left: 15px; } #atbdp_ie_download_sample { - display: inline-block; - padding: 0 20px; - color: #fff; - font-size: 14px; - text-decoration: none; - font-weight: 500; - line-height: 40px; - border-radius: 4px; - cursor: pointer; - border: 1px solid #3e62f5; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 20px; + color: #fff; + font-size: 14px; + text-decoration: none; + font-weight: 500; + line-height: 40px; + border-radius: 4px; + cursor: pointer; + border: 1px solid #3e62f5; + background-color: #3e62f5; + -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-right: 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-right: 10px; } .directorist__notice_new_action .directorist__notice_new__btn:hover { - color: #fff; + color: #fff; } .add_listing_form_wrapper#gallery_upload { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; } .add_listing_form_wrapper#gallery_upload .listing-prv-img-container { - text-align: center; + text-align: center; } .directorist_select .select2.select2-container .select2-selection--single { - border: 1px solid #8c8f94; - min-height: 40px; + border: 1px solid #8c8f94; + min-height: 40px; } -.directorist_select - .select2.select2-container - .select2-selection--single - .select2-selection__rendered { - height: auto; - line-height: 38px; - padding: 0 15px; +.directorist_select .select2.select2-container .select2-selection--single .select2-selection__rendered { + height: auto; + line-height: 38px; + padding: 0 15px; } .directorist_select .select2.select2-container .select2-results__option i, -.directorist_select - .select2.select2-container - .select2-results__option - span.las, -.directorist_select - .select2.select2-container - .select2-results__option - span.lab, +.directorist_select .select2.select2-container .select2-results__option span.las, +.directorist_select .select2.select2-container .select2-results__option span.lab, .directorist_select .select2.select2-container .select2-results__option span.la, -.directorist_select - .select2.select2-container - .select2-results__option - span.fas, -.directorist_select - .select2.select2-container - .select2-results__option - span.fab, -.directorist_select - .select2.select2-container - .select2-results__option - span.far, -.directorist_select - .select2.select2-container - .select2-results__option - span.fa { - font-size: 16px; -} - -#style_settings__color_settings - .cptm-field-wraper-type-wp-media-picker - input[type="button"].cptm-btn { - display: none; +.directorist_select .select2.select2-container .select2-results__option span.fas, +.directorist_select .select2.select2-container .select2-results__option span.fab, +.directorist_select .select2.select2-container .select2-results__option span.far, +.directorist_select .select2.select2-container .select2-results__option span.fa { + font-size: 16px; +} + +#style_settings__color_settings .cptm-field-wraper-type-wp-media-picker input[type=button].cptm-btn { + display: none; } .cptm-create-directory-modal .cptm-modal { - width: 100%; - max-width: 680px; - padding: 40px 36px; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 680px; + padding: 40px 36px; + border-radius: 8px; + -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; + 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; + padding-top: 36px; } -.cptm-create-directory-modal - .cptm-create-directory-modal__body - .directorist_template_notice { - margin-top: 10px; - color: #f80718; +.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice { + margin-top: 10px; + color: #f80718; } -.cptm-create-directory-modal - .cptm-create-directory-modal__body - .directorist_template_notice.cptm-section-alert-success { - color: #28a800; +.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice.cptm-section-alert-success { + color: #28a800; } .cptm-create-directory-modal .cptm-create-directory-modal__title { - font-size: 20px; - line-height: 28px; - font-weight: 600; - color: #141921; - text-align: center; + font-size: 20px; + line-height: 28px; + font-weight: 600; + color: #141921; + text-align: center; } .cptm-create-directory-modal .cptm-create-directory-modal__desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #4d5761; - text-align: center; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #4d5761; + text-align: center; + margin: 0; } .cptm-create-directory-modal .cptm-create-directory-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 32px 24px; - background-color: #f3f4f6; - border: 1px solid #f3f4f6; - border-radius: 8px; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single:hover, -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single:focus { - background-color: #f0f3ff; - border-color: #3e62f5; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single.disabled { - opacity: 0.5; - pointer-events: none; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single - .modal-btn-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; - height: 40px; - width: 40px; - min-height: 40px; - min-width: 40px; - border-radius: 50%; - background-color: #0b99ff; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single - .modal-btn-icon.create-template { - background-color: #ff5c16; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single - .modal-btn-icon.create-scratch { - background-color: #0b99ff; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single - .modal-btn-icon.create-ai { - background-color: #9746ff; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single - .modal-btn-text { - font-size: 14px; - line-height: 19px; - font-weight: 600; - color: #4d5761; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single - .modal-btn-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #3e62f5; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single - .modal-badge { - position: absolute; - top: 8px; - right: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 24px; - padding: 4px 8px; - border-radius: 4px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-create-directory-modal - .cptm-create-directory-modal__action - .cptm-create-directory-modal__action__single - .modal-badge.modal-badge--new { - color: #3e62f5; - background-color: #c0ccfc; + display: -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; + 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; } .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-left: 40px; -} -.directorist-content-module__contents - .directorist-form-social-info-field - .directorist-btn - i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents - .directorist-form-social-info-field - .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents - .directorist-form-social-info-field - .directorist-btn:hover - i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents - .directorist-form-social-info-field - select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents - .directorist-checkbox - .directorist-checkbox__label { - margin-left: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, +.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { + display: none; +} +.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, +.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { + display: none; +} +.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { + display: -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%; + 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-right: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-right: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - right: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + right: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + -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; - left: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + left: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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; - left: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + left: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: -webkit-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 15px 0 0; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 15px 0 0; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); - mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + 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; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type="radio"] { - margin-right: 5px; +.gateway_list input[type=radio] { + margin-right: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -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 !important; -} -.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: 100px; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.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: 500; - color: var(--directorist-color-primary); - background-color: transparent; -} -.directorist-content-active - .select2-container--default.select2-container--open - .select2-results__option - .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active - .select2-container--default.select2-container--open - .select2-results__option - .directorist-select2-contents - .directorist-icon-mask { - margin-right: 12px; -} -.directorist-content-active - .select2-container--default.select2-container--open - .select2-results__option - .directorist-select2-contents - .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active .select2-container--default .select2-results__option { + display: -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 !important; +} +.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: 100px; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.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: 500; + color: var(--directorist-color-primary); + background-color: transparent; +} +.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); + .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); } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type="checkbox"] + .check--select + label, -.custom-checkbox input[type="radio"] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-left: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type="checkbox"] + .check--select + label:before, -.custom-checkbox input[type="radio"] + .radio--select + label:before { - position: absolute; - font-size: 10px; - left: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type="checkbox"] + .check--select + label:after, -.custom-checkbox input[type="radio"] + .radio--select + label:after { - position: absolute; - left: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type="radio"] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type="radio"] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type="radio"] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type="radio"] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, -.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, -.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type=checkbox] + .check--select + label, +.custom-checkbox input[type=radio] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -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-form-builder-header-action-link:visited, -.cptm-link-light:visited, -.cptm-header-nav__list-item-link:visited, -.cptm-btn:visited, -.reset-pseudo-link:active, -.atbdp-nav-link:active, -.cptm-modal-action-link:active, -.cptm-header-action-link:active, -.cptm-sub-nav__item-link:active, -.cptm-form-builder-header-action-link:active, -.cptm-link-light:active, -.cptm-header-nav__list-item-link:active, -.cptm-btn:active, -.reset-pseudo-link:focus, -.atbdp-nav-link:focus, -.cptm-modal-action-link:focus, -.cptm-header-action-link:focus, -.cptm-sub-nav__item-link:focus, -.cptm-form-builder-header-action-link:focus, -.cptm-link-light:focus, -.cptm-header-nav__list-item-link:focus, -.cptm-btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + display: table; + width: 100%; +} + +.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-form-builder-header-action-link:visited, .cptm-link-light:visited, .cptm-header-nav__list-item-link:visited, .cptm-btn:visited, .reset-pseudo-link:active, .atbdp-nav-link:active, .cptm-modal-action-link:active, .cptm-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-form-builder-header-action-link:active, .cptm-link-light:active, .cptm-header-nav__list-item-link:active, .cptm-btn:active, .reset-pseudo-link:focus, .atbdp-nav-link:focus, .cptm-modal-action-link:focus, .cptm-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-form-builder-header-action-link:focus, .cptm-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus { + outline: none; + -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: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - left: 50%; - top: 50%; - margin-left: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + left: 50%; + top: 50%; + margin-left: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-left: 0; - margin-right: 0; - left: 15px; - right: 15px; - } + .sweet-alert { + width: auto; + margin-left: 0; + margin-right: 0; + left: 15px; + right: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-left: -17px; - margin-right: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: - padding 0.15s, - max-height 0.15s; - -webkit-transition: - padding 0.15s, - max-height 0.15s; - transition: - padding 0.15s, - max-height 0.15s; + background-color: #f1f1f1; + margin-left: -17px; + margin-right: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: padding 0.15s, max-height 0.15s; + -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-right: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-right: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - right: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + right: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - left: 50%; - margin-left: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + left: 50%; + margin-left: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px - rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + -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; - left: 50%; - top: 50%; - margin-left: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + left: 50%; + top: 50%; + margin-left: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + -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); - left: 17px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 16px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - left: 50%; - top: 10px; - border-radius: 2px; - margin-left: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + left: 50%; + top: 10px; + border-radius: 2px; + margin-left: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - left: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + left: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - left: 50%; - bottom: 17px; - border-radius: 2px; - margin-left: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + left: 50%; + bottom: 17px; + border-radius: 2px; + margin-left: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + content: ""; + 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; + 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; + border-radius: 0 120px 120px 0; + top: -11px; + left: 30px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 0 60px; + transform-origin: 0 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - left: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + 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); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + left: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - left: 14px; - top: 46px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 25px; + left: 14px; + top: 46px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - right: 8px; - top: 38px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 47px; + right: 8px; + top: 38px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation="pop"] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation=pop] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation="none"] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation=none] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation="slide-from-top"] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation=slide-from-top] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation="slide-from-bottom"] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation=slide-from-bottom] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation="pop"] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation=pop] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation="none"] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation=none] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation="slide-from-top"] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation=slide-from-top] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation="slide-from-bottom"] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation=slide-from-bottom] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + -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 ; } /*! @@ -9197,899 +8053,617 @@ 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; - /* Legacy 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-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: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; - /* social info */ + 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-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; + 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); + .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; - 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; + #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; } /* ========================== @@ -10097,11 +8671,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, @@ -10110,1141 +8684,1006 @@ 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-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); + -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; + 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%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-right: 45px; -} -.directorist-form-group - .select2-container--default - .select2-selection - .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group - .select2-container--default - .select2-selection - .select2-selection__clear { - padding-right: 15px; -} -.directorist-form-group - .select2-container--default - .select2-selection - .select2-selection__arrow { - right: 10px; + min-height: 40px; + padding-right: 45px; +} +.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { + padding-right: 15px; +} +.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { + right: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox - input[type="checkbox"] - + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-left: 15px; - padding-right: 15px; - max-width: 290px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding-left: 15px; + padding-right: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + -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; - 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; + 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; + 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; - left: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -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: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 9px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 145px; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section - .ezmu__media-picker-icon-wrap-upload { - display: -webkit-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; + margin-bottom: 145px; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { + display: -webkit-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; + 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; - left: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper - .ezmu__thumbnail-list-item:hover - .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + -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; - left: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper - .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #ef0000; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #EF0000; + position: absolute; + left: 50%; + top: 50%; + -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 0 0 10px; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -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; + 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-left: 5px; + padding-left: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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 { - left: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + left: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 11px; - height: 20px; + width: 11px; + height: 20px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - left: 0; - right: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -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; + 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, @@ -11252,838 +9691,797 @@ 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-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); + 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-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; } .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; - 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; + 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); + 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; - 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__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; + 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; + 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; + position: absolute; + top: 0; + left: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + -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: left; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: left; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; - left: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - right: 10px; - background-color: #ff385c; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs - .atbdp-thumb-actions - .thumbremovelink - .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + right: 10px; + background-color: #FF385C; + height: 32px; + width: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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%; - left: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + -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; - right: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + right: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - left: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + left: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -12097,48 +10495,48 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - left: 0; - top: 0; + position: absolute; + left: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + -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: 0 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -12149,231 +10547,229 @@ 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 { - right: 0; - display: none; + right: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - left: 0; + left: 0; } .leaflet-control { - float: left; - clear: both; + float: left; + clear: both; } .leaflet-right .leaflet-control { - float: right; + float: right; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-left: 10px; + margin-left: 10px; } .leaflet-right .leaflet-control { - margin-right: 10px; + margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: - transform 0.25s cubic-bezier(0, 0, 0.25, 1), - -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + 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 */ @@ -12382,26566 +10778,25099 @@ 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-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-bottom: none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-left-radius: 2px; - border-top-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: - bold 18px "Lucida Console", - Monaco, - monospace; - text-indent: 1px; + font: bold 18px "Lucida Console", Monaco, monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + -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 10px 6px 6px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 10px 6px 6px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-right: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -10px 5px -6px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-left: 5px; + margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -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: left; - border-radius: 10px; + padding: 1px; + text-align: left; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - left: 50%; - margin-left: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(45deg); + 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; - right: 0; - padding: 4px 4px 0 0; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: - 16px/14px Tahoma, - Verdana, - sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + -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 { - left: 50%; - margin-left: -6px; + left: 50%; + margin-left: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-left: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-left: -6px; + margin-left: -6px; } .leaflet-tooltip-right { - margin-left: 6px; + margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - right: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + right: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - left: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-left: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + left: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-left: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76a6fc; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76A6FC; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + -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-right: 0 !important; +.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { + padding-right: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + -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 { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + -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-right: 10px; + -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; + 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 { - left: 5px; +input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { + left: 5px; } -input.directorist-toggle-input:checked - + .directorist-toggle-input-label - span.directorist-toggle-input-label-icon::after { - left: calc(100% - 20px); +input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { + left: calc(100% - 20px); } .directorist-flex-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -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; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} -.directorist-tab-navigation-list-item - .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -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; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -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-right: 10px; + margin-right: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: -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; + 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); - left: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -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; - right: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content - .directorist-modal__header - .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content .directorist-modal__header .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + right: 25px; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + -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); + 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 { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - left: 0; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 25px 15px 40px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + left: 0; + right: 0; + display: -webkit-box; + display: -webkit-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__header { + padding-left: 30px; + padding-right: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: - opacity 0.3s ease, - top 0.3s ease, - font-size 0.3s ease; - transition: - opacity 0.3s ease, - top 0.3s ease, - font-size 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-webkit-input-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-moz-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element:-ms-input-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-ms-input-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element { - padding-right: 20px; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element[type="date"], -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element[type="time"], -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element[type="number"] { - padding-right: 0; + position: absolute; + left: 0; + top: 50%; + -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-select - .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-filter-location-icon - ~ .directorist-search-field__btn--clear { - right: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-filter-location-icon - .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body - .directorist-search-field - .select2-container - .directorist-select2-addons-area - .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body - .directorist-search-field - .select2-container - .directorist-select2-addons-area - .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + right: 0; +} +.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -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-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); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - left: 0; - right: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + left: 0; + right: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer - .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer - .directorist-advanced-filter__action - .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + -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; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + left: 50%; + -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; - 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; + 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; - } - .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: 0; - 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-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-radius_search { - width: auto; - padding-right: 0; - } - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.directorist-search-field-radius_search - .directorist-custom-range-slider__range__wrap { - right: 0; - } - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } - .directorist-search-modal--basic - .directorist-search-modal__input - .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; - } - .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-is-focused:not( - .input-has-noLabel - ).directorist-icon-right - .directorist-input-icon, - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.input-is-focused:not(.input-has-noLabel) - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: -20px; - } - .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-form-dropdown { - margin-right: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { + width: 100%; + margin: 0 20px; + } + .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: 0; + 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-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-radius_search { + width: auto; + padding-right: 0; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { + right: 0; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } + .directorist-search-modal--basic .directorist-search-modal__input .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; + } + .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-is-focused:not(.input-has-noLabel).directorist-icon-right .directorist-input-icon, + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + right: -20px; + } + .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-form-dropdown { + margin-right: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic - .directorist-search-modal__input - .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic - .directorist-search-modal__input - .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic - .directorist-advanced-filter__advanced__element - .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic - .directorist-checkbox-wrapper - .directorist-checkbox, -.directorist-search-modal--basic - .directorist-checkbox-wrapper - .directorist-radio, -.directorist-search-modal--basic - .directorist-radio-wrapper - .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, +.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, +.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-search-modal--basic - .directorist-search-tags - ~ .directorist-btn-ml { - margin-bottom: 10px; -} -.directorist-search-modal--basic - .directorist-select - .select2-container.select2-container--default - .select2-selection--single { - height: 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 { + 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-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; - font-weight: 500; - margin-bottom: 15px; +.directorist-search-modal--basic .directorist-search-field-radius_search > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + font-weight: 500; + margin-bottom: 15px; } .directorist-search-modal--basic .directorist-search-field-text_range > label { - display: none; + display: none; } -.directorist-search-modal--advanced - .directorist-search-modal__contents__body - .directorist-search-field__btn { - bottom: 12px; +.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 { - right: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, -.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input { - bottom: 0 !important; - padding-right: 25px; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input - .directorist-search-basic-dropdown-label, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input - .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-item, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-left: 5px; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__btn, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { + bottom: 0 !important; + padding-right: 25px; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input, - .directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__btn, - .directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__btn { - right: 25px !important; - } + .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { + right: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + -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; - top: 100%; - left: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-radio-wrapper, -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .select2-container--default - .select2-selection--single - .select2-selection__rendered - .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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-right: 5px; + margin-right: 5px; } .directorist-alert > a { - padding-left: 5px; + padding-left: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -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; + margin-right: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-left: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-left: auto !important; + border: 0 none; + -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); + font-size: 16px; + margin-left: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #dcebfe; - color: #157cf6; + background-color: #DCEBFE; + color: #157CF6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157cf6; + color: #157CF6; } .directorist-alert.directorist-alert-warning { - background-color: #fee9d9; - color: #f56e00; + background-color: #FEE9D9; + color: #F56E00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #f56e00; + color: #F56E00; } .directorist-alert.directorist-alert-danger { - background-color: #fcd9d9; - color: #e80000; + background-color: #FCD9D9; + color: #E80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #e80000; + color: #E80000; } .directorist-alert.directorist-alert-success { - background-color: #d9efdc; - color: #009114; + background-color: #D9EFDC; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #fcd9d9; - color: #e80000; - border-radius: 3px; + background: #FCD9D9; + color: #E80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #e80000; + color: #E80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + -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-right: 0; + cursor: pointer; + padding-right: 0; } .directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: var(--directorist-color-white); - text-transform: uppercase; - border-radius: 5px; + display: inline-block; + font-size: 10px; + font-weight: 700; + line-height: 1.9; + padding: 0 5px; + color: var(--directorist-color-white); + text-transform: uppercase; + border-radius: 5px; } .directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-badge.directorist-badge-gray { - background-color: #525768; + background-color: #525768; } .directorist-badge.directorist-badge-primary-transparent { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.15); + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.15); } .directorist-badge.directorist-badge-warning-transparent { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); } .directorist-badge.directorist-badge-info-transparent { - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb), 0.15); + color: var(--directorist-color-info); + background-color: rgba(var(--directorist-color-info-rgb), 0.15); } .directorist-badge.directorist-badge-success-transparent { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); } .directorist-badge.directorist-badge-danger-transparent { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); } .directorist-badge.directorist-badge-light-transparent { - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb), 0.15); + color: var(--directorist-color-white); + background-color: rgba(var(--directorist-color-white-rgb), 0.15); } .directorist-badge.directorist-badge-gray-transparent { - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb), 0.15); + color: var(--directorist-color-gray); + background-color: rgba(var(--directorist-color-gray-rgb), 0.15); } .directorist-badge .directorist-badge-tooltip { - position: absolute; - top: -35px; - height: 30px; - line-height: 30px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - padding: 0 20px; - font-size: 12px; - border-radius: 15px; - color: var(--directorist-color-white); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + position: absolute; + top: -35px; + height: 30px; + line-height: 30px; + width: -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-left: 30px; - margin-bottom: 0; - margin-left: 0; - line-height: 1.4; - color: var(--directorist-color-body); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-checkbox - input[type="checkbox"] - + .directorist-checkbox__label:after, -.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, -.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, -.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, -.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, -.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, -.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, -.directorist-radio input[type="radio"] + .directorist-radio__label:after { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 5px; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid var(--directorist-color-gray); - background-color: transparent; + display: -webkit-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; + .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: ""; + .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-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; + 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; + 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; + 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; + position: relative; + display: block; } -.directorist-switch input[type="checkbox"]:before { - display: none; +.directorist-switch input[type=checkbox]:before { + display: none; } .directorist-switch .directorist-switch-input { - position: absolute; - left: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch - .directorist-switch-input:checked - + .directorist-switch-label { - color: #1a1b29; - font-weight: 500; -} -.directorist-switch - .directorist-switch-input:checked - + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch - .directorist-switch-input:checked - + .directorist-switch-label:after { - -webkit-transform: translateX(20px); - transform: translateX(20px); + position: absolute; + left: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { + color: #1A1B29; + font-weight: 500; +} +.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { + -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); + -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; + content: ""; + position: absolute; + top: 0.75px; + left: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ECECEC; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - left: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: - transform 0.15s ease-in-out, - background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, - box-shadow 0.15s ease-in-out, - -webkit-transform 0.15s ease-in-out, - -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary - .directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + left: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + -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: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - right: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + right: 5px; + top: 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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-form-builder-header-action-link:visited, -.cptm-link-light:visited, -.cptm-header-nav__list-item-link:visited, -.cptm-btn:visited, -.reset-pseudo-link:active, -.atbdp-nav-link:active, -.cptm-modal-action-link:active, -.cptm-header-action-link:active, -.cptm-sub-nav__item-link:active, -.cptm-form-builder-header-action-link:active, -.cptm-link-light:active, -.cptm-header-nav__list-item-link:active, -.cptm-btn:active, -.reset-pseudo-link:focus, -.atbdp-nav-link:focus, -.cptm-modal-action-link:focus, -.cptm-header-action-link:focus, -.cptm-sub-nav__item-link:focus, -.cptm-form-builder-header-action-link:focus, -.cptm-link-light:focus, -.cptm-header-nav__list-item-link:focus, -.cptm-btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + width: 13px; + height: 13px; +} + +.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-form-builder-header-action-link:visited, .cptm-link-light:visited, .cptm-header-nav__list-item-link:visited, .cptm-btn:visited, .reset-pseudo-link:active, .atbdp-nav-link:active, .cptm-modal-action-link:active, .cptm-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-form-builder-header-action-link:active, .cptm-link-light:active, .cptm-header-nav__list-item-link:active, .cptm-btn:active, .reset-pseudo-link:focus, .atbdp-nav-link:focus, .cptm-modal-action-link:focus, .cptm-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-form-builder-header-action-link:focus, .cptm-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus { + outline: none; + -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: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 888888888; + display: none; + -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-right: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-right: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(-50%); - transform: translate(-50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, -.directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + -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); + 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; + 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); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - right: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: -webkit-box; + display: -webkit-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; + content: ""; + position: absolute; + top: -10px; + left: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - right: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + right: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @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-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - right: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + right: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + -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 { - width: calc(100% - 82px); - top: 107px; - right: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + right: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-right: 50px; + margin-right: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-left: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-left: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: - opacity 0.3s ease, - visibility 0.3s ease; - transition: - opacity 0.3s ease, - visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 50%; + -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; } .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border-bottom: 6px solid #141921; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: - opacity 0.3s ease, - visibility 0.3s ease; - transition: - opacity 0.3s ease, - visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 50%; + -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; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, -.directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-right: 15px; + font-size: 30px; + opacity: 0.2; + margin-right: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible - .directorist-directory-type-bottom - .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 50px 0 30px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 50px 0 30px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: -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; + 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; + 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-weight: 500; - 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-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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: 16px 20px; - border-radius: 8px; - margin: 8px 40px 0 30px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 40px 0 30px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - left: calc(50% + 150px); - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + left: calc(50% + 150px); + -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); - } + .atbdp-cptm-status-feedback { + left: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - left: 50%; - } + .atbdp-cptm-status-feedback { + left: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 24px 14px 52px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 24px 14px 52px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + -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; + content: ""; + position: absolute; + top: 14px; + left: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + -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; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + -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: left; - width: 50%; - height: 100%; + display: block; + float: left; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - border-bottom: 2px solid transparent; - color: #4d5761; - 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; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + -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-left: 0; + margin-left: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, -.cptm-link-light:focus, -.cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-right: 5px; + margin-right: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-right: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-right: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - right: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-right: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-right: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; + max-width: 550px; + width: 100%; + margin-right: auto; + margin-left: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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; - margin-bottom: 50px; - z-index: 10; + position: relative; + margin-bottom: 50px; + z-index: 10; } -.cptm-section.submission_form_fields - .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - right: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + right: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - left: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + left: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - right: 27px; - } + .cptm-section.preview_mode { + right: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - right: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + right: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - right: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + right: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link - .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -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: 14px; - font-weight: 500; - color: #141921; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + -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 .directorist-draggable-list-item-wrapper { - height: auto; + height: auto; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields - .cptm-description-text - + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: left; + text-align: left; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: left; - } + .cptm-form-builder-active-fields-footer { + text-align: left; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-left: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-left: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 50px 24px 30px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 50px 24px 30px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -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; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, -.cptm-form-builder-group-title-area:focus, -.cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 15px 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable="true"].cptm-form-builder-group-title-area { - cursor: move; +div[draggable=true].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -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"; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; } .cptm-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; + margin-right: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-left: 10px; + position: relative; + top: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 32px; + margin-left: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - right: 0; - top: 8px; + position: absolute; + right: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, -.cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + -webkit-transition: background ease 0.3s; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - right: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; - transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link - span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + right: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { + display: -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; + display: block; + min-width: 34px; + margin-left: 15px; } .cptm-form-builder-group-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 42px 0 30px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 42px 0 30px; + padding: 20px; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -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: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 4px 3px 16px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 4px 3px 16px; + border: 1px solid #d2d6db; + border-radius: 8px; + -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-right: 6px; +.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { + margin-right: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-left: 0 !important; + height: 32px; + border: none !important; + padding-left: 0 !important; } -.icon-picker-selector - .icon-picker-selector__icon - .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 10px 0 0; +.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 10px 0 0; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + -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; - right: 0; - left: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 999; + display: -webkit-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; - padding-right: 40px; - padding-left: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-right: 40px; + padding-left: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - left: 0; + position: absolute; + left: 0; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header - .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - -webkit-transform: translate(34px, 7px); - transform: translate(34px, 7px); + display: block; + position: absolute; + right: -15px; + -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-group-field-item-header-actions { - margin-left: 10px; + margin-left: 10px; } -.cptm-form-builder-group-field-item-header-actions - .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-left: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-left: 5px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); + -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; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 8; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + z-index: 8; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg - path { - fill: #747c89; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-info - .cptm-title-info-icon { - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { + font-size: 16px; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: left; - margin-right: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: left; + margin-right: 17px; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body - .cptm-field-wraper-type-toggle - .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body - .directorist-type-icon-select - + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -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% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .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-icon { - display: inline-block; - margin-right: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-right: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon - .cptm-form-builder-field-list-icon-svg - svg - path { - fill: #747c89; +.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 20px; + -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; - right: 0; - left: 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; + right: 0; + left: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 20px; + display: -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; + 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-right: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-right: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-left: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-left: 4px; } .cptm-checkbox-ui:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: -webkit-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; - right: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + right: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: -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-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, -.cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: left; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: left; + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, 1, 0, 45deg); - transform: rotate3d(0, 1, 0, 45deg); + -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-left: 15px solid transparent; - border-right: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 15px 0 25px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: left; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 0 0 10px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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; + 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: 18px 20px 20px; - border-radius: 5px; - border-top-right-radius: 0; - border-top-left-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-right-radius: 0; + border-top-left-radius: 0; + -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); + position: absolute; + bottom: 0; + left: 50%; + z-index: 99; + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(-50%, -100%); - transform: translate(-50%, -100%); - pointer-events: none; + position: absolute; + left: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(-50%, -100%); + transform: translate(-50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -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-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 { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; } .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-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; -} -.cptm-placeholder-blcok:hover, -.cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; +} +.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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-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: 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; + -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; + width: 100px; + margin-left: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-listing-card-content { - -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 { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: -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; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - font-size: 72px; - color: #7b7d8b; + 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); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + left: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + right: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: right; + text-align: right; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + left: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + right: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - left: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + z-index: 99; + position: absolute; + left: 50%; + top: 0; + width: calc(100% - 40px); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar - .cptm-widget-insert-area - .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: left; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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 { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + left: 50%; + -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-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - left: 0; - right: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: -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%); + 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; + 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; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + -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-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, -.cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-right: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-right: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; } -.cptm-listing-card-preview-footer-left-placeholder:hover, -.cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; -} -.cptm-listing-card-preview-footer-right-placeholder:hover, -.cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; +} +.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, -.cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: -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; + 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; + border-right: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-right: 5px; + display: inline-block; + margin-right: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .cptm-form-group .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: left; + text-align: left; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-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; - left: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, -.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + left: 0; + bottom: 8px; + background-color: #3e62f5; + -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-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 { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: -webkit-gradient( - linear, - left top, - left bottom, - from(rgba(0, 0, 0, 0.6)), - color-stop(35.42%, rgba(0, 0, 0, 0)) - ); - background: linear-gradient( - 180deg, - rgba(0, 0, 0, 0.6) 0%, - rgba(0, 0, 0, 0) 35.42% - ); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail - .action-trash - ~ .cptm-upload-btn { - right: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - right: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: -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; + 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; + 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-input-toggle-wrap label { - padding-right: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-right: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - left: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + margin: 5px; + -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 { - left: 100%; - -webkit-transform: translateX(calc(-100% - 10px)); - transform: translateX(calc(-100% - 10px)); + left: 100%; + -webkit-transform: translateX(calc(-100% - 10px)); + transform: translateX(calc(-100% - 10px)); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -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; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - right: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: -webkit-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; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - right: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + right: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type="date"].cptm-form-control, -input[type="datetime-local"].cptm-form-control, -input[type="datetime"].cptm-form-control, -input[type="email"].cptm-form-control, -input[type="month"].cptm-form-control, -input[type="number"].cptm-form-control, -input[type="password"].cptm-form-control, -input[type="search"].cptm-form-control, -input[type="tel"].cptm-form-control, -input[type="text"].cptm-form-control, -input[type="time"].cptm-form-control, -input[type="url"].cptm-form-control, -input[type="week"].cptm-form-control input[type="text"].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, -.cptm-form-control:focus, +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control input[type=text].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: left; + border-radius: 4px; + -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: 14px; - color: #4d5761; - background: #ffffff; - text-align: left; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control, +input[type=text].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: left; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -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-left: 0; + margin-left: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-left: 0; + margin-left: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - overflow: auto; - z-index: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: -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 30px 15px 15px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 30px 15px 15px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: left; - margin: 0; + text-align: left; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - right: 10px; - top: 10px; - text-align: right; + display: block; + margin: 0 -5px; + position: absolute; + right: 10px; + top: 10px; + text-align: right; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: -webkit-box; + display: -webkit-flex; + 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-left: 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-left: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -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: right !important; + text-align: right !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: left !important; + text-align: left !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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 { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box - .cptm-widget-preview-area - .cptm-widget-badge { - margin: 0; - padding: 6px 19px 7px 20px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { + margin: 0; + padding: 6px 19px 7px 20px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .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: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card - .slider-placeholder - .cptm-widget-preview-area - .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card - .dndrop-container.vertical - > .dndrop-draggable-wrapper { - overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-right: 10px; + display: inline-block; + margin-right: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; + display: block; + margin: 0; + margin-left: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -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%; - right: 0; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + right: 0; + -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; + 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; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, -.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + -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; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .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; - } -} - -.reset-pseudo-link:visited, -.cptm-btn:visited, -.cptm-header-nav__list-item-link:visited, -.cptm-link-light:visited, -.cptm-form-builder-header-action-link:visited, -.cptm-sub-nav__item-link:visited, -.cptm-header-action-link:visited, -.cptm-modal-action-link:visited, -.atbdp-nav-link:visited, -.reset-pseudo-link:active, -.cptm-btn:active, -.cptm-header-nav__list-item-link:active, -.cptm-link-light:active, -.cptm-form-builder-header-action-link:active, -.cptm-sub-nav__item-link:active, -.cptm-header-action-link:active, -.cptm-modal-action-link:active, -.atbdp-nav-link:active, -.reset-pseudo-link:focus, -.cptm-btn:focus, -.cptm-header-nav__list-item-link:focus, -.cptm-link-light:focus, -.cptm-form-builder-header-action-link:focus, -.cptm-sub-nav__item-link:focus, -.cptm-header-action-link:focus, -.cptm-modal-action-link:focus, -.atbdp-nav-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } +} + +.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-form-builder-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-header-action-link:visited, .cptm-modal-action-link:visited, .atbdp-nav-link:visited, .reset-pseudo-link:active, .cptm-btn:active, .cptm-header-nav__list-item-link:active, .cptm-link-light:active, .cptm-form-builder-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-header-action-link:active, .cptm-modal-action-link:active, .atbdp-nav-link:active, .reset-pseudo-link:focus, .cptm-btn:focus, .cptm-header-nav__list-item-link:focus, .cptm-link-light:focus, .cptm-form-builder-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus { + outline: none; + -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: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 888888888; + display: none; + -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-right: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-right: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(-50%); - transform: translate(-50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, -.directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + -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); + 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; + 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); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - right: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: -webkit-box; + display: -webkit-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; + content: ""; + position: absolute; + top: -10px; + left: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - right: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + right: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @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-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - right: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + right: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + -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 { - width: calc(100% - 82px); - top: 107px; - right: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + right: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-right: 50px; + margin-right: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-left: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-left: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: - opacity 0.3s ease, - visibility 0.3s ease; - transition: - opacity 0.3s ease, - visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 50%; + -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; } .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border-bottom: 6px solid #141921; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: - opacity 0.3s ease, - visibility 0.3s ease; - transition: - opacity 0.3s ease, - visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 50%; + -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; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, -.directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-right: 15px; + font-size: 30px; + opacity: 0.2; + margin-right: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible - .directorist-directory-type-bottom - .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 50px 0 30px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 50px 0 30px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: -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; + 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; + 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-weight: 500; - 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-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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: 16px 20px; - border-radius: 8px; - margin: 8px 40px 0 30px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 40px 0 30px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - left: calc(50% + 150px); - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + left: calc(50% + 150px); + -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); - } + .atbdp-cptm-status-feedback { + left: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - left: 50%; - } + .atbdp-cptm-status-feedback { + left: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 24px 14px 52px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 24px 14px 52px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + -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; + content: ""; + position: absolute; + top: 14px; + left: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + -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; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + -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: left; - width: 50%; - height: 100%; + display: block; + float: left; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - border-bottom: 2px solid transparent; - color: #4d5761; - 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; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + -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-left: 0; + margin-left: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, -.cptm-link-light:focus, -.cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-right: 5px; + margin-right: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-right: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-right: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - right: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-right: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-right: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; + max-width: 550px; + width: 100%; + margin-right: auto; + margin-left: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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; - margin-bottom: 50px; - z-index: 10; + position: relative; + margin-bottom: 50px; + z-index: 10; } -.cptm-section.submission_form_fields - .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - right: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + right: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - left: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + left: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - right: 27px; - } + .cptm-section.preview_mode { + right: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - right: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + right: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - right: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + right: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link - .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -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: 14px; - font-weight: 500; - color: #141921; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + -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 .directorist-draggable-list-item-wrapper { - height: auto; + height: auto; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields - .cptm-description-text - + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: left; + text-align: left; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: left; - } + .cptm-form-builder-active-fields-footer { + text-align: left; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-left: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-left: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 50px 24px 30px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 50px 24px 30px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -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; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, -.cptm-form-builder-group-title-area:focus, -.cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 15px 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable="true"].cptm-form-builder-group-title-area { - cursor: move; +div[draggable=true].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -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"; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; } .cptm-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; + margin-right: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-left: 10px; + position: relative; + top: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 32px; + margin-left: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - right: 0; - top: 8px; + position: absolute; + right: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, -.cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + -webkit-transition: background ease 0.3s; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - right: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; - transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link - span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + right: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { + display: -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; + display: block; + min-width: 34px; + margin-left: 15px; } .cptm-form-builder-group-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 42px 0 30px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 42px 0 30px; + padding: 20px; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -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: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 4px 3px 16px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 4px 3px 16px; + border: 1px solid #d2d6db; + border-radius: 8px; + -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-right: 6px; +.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { + margin-right: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-left: 0 !important; + height: 32px; + border: none !important; + padding-left: 0 !important; } -.icon-picker-selector - .icon-picker-selector__icon - .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 10px 0 0; +.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 10px 0 0; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + -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; - right: 0; - left: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 999; + display: -webkit-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; - padding-right: 40px; - padding-left: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-right: 40px; + padding-left: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - left: 0; + position: absolute; + left: 0; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header - .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - -webkit-transform: translate(34px, 7px); - transform: translate(34px, 7px); + display: block; + position: absolute; + right: -15px; + -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-group-field-item-header-actions { - margin-left: 10px; + margin-left: 10px; } -.cptm-form-builder-group-field-item-header-actions - .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-left: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-left: 5px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); + -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; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 8; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + z-index: 8; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg - path { - fill: #747c89; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-info - .cptm-title-info-icon { - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { + font-size: 16px; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: left; - margin-right: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: left; + margin-right: 17px; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body - .cptm-field-wraper-type-toggle - .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body - .directorist-type-icon-select - + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -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% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .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-icon { - display: inline-block; - margin-right: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-right: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon - .cptm-form-builder-field-list-icon-svg - svg - path { - fill: #747c89; +.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 20px; + -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; - right: 0; - left: 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; + right: 0; + left: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 20px; + display: -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; + 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-right: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-right: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-left: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-left: 4px; } .cptm-checkbox-ui:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: -webkit-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; - right: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + right: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: -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-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, -.cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: left; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: left; + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, 1, 0, 45deg); - transform: rotate3d(0, 1, 0, 45deg); + -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-left: 15px solid transparent; - border-right: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 15px 0 25px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: left; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 0 0 10px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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; + 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: 18px 20px 20px; - border-radius: 5px; - border-top-right-radius: 0; - border-top-left-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-right-radius: 0; + border-top-left-radius: 0; + -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); + position: absolute; + bottom: 0; + left: 50%; + z-index: 99; + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(-50%, -100%); - transform: translate(-50%, -100%); - pointer-events: none; + position: absolute; + left: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(-50%, -100%); + transform: translate(-50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -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-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 { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; } .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-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; -} -.cptm-placeholder-blcok:hover, -.cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; +} +.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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-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: 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; + -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; + width: 100px; + margin-left: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-listing-card-content { - -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 { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: -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; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - font-size: 72px; - color: #7b7d8b; + 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); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + left: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + right: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: right; + text-align: right; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + left: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + right: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - left: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + z-index: 99; + position: absolute; + left: 50%; + top: 0; + width: calc(100% - 40px); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar - .cptm-widget-insert-area - .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: left; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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 { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + left: 50%; + -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-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - left: 0; - right: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: -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%); + 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; + 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; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + -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-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, -.cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-right: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-right: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; } -.cptm-listing-card-preview-footer-left-placeholder:hover, -.cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; -} -.cptm-listing-card-preview-footer-right-placeholder:hover, -.cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; +} +.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, -.cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: -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; + 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; + border-right: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-right: 5px; + display: inline-block; + margin-right: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .cptm-form-group .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: left; + text-align: left; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-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; - left: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, -.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + left: 0; + bottom: 8px; + background-color: #3e62f5; + -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-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 { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: -webkit-gradient( - linear, - left top, - left bottom, - from(rgba(0, 0, 0, 0.6)), - color-stop(35.42%, rgba(0, 0, 0, 0)) - ); - background: linear-gradient( - 180deg, - rgba(0, 0, 0, 0.6) 0%, - rgba(0, 0, 0, 0) 35.42% - ); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail - .action-trash - ~ .cptm-upload-btn { - right: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - right: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: -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; + 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; + 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-input-toggle-wrap label { - padding-right: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-right: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - left: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + margin: 5px; + -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 { - left: 100%; - -webkit-transform: translateX(calc(-100% - 10px)); - transform: translateX(calc(-100% - 10px)); + left: 100%; + -webkit-transform: translateX(calc(-100% - 10px)); + transform: translateX(calc(-100% - 10px)); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -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; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - right: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: -webkit-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; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - right: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + right: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type="date"].cptm-form-control, -input[type="datetime-local"].cptm-form-control, -input[type="datetime"].cptm-form-control, -input[type="email"].cptm-form-control, -input[type="month"].cptm-form-control, -input[type="number"].cptm-form-control, -input[type="password"].cptm-form-control, -input[type="search"].cptm-form-control, -input[type="tel"].cptm-form-control, -input[type="text"].cptm-form-control, -input[type="time"].cptm-form-control, -input[type="url"].cptm-form-control, -input[type="week"].cptm-form-control input[type="text"].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, -.cptm-form-control:focus, +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control input[type=text].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: left; + border-radius: 4px; + -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: 14px; - color: #4d5761; - background: #ffffff; - text-align: left; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control, +input[type=text].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: left; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -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-left: 0; + margin-left: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-left: 0; + margin-left: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - overflow: auto; - z-index: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: -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 30px 15px 15px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 30px 15px 15px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: left; - margin: 0; + text-align: left; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - right: 10px; - top: 10px; - text-align: right; + display: block; + margin: 0 -5px; + position: absolute; + right: 10px; + top: 10px; + text-align: right; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: -webkit-box; + display: -webkit-flex; + 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-left: 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-left: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -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: right !important; + text-align: right !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: left !important; + text-align: left !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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 { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box - .cptm-widget-preview-area - .cptm-widget-badge { - margin: 0; - padding: 6px 19px 7px 20px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { + margin: 0; + padding: 6px 19px 7px 20px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .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: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card - .slider-placeholder - .cptm-widget-preview-area - .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card - .dndrop-container.vertical - > .dndrop-draggable-wrapper { - overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-right: 10px; + display: inline-block; + margin-right: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; + display: block; + margin: 0; + margin-left: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -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%; - right: 0; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + right: 0; + -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; + 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; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, -.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + -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; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .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; + } } .cptm-theme-butterfly .cptm-info-text { - text-align: left; - margin: 0; + text-align: left; + margin: 0; } .icon-picker { - position: fixed; - background-color: rgba(0, 0, 0, 0.35); - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 9999; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: - opacity 0.3s ease, - visibility 0.3s ease; - transition: - opacity 0.3s ease, - visibility 0.3s ease; + position: fixed; + background-color: rgba(0, 0, 0, 0.35); + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 9999; + visibility: hidden; + opacity: 0; + pointer-events: none; + -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; + 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; + 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; + 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 0 27px 20px; - border-bottom: 1px solid #e3e6ef; - margin: 0; - position: absolute; - left: 30%; - top: 0; - width: 70%; + font-size: 16px; + font-weight: 500; + color: #272B41; + background-color: #ffffff; + padding: 33px 0 27px 20px; + border-bottom: 1px solid #E3E6EF; + margin: 0; + position: absolute; + left: 30%; + top: 0; + width: 70%; } .icon-picker__content .icons-group-icons { - padding: 17px 0 17px 17px; + padding: 17px 0 17px 17px; } .icon-picker__content .icons-group-icons .font-icon-btn { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 5px 3px; - width: 70px; - height: 70px; - background-color: #f4f5f7; - border-radius: 5px; - font-size: 24px; - color: #868eae; - font-size: 18px !important; - border: 0 none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + -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; - left: 15px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 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; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; - padding: 5px 15px; + 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; + 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-form-builder-header-action-link:visited, -.cptm-sub-nav__item-link:visited, -.cptm-header-action-link:visited, -.cptm-modal-action-link:visited, -.atbdp-nav-link:visited, -.reset-pseudo-link:active, -.cptm-btn:active, -.cptm-header-nav__list-item-link:active, -.cptm-link-light:active, -.cptm-form-builder-header-action-link:active, -.cptm-sub-nav__item-link:active, -.cptm-header-action-link:active, -.cptm-modal-action-link:active, -.atbdp-nav-link:active, -.reset-pseudo-link:focus, -.cptm-btn:focus, -.cptm-header-nav__list-item-link:focus, -.cptm-link-light:focus, -.cptm-form-builder-header-action-link:focus, -.cptm-sub-nav__item-link:focus, -.cptm-header-action-link:focus, -.cptm-modal-action-link:focus, -.atbdp-nav-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + .icon-picker__inner { + display: block; + width: calc(100% - 30px); + overflow: scroll; + } + .icon-picker__sidebar, + .icon-picker__content { + width: auto; + } + .icon-picker__content .icons-group-icons .font-icon-btn { + width: 55px; + height: 55px; + font-size: 16px; + } +} +.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-form-builder-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-header-action-link:visited, .cptm-modal-action-link:visited, .atbdp-nav-link:visited, .reset-pseudo-link:active, .cptm-btn:active, .cptm-header-nav__list-item-link:active, .cptm-link-light:active, .cptm-form-builder-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-header-action-link:active, .cptm-modal-action-link:active, .atbdp-nav-link:active, .reset-pseudo-link:focus, .cptm-btn:focus, .cptm-header-nav__list-item-link:focus, .cptm-link-light:focus, .cptm-form-builder-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus { + outline: none; + -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: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 888888888; + display: none; + -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-right: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-right: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(-50%); - transform: translate(-50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, -.directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + -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); + 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; + 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); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - right: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: -webkit-box; + display: -webkit-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; + content: ""; + position: absolute; + top: -10px; + left: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - right: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + right: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @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-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - right: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + right: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + -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 { - width: calc(100% - 82px); - top: 107px; - right: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + right: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-right: 50px; + margin-right: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-left: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-left: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: - opacity 0.3s ease, - visibility 0.3s ease; - transition: - opacity 0.3s ease, - visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 50%; + -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; } .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border-bottom: 6px solid #141921; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: - opacity 0.3s ease, - visibility 0.3s ease; - transition: - opacity 0.3s ease, - visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 50%; + -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; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, -.directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-right: 15px; + font-size: 30px; + opacity: 0.2; + margin-right: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible - .directorist-directory-type-bottom - .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 50px 0 30px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 50px 0 30px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: -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; + 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; + 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-weight: 500; - 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-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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: 16px 20px; - border-radius: 8px; - margin: 8px 40px 0 30px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 40px 0 30px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - left: calc(50% + 150px); - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + left: calc(50% + 150px); + -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); - } + .atbdp-cptm-status-feedback { + left: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - left: 50%; - } + .atbdp-cptm-status-feedback { + left: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 24px 14px 52px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 24px 14px 52px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + -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; + content: ""; + position: absolute; + top: 14px; + left: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + -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; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + -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: left; - width: 50%; - height: 100%; + display: block; + float: left; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - border-bottom: 2px solid transparent; - color: #4d5761; - 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; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + -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-left: 0; + margin-left: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, -.cptm-link-light:focus, -.cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-right: 5px; + margin-right: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-right: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-right: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - right: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-right: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-right: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; + max-width: 550px; + width: 100%; + margin-right: auto; + margin-left: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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; - margin-bottom: 50px; - z-index: 10; + position: relative; + margin-bottom: 50px; + z-index: 10; } -.cptm-section.submission_form_fields - .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - right: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + right: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - left: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + left: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - right: 27px; - } + .cptm-section.preview_mode { + right: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - right: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + right: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - right: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + right: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link - .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -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: 14px; - font-weight: 500; - color: #141921; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + -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 .directorist-draggable-list-item-wrapper { - height: auto; + height: auto; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields - .cptm-description-text - + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: left; + text-align: left; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: left; - } + .cptm-form-builder-active-fields-footer { + text-align: left; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-left: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-left: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 50px 24px 30px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 50px 24px 30px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -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; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, -.cptm-form-builder-group-title-area:focus, -.cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 15px 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable="true"].cptm-form-builder-group-title-area { - cursor: move; +div[draggable=true].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -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"; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + right: 20px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + pointer-events: none; } .cptm-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; + margin-right: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-left: 10px; + position: relative; + top: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 32px; + margin-left: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - right: 0; - top: 8px; + position: absolute; + right: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, -.cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + -webkit-transition: background ease 0.3s; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - right: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; - transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link - span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + right: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { + display: -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; + display: block; + min-width: 34px; + margin-left: 15px; } .cptm-form-builder-group-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 42px 0 30px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 42px 0 30px; + padding: 20px; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -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: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 4px 3px 16px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 4px 3px 16px; + border: 1px solid #d2d6db; + border-radius: 8px; + -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-right: 6px; +.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { + margin-right: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-left: 0 !important; + height: 32px; + border: none !important; + padding-left: 0 !important; } -.icon-picker-selector - .icon-picker-selector__icon - .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 10px 0 0; +.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 10px 0 0; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + -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; - right: 0; - left: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 999; + display: -webkit-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; - padding-right: 40px; - padding-left: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-right: 40px; + padding-left: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - left: 0; + position: absolute; + left: 0; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header - .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - -webkit-transform: translate(34px, 7px); - transform: translate(34px, 7px); + display: block; + position: absolute; + right: -15px; + -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-group-field-item-header-actions { - margin-left: 10px; + margin-left: 10px; } -.cptm-form-builder-group-field-item-header-actions - .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-left: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-left: 5px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); + -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; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 8; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + z-index: 8; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg - path { - fill: #747c89; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-info - .cptm-title-info-icon { - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { + font-size: 16px; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: left; - margin-right: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: left; + margin-right: 17px; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body - .cptm-field-wraper-type-toggle - .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body - .directorist-type-icon-select - + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -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% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .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-icon { - display: inline-block; - margin-right: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-right: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon - .cptm-form-builder-field-list-icon-svg - svg - path { - fill: #747c89; +.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 20px; + -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; - right: 0; - left: 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; + right: 0; + left: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 20px; + display: -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; + 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-right: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-right: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-left: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-left: 4px; } .cptm-checkbox-ui:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: -webkit-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; - right: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + right: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: -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-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, -.cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: left; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: left; + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, 1, 0, 45deg); - transform: rotate3d(0, 1, 0, 45deg); + -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-left: 15px solid transparent; - border-right: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 15px 0 25px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: left; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 0 0 10px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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; + 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: 18px 20px 20px; - border-radius: 5px; - border-top-right-radius: 0; - border-top-left-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-right-radius: 0; + border-top-left-radius: 0; + -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); + position: absolute; + bottom: 0; + left: 50%; + z-index: 99; + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(-50%, -100%); - transform: translate(-50%, -100%); - pointer-events: none; + position: absolute; + left: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(-50%, -100%); + transform: translate(-50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -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-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 { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; } .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-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; -} -.cptm-placeholder-blcok:hover, -.cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; +} +.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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-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: 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; + -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; + width: 100px; + margin-left: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-listing-card-content { - -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 { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: -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; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - font-size: 72px; - color: #7b7d8b; + 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); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + left: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + right: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: right; + text-align: right; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + left: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + right: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - left: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + z-index: 99; + position: absolute; + left: 50%; + top: 0; + width: calc(100% - 40px); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar - .cptm-widget-insert-area - .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: left; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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 { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + left: 50%; + -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-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - left: 0; - right: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: -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%); + 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; + 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; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + -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-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, -.cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-right: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-right: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; } -.cptm-listing-card-preview-footer-left-placeholder:hover, -.cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; -} -.cptm-listing-card-preview-footer-right-placeholder:hover, -.cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; +} +.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, -.cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: -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; + 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; + border-right: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-right: 5px; + display: inline-block; + margin-right: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .cptm-form-group .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: left; + text-align: left; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-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; - left: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, -.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + left: 0; + bottom: 8px; + background-color: #3e62f5; + -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-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 { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: -webkit-gradient( - linear, - left top, - left bottom, - from(rgba(0, 0, 0, 0.6)), - color-stop(35.42%, rgba(0, 0, 0, 0)) - ); - background: linear-gradient( - 180deg, - rgba(0, 0, 0, 0.6) 0%, - rgba(0, 0, 0, 0) 35.42% - ); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail - .action-trash - ~ .cptm-upload-btn { - right: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - right: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: -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; + 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; + 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-input-toggle-wrap label { - padding-right: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-right: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - left: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + margin: 5px; + -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 { - left: 100%; - -webkit-transform: translateX(calc(-100% - 10px)); - transform: translateX(calc(-100% - 10px)); + left: 100%; + -webkit-transform: translateX(calc(-100% - 10px)); + transform: translateX(calc(-100% - 10px)); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -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; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - right: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: -webkit-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; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - right: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + right: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type="date"].cptm-form-control, -input[type="datetime-local"].cptm-form-control, -input[type="datetime"].cptm-form-control, -input[type="email"].cptm-form-control, -input[type="month"].cptm-form-control, -input[type="number"].cptm-form-control, -input[type="password"].cptm-form-control, -input[type="search"].cptm-form-control, -input[type="tel"].cptm-form-control, -input[type="text"].cptm-form-control, -input[type="time"].cptm-form-control, -input[type="url"].cptm-form-control, -input[type="week"].cptm-form-control input[type="text"].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, -.cptm-form-control:focus, +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control input[type=text].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: left; + border-radius: 4px; + -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: 14px; - color: #4d5761; - background: #ffffff; - text-align: left; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control, +input[type=text].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: left; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -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-left: 0; + margin-left: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-left: 0; + margin-left: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - overflow: auto; - z-index: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: -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 30px 15px 15px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 30px 15px 15px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: left; - margin: 0; + text-align: left; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - right: 10px; - top: 10px; - text-align: right; + display: block; + margin: 0 -5px; + position: absolute; + right: 10px; + top: 10px; + text-align: right; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: -webkit-box; + display: -webkit-flex; + 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-left: 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-left: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -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: right !important; + text-align: right !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: left !important; + text-align: left !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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 { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box - .cptm-widget-preview-area - .cptm-widget-badge { - margin: 0; - padding: 6px 19px 7px 20px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { + margin: 0; + padding: 6px 19px 7px 20px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .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: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card - .slider-placeholder - .cptm-widget-preview-area - .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card - .dndrop-container.vertical - > .dndrop-draggable-wrapper { - overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-right: 10px; + display: inline-block; + margin-right: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; + display: block; + margin: 0; + margin-left: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -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%; - right: 0; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + right: 0; + -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; + 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; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, -.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + -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; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .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; + } } .cptm-theme-butterfly .cptm-info-text { - text-align: left; - margin: 0; + text-align: left; + margin: 0; } .atbdp-settings-panel .cptm-form-group { - margin-bottom: 35px; + margin-bottom: 35px; } .atbdp-settings-panel .cptm-form-group.cptm-schema-multi-directory-disabled { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; } .atbdp-settings-panel .cptm-tab-content { - margin: 0; - padding: 0; - width: 100%; - max-width: unset; + margin: 0; + padding: 0; + width: 100%; + max-width: unset; } .atbdp-settings-panel .cptm-title { - font-size: 18px; - line-height: unset; + font-size: 18px; + line-height: unset; } .atbdp-settings-panel .cptm-menu-title { - font-size: 20px; - font-weight: 500; - color: #23282d; - margin-bottom: 50px; + font-size: 20px; + font-weight: 500; + color: #23282d; + margin-bottom: 50px; } .atbdp-settings-panel .cptm-section { - border: 1px solid #e3e6ef; - border-radius: 8px; - margin-bottom: 50px !important; + border: 1px solid #E3E6EF; + border-radius: 8px; + margin-bottom: 50px !important; } .atbdp-settings-panel .cptm-section .cptm-title-area { - border-bottom: 1px solid #e3e6ef; - padding: 20px 25px; - margin-bottom: 0; + border-bottom: 1px solid #E3E6EF; + padding: 20px 25px; + margin-bottom: 0; } .atbdp-settings-panel .cptm-section .cptm-title-area.directorist-no-header { - border-bottom: 0 none; - margin-bottom: 0; - padding-bottom: 0; + border-bottom: 0 none; + margin-bottom: 0; + padding-bottom: 0; } .atbdp-settings-panel .cptm-section .cptm-title-area .cptm-title { - font-size: 20px; - font-weight: 500; - color: #000000; + font-size: 20px; + font-weight: 500; + color: #000000; } .atbdp-settings-panel .cptm-section .cptm-form-fields { - padding: 20px 25px 0 25px; + padding: 20px 25px 0 25px; } .atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group label { - font-size: 15px; -} -.atbdp-settings-panel - .cptm-section - .cptm-form-fields - .cptm-form-group - .atbdp-label-icon-wrapper { - margin: 0; - padding: 0; - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 14px; -} -.atbdp-settings-panel - .cptm-section - .cptm-form-fields - .cptm-form-group - .atbdp-label-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - width: 40px; - height: 40px; - border-radius: 8px; - color: #4d5761; - background: #e5e7eb; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - aspect-ratio: 1/1; -} -.atbdp-settings-panel - .cptm-section - .cptm-form-fields - .cptm-form-group - .atbdp-label-icon - svg { - width: 16px; - height: 16px; -} -.atbdp-settings-panel - .cptm-section - .cptm-form-fields - .cptm-form-group - .atbdp-label-icon - i { - color: #4d5761; -} -.atbdp-settings-panel .cptm-section.button_type, -.atbdp-settings-panel .cptm-section.enable_multi_directory { - z-index: 11; + font-size: 15px; +} +.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon-wrapper { + margin: 0; + padding: 0; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; + display: -webkit-inline-box; + display: -webkit-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-right: 25px; -} -.atbdp-settings-manager - .atbdp-settings-manager__top - .directorist_builder-links - li - a { - font-size: 14px; - text-decoration: none; - color: #5a5f7d; + max-width: 1200px; + display: -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; + display: -webkit-box; + display: -webkit-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; - } + .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; + display: -webkit-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; + 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; + font-size: 14px; + font-weight: 500; + color: #2C99FF; + border-radius: 18px; + padding: 6px 13px; + text-decoration: none; + border-color: #2C99FF; + margin-bottom: 0; + margin-left: 20px; } @media only screen and (max-width: 767px) { - .atbdp-settings-manager - .settings-contents - .atbdp-row - .atbdp-col.atbdp-col-4 { - width: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } + .atbdp-settings-manager .settings-contents .atbdp-row .atbdp-col.atbdp-col-4 { + width: 100%; + -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-right: 5px; + margin-right: 5px; } -.setting-top-bar - .atbdp-setting-top-bar-right - .setting-top-bar__search-field - input { - border-radius: 20px; - color: #fff !important; +.setting-top-bar .atbdp-setting-top-bar-right .setting-top-bar__search-field input { + border-radius: 20px; + color: #fff !important; } .setting-top-bar .directorist_setting-panel__pages { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .setting-top-bar .directorist_setting-panel__pages li { - display: inline-block; - margin-bottom: 0; -} -.setting-top-bar - .directorist_setting-panel__pages - li - .directorist_setting-panel__pages--link { - text-decoration: none; - font-size: 14px; - font-weight: 400; - color: rgba(255, 255, 255, 0.3137254902); -} -.setting-top-bar - .directorist_setting-panel__pages - li - .directorist_setting-panel__pages--link.active { - color: #fff; -} -.setting-top-bar - .directorist_setting-panel__pages - li - .directorist_setting-panel__pages--link.active::before { - color: rgba(255, 255, 255, 0.3137254902); -} -.setting-top-bar - .directorist_setting-panel__pages - li - .directorist_setting-panel__pages--link:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; -} -.setting-top-bar - .directorist_setting-panel__pages - li - + li - .directorist_setting-panel__pages--link:before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - content: "\f105"; - margin: 0px 2px 0 5px; - font-weight: 900; - position: relative; - top: 1px; + display: inline-block; + margin-bottom: 0; +} +.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link { + text-decoration: none; + font-size: 14px; + font-weight: 400; + color: rgba(255, 255, 255, 0.3137254902); +} +.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link.active { + color: #fff; +} +.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link.active::before { + color: rgba(255, 255, 255, 0.3137254902); +} +.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link:focus { + outline: 0 none; + -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; + 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-left: 0 !important; - } + .setting-top-bar__search-actions .setting-response-feedback { + margin-left: 0 !important; + } } .setting-response-feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; + display: -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-right: 1px solid #f6f6f6; + min-width: 250px; + max-width: 250px; + background-color: #F6F6F6; + border-right: 1px solid #f6f6f6; } @media only screen and (max-width: 767px) { - .setting-left-sibebar { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100vh; - overflow-y: auto; - background-color: #fff; - -webkit-transform: translateX(-250px); - transform: translateX(-250px); - -webkit-transition: 0.35s; - transition: 0.35s; - z-index: 99999; - } + .setting-left-sibebar { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + overflow-y: auto; + background-color: #fff; + -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%; - left: 0; - top: 0; - background-color: rgba(39, 43, 65, 0.1882352941); - z-index: -1; - opacity: 0; - visibility: hidden; + position: fixed; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: rgba(39, 43, 65, 0.1882352941); + z-index: -1; + opacity: 0; + visibility: hidden; } .directorist_settings-panel-shade.active { - z-index: 999; - opacity: 1; - visibility: visible; + z-index: 999; + opacity: 1; + visibility: visible; } .settings-nav { - margin: 0; - padding: 0; - list-style-type: none; + margin: 0; + padding: 0; + list-style-type: none; } .settings-nav li { - list-style: none; + list-style: none; } .settings-nav a { - text-decoration: none; + text-decoration: none; } .settings-nav__item.active { - background-color: #fff; + background-color: #fff; } .settings-nav__item ul { - padding-left: 0; - background-color: #fff; - display: none; + padding-left: 0; + background-color: #fff; + display: none; } .settings-nav__item.active ul { - display: block; + display: block; } .settings-nav__item__link { - line-height: 50px; - padding: 0 25px; - font-size: 14px; - font-weight: 500; - color: #272b41; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + line-height: 50px; + padding: 0 25px; + font-size: 14px; + font-weight: 500; + color: #272B41; + -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 25px 10px 58px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 14px; - font-weight: 500; - color: #5a5f7d; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - border-left: 2px solid transparent; + line-height: 25px; + padding: 10px 25px 10px 58px; + display: -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; + -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; + 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); + 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; + width: 10px; + height: 5px; + margin-left: auto; } span.drop-toggle-caret:before { - position: absolute; - content: ""; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #868eae; + position: absolute; + content: ""; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #868EAE; } -.settings-nav__item.active - .settings-nav__item__link - span.drop-toggle-caret:before { - border-top: 0; - border-bottom: 5px solid #3e62f5; +.settings-nav__item.active .settings-nav__item__link span.drop-toggle-caret:before { + border-top: 0; + border-bottom: 5px solid #3E62F5; } .highlight-field { - padding: 10px; - border: 2px solid #3e62f5; + padding: 10px; + border: 2px solid #3e62f5; } .settings-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 -20px; - padding: 15px 15px 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - background-color: #f8f9fb; + display: -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; - left: 0; - bottom: 20px; - width: 100%; - text-align: center; - z-index: 2; + position: absolute; + left: 0; + bottom: 20px; + width: 100%; + text-align: center; + z-index: 2; } .directorist-extensions table { - width: 100%; + width: 100%; } .ext-height-fix { - height: 250px !important; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + height: 250px !important; + overflow: hidden; + -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; + 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; + 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-left: 6px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + margin-left: 6px; } .w-skip-link { - color: #5a5f7d; - font-size: 15px; - margin-right: 10px; - display: inline-block; - text-decoration: none; + color: #5a5f7d; + font-size: 15px; + margin-right: 10px; + display: inline-block; + text-decoration: none; } .w-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 25px; + display: -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; - left: 0; - line-height: 0; - outline: none; - position: absolute; - top: 0; - width: 0; - cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 0; + font-size: 15px; + left: 0; + line-height: 0; + outline: none; + position: absolute; + top: 0; + width: 0; + cursor: pointer; } .w-toggle-switch .w-switch:before, .w-toggle-switch .w-switch:after { - content: ""; - font-size: 15px; - position: absolute; + content: ""; + font-size: 15px; + position: absolute; } .w-toggle-switch .w-switch:before { - border-radius: 19px; - background-color: #c8cadf; - height: 26px; - left: -4px; - top: -3px; - -webkit-transition: background-color 0.25s ease-out 0.1s; - transition: background-color 0.25s ease-out 0.1s; - width: 48px; + border-radius: 19px; + background-color: #c8cadf; + height: 26px; + left: -4px; + top: -3px; + -webkit-transition: background-color 0.25s ease-out 0.1s; + transition: background-color 0.25s ease-out 0.1s; + width: 48px; } .w-toggle-switch .w-switch:after { - -webkit-box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); - box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); - border-radius: 50%; - background-color: #fefefe; - height: 18px; - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - -webkit-transition: -webkit-transform 0.25s ease-out 0.1s; - transition: -webkit-transform 0.25s ease-out 0.1s; - transition: transform 0.25s ease-out 0.1s; - transition: - transform 0.25s ease-out 0.1s, - -webkit-transform 0.25s ease-out 0.1s; - width: 18px; - top: 1px; + -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; - left: 1px; - top: 1px; - height: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - padding: 0 12px; - color: #9299b8; - background-color: #eff0f3; - border-radius: 4px 0 0 4px; + position: absolute; + left: 1px; + top: 1px; + height: 40px; + display: -webkit-inline-box; + display: -webkit-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; + padding-left: 58px !important; } .wicon-done { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 50px; - background-color: #0fb73b; - border-radius: 50%; - width: 80px; - height: 80px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: #fff; - margin-bottom: 10px; + display: -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-left: 6px; + border-color: #4353ff; + color: #4353ff; + margin-left: 6px; } .atbdp-c-footer-center { - -webkit-box-pack: center !important; - -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; - padding: 30px !important; + -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%; - 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; + 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%; - } + from { + left: 0; + } + to { + left: 100%; + } } @keyframes slideRight { - from { - left: 0; - } - to { - left: 100%; - } + from { + left: 0; + } + to { + left: 100%; + } } .directorist-importer__importing progress::-webkit-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; + background-color: #e8f0f8; + border-radius: 15px; } .directorist-importer__importing progress::-webkit-progress-value { - background-color: #2c99ff; + background-color: #2c99ff; } .directorist-importer__importing progress::-moz-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; - border: none; - box-shadow: none; + background-color: #e8f0f8; + border-radius: 15px; + border: none; + box-shadow: none; } .directorist-importer__importing progress[value]::-moz-progress-bar { - background-color: #2c99ff; + background-color: #2c99ff; } .directorist-importer__importing span.importer-notice { - display: block; - color: #5a5f7d; - font-size: 15px; - padding-bottom: 13px; + display: block; + color: #5a5f7d; + font-size: 15px; + padding-bottom: 13px; } .directorist-importer__importing span.importer-details { - display: block; - color: #5a5f7d; - font-size: 15px; - padding-top: 13px; + display: block; + color: #5a5f7d; + font-size: 15px; + padding-top: 13px; } .directorist-importer__importing .spinner.is-active { - width: 15px; - height: 15px; - border-radius: 50%; - border: 3px solid #ddd; - position: absolute; - right: 20px; - top: 26px; - background: transparent; - border-right-color: #4353ff; - -webkit-animation: swRotate 2s linear infinite; - animation: swRotate 2s linear infinite; + 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); - } + 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; - right: 5px; +.w-form-group .select2-container--default .select2-selection--single .select2-selection__arrow { + height: 38px; + right: 5px; } .w-form-group span.select2-selection.select2-selection--single:focus { - outline: 0; + outline: 0; } .select2-dropdown { - border: 1px solid #c6d0dc !important; - border-top: 0 none !important; + border: 1px solid #c6d0dc !important; + border-top: 0 none !important; } -.directorist-content-active - .select2-container--default - .select2-results__option[aria-selected="true"] { - background-color: #eee !important; +.directorist-content-active .select2-container--default .select2-results__option[aria-selected=true] { + background-color: #eee !important; } -.directorist-content-active - .select2-container--default - .select2-results__option--highlighted, -.directorist-content-active - .select2-container--default - .select2-results__option[aria-selected="true"].select2-results__option--highlighted { - background-color: #4353ff !important; +.directorist-content-active .select2-container--default .select2-results__option--highlighted, +.directorist-content-active .select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted { + background-color: #4353ff !important; } .btn-hide { - display: none; + display: none; } .directorist-setup-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - height: auto; - margin: 0; - font-family: "Inter"; + display: -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; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - top: 80px; - width: 100%; - padding: 15px 20px 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .directorist-setup-wizard__header__step { + position: absolute; + left: 50%; + -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-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; + border-right: 1px solid #e7e7e7; } @media (max-width: 767px) { - .directorist-setup-wizard__logo { - border: none; - } + .directorist-setup-wizard__logo { + border: none; + } } .directorist-setup-wizard__logo img { - width: 140px; + width: 140px; } .directorist-setup-wizard__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 25px; - -webkit-margin-start: 138px; - margin-inline-start: 138px; - border-left: 1px solid #e7e7e7; + display: -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 { + -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; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: rgba(0, 0, 0, 0.5); + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-setup-wizard__btn.loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid #ffffff; - border-top-color: #4353ff; - position: absolute; - top: 12px; - right: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-animation: spin 3s linear infinite; - animation: spin 3s linear infinite; + content: ""; + display: -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; + display: -webkit-box; + 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-left: 30px; - color: #484848; - cursor: pointer; + font-size: 15px; + font-weight: 400; + position: relative; + padding-left: 30px; + color: #484848; + cursor: pointer; } .directorist-setup-wizard__content__import__single label:before { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #b7b7b7; - position: absolute; - left: 0; - top: -1px; + content: ""; + display: -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; + 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; + 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; - right: 0; - top: 0; + content: ""; + width: 40px; + height: 20px; + border-radius: 15px; + border: 1px solid #4353ff; + background: transparent; + position: absolute; + right: 0; + top: 0; } .directorist-setup-wizard__content__pricing__checkbox label:after { - content: ""; - position: absolute; - right: 22px; - top: 4px; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: #4353ff; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.directorist-setup-wizard__content__pricing__checkbox input[type="checkbox"] { - display: none; -} -.directorist-setup-wizard__content__pricing__checkbox - input[type="checkbox"]:checked - ~ label:before { - background-color: #4353ff; -} -.directorist-setup-wizard__content__pricing__checkbox - input[type="checkbox"]:checked - ~ label:after { - right: 5px; - background-color: #ffffff; -} -.directorist-setup-wizard__content__pricing__checkbox - input[type="checkbox"]:checked - ~ .directorist-setup-wizard__content__pricing__amount { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + content: ""; + position: absolute; + right: 22px; + top: 4px; + width: 14px; + height: 14px; + border-radius: 100%; + background-color: #4353ff; + -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; + 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; - right: 0; - top: 0; + content: ""; + width: 40px; + height: 20px; + border-radius: 15px; + border: 1px solid #4353ff; + background: transparent; + position: absolute; + right: 0; + top: 0; } .directorist-setup-wizard__content__gateway__checkbox label:after { - content: ""; - position: absolute; - right: 22px; - top: 4px; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: #4353ff; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.directorist-setup-wizard__content__gateway__checkbox input[type="checkbox"] { - display: none; -} -.directorist-setup-wizard__content__gateway__checkbox - input[type="checkbox"]:checked - ~ label:before { - background-color: #4353ff; -} -.directorist-setup-wizard__content__gateway__checkbox - input[type="checkbox"]:checked - ~ label:after { - right: 5px; - background-color: #ffffff; + content: ""; + position: absolute; + right: 22px; + top: 4px; + width: 14px; + height: 14px; + border-radius: 100%; + background-color: #4353ff; + -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; + -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 40px 0 15px; - border-radius: 5px; - border: 1px solid #d6d6d6; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; + position: relative; + font-size: 14px; + font-weight: 500; + color: #141414; + height: 40px; + line-height: 38px; + padding: 0 40px 0 15px; + border-radius: 5px; + border: 1px solid #d6d6d6; + -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; + 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; + width: 100%; + text-align: left; } .directorist-setup-wizard__counter__title { - font-size: 20px; - font-weight: 600; - color: #141414; - margin: 0 0 10px; + font-size: 20px; + font-weight: 600; + color: #141414; + margin: 0 0 10px; } .directorist-setup-wizard__counter__desc { - display: none; - font-size: 14px; - color: #404040; - margin: 0 0 10px; + display: none; + font-size: 14px; + color: #404040; + margin: 0 0 10px; } .directorist-setup-wizard__counter .selected_count { - color: #4353ff; + color: #4353ff; } .directorist-setup-wizard__introduction { - max-width: 700px; - margin: 0 auto; - text-align: center; - padding: 50px 0 100px; + max-width: 700px; + margin: 0 auto; + text-align: center; + padding: 50px 0 100px; } .directorist-setup-wizard__step { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 15px; - padding: 50px 15px 100px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -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; - left: 18px; - top: 14px; + content: ""; + background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg); + background-repeat: no-repeat; + width: 14px; + height: 14px; + position: absolute; + left: 18px; + top: 14px; } .directorist-setup-wizard__box__content__form .address_result { - background-color: #ffffff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + background-color: #ffffff; + -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 { - display: none; +.directorist-setup-wizard__box__content__form.directorist-search-field .directorist-setup-wizard__box__content__input--clear { + display: none; } -.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused - .directorist-setup-wizard__box__content__input--clear { - display: block; +.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused .directorist-setup-wizard__box__content__input--clear { + display: block; } .directorist-setup-wizard__box__content__input { - width: 100%; - height: 44px; - border-radius: 8px; - padding: 0 40px; - padding-right: 60px; - outline: none; - background-color: #ebebeb; - border: 1px solid #ebebeb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + height: 44px; + border-radius: 8px; + padding: 0 40px; + padding-right: 60px; + outline: none; + background-color: #ebebeb; + border: 1px solid #ebebeb; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-setup-wizard__box__content__input--clear { - position: absolute; - right: 40px; - top: 14px; + position: absolute; + right: 40px; + top: 14px; } -.directorist-setup-wizard__box__content__input--clear - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-setup-wizard__box__content__input--clear .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-setup-wizard__box__content__location-icon { - position: absolute; - right: 18px; - top: 14px; + position: absolute; + right: 18px; + top: 14px; } -.directorist-setup-wizard__box__content__location-icon - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-setup-wizard__box__content__location-icon .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-setup-wizard__map { - margin-top: 20px; + margin-top: 20px; } .directorist-setup-wizard__map #gmap { - height: 280px; - border-radius: 8px; + height: 280px; + border-radius: 8px; } .directorist-setup-wizard__map .leaflet-touch .leaflet-bar a { - background: #ffffff; + background: #ffffff; } -.directorist-setup-wizard__map - .leaflet-marker-icon - .directorist-icon-mask:after { - width: 30px; - height: 30px; - background-color: #e23636; - -webkit-mask-image: url(../js/../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; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - font-size: 12px; - font-weight: 600; - font-style: italic; - color: #f80718; + position: absolute; + bottom: 10px; + left: 50%; + -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) { - left: calc(25% - 10px); + left: calc(25% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(2), .directorist-import-error .import-progress-gap span:nth-child(2) { - left: calc(50% - 10px); + left: calc(50% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(3), .directorist-import-error .import-progress-gap span:nth-child(3) { - left: calc(75% - 10px); + left: calc(75% - 10px); } .directorist-import-progress .directorist-import-progress-bar-bg, .directorist-import-error .directorist-import-progress-bar-bg { - height: 4px; - background: #e5e7eb; - width: 100%; - position: relative; -} -.directorist-import-progress - .directorist-import-progress-bar-bg - .directorist-import-progress-bar, -.directorist-import-error - .directorist-import-progress-bar-bg - .directorist-import-progress-bar { - position: absolute; - left: 0; - top: 0; - background: #2563eb; - -webkit-transition: all 1s; - transition: all 1s; - width: 0%; - height: 100%; -} -.directorist-import-progress - .directorist-import-progress-bar-bg - .directorist-import-progress-bar.import-done, -.directorist-import-error - .directorist-import-progress-bar-bg - .directorist-import-progress-bar.import-done { - background: #38c172; + height: 4px; + background: #e5e7eb; + width: 100%; + position: relative; +} +.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar, +.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { + position: absolute; + left: 0; + top: 0; + background: #2563eb; + -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-left: 17px; + margin-left: 17px; } .import-done-section { - margin-top: 60px; + margin-top: 60px; } .import-done-section .tweet-import-success .tweet-text { - background: #ffffff; - border: 1px solid rgba(34, 101, 235, 0.1); - border-radius: 4px; - padding: 14px 21px 14px 21px; + background: #ffffff; + border: 1px solid rgba(34, 101, 235, 0.1); + border-radius: 4px; + padding: 14px 21px 14px 21px; } .import-done-section .tweet-import-success .twitter-btn-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 7px; - right: 30px; - position: absolute; - margin-top: 8px; - text-decoration: none; + display: -webkit-box; + 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; + margin-top: 60px; } .import-done-section .import-done-text .import-done-counter { - text-align: left; + text-align: left; } .import-done-section .import-done-text .import-done-button { - margin-top: 25px; + margin-top: 25px; } .directorist-import-done-inner, .import-done-counter, .import-done-section { - display: none; + display: none; } .import-done .import-status-string, .import-done .directorist-import-text-inner { - display: none; + display: none; } .import-done .import-done-counter, .import-done .directorist-import-done-inner, .import-done .import-done-section { - display: block; + display: block; } .import-progress-warning { - position: relative; - top: 10px; - font-size: 15px; - font-weight: 500; - color: #e91e63; - display: block; - text-align: center; + position: relative; + top: 10px; + font-size: 15px; + font-weight: 500; + color: #e91e63; + display: block; + text-align: center; } .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-family: "Inter"; - margin-left: -20px; + display: -webkit-box; + display: -webkit-flex; + 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; + -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-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; + border-right: 1px solid #e7e7e7; } @media (max-width: 767px) { - .directorist-create-directory__logo { - border: none; - } + .directorist-create-directory__logo { + border: none; + } } .directorist-create-directory__logo img { - width: 140px; + width: 140px; } .directorist-create-directory__close__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 14px 16px; - font-size: 14px; - line-height: 20px; - font-weight: 500; - color: #141921; + display: -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; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: rgba(0, 0, 0, 0.5); + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-create-directory__btn.loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid #ffffff; - border-top-color: #4353ff; - position: absolute; - top: 10px; - right: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-animation: spin 3s linear infinite; - animation: spin 3s linear infinite; + content: ""; + display: -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; + 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 16px 7px 44px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 8px; - border: 1px solid #d2d6db; - background-color: white; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; - overflow: hidden; - -webkit-transition: 0.3s; - transition: 0.3s; - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; + max-width: 100%; + width: 100%; + display: -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; + 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; - 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; + 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; + 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; - left: 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; + left: 20px; + pointer-events: none; } .directorist-create-directory__content__input-icon svg, .directorist-create-directory__content__input-icon img { - width: 20px; - height: 20px; - -webkit-transition: 0.3s; - transition: 0.3s; + width: 20px; + height: 20px; + -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__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-create-directory__content__notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #484848; - -webkit-transition: color 0.3s eases; - transition: color 0.3s eases; + display: -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-create-directory__content__notice:hover { - color: #4353ff; + color: #4353ff; } .directorist-create-directory__generate { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -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; - left: 16px; -} -.directorist-create-directory__checkbox__others - .directorist-create-directory__content__input-icon - svg { - width: 16px; - height: 16px; -} -.directorist-create-directory__checkbox__others - .directorist-create-directory__content__input { - padding: 4px 16px 4px 36px; + .directorist-create-directory__checkbox { + width: 100%; + } + .directorist-create-directory__checkbox label { + width: 100%; + } +} +.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon { + top: 8px; + left: 16px; +} +.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon svg { + width: 16px; + height: 16px; +} +.directorist-create-directory__checkbox__others .directorist-create-directory__content__input { + padding: 4px 16px 4px 36px; } .directorist-create-directory__checkbox--custom { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - display: none; + -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__counter { - width: 100%; - text-align: left; + width: 100%; + text-align: left; } .directorist-create-directory__counter__title { - font-size: 20px; - font-weight: 600; - color: #141414; - margin: 0 0 10px; + font-size: 20px; + font-weight: 600; + color: #141414; + margin: 0 0 10px; } .directorist-create-directory__counter__desc { - display: none; - font-size: 14px; - color: #404040; - margin: 0 0 10px; + display: none; + font-size: 14px; + color: #404040; + margin: 0 0 10px; } .directorist-create-directory__counter .selected_count { - color: #4353ff; + color: #4353ff; } .directorist-create-directory__introduction { - max-width: 700px; - margin: 0 auto; - text-align: center; - padding: 50px 0 100px; + max-width: 700px; + margin: 0 auto; + text-align: center; + padding: 50px 0 100px; } .directorist-create-directory__info { - text-align: center; + text-align: center; } .directorist-create-directory__box { - width: 100%; - max-width: 720px; - margin: 0 auto; - padding: 30px 40px 40px; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 720px; + margin: 0 auto; + padding: 30px 40px 40px; + background-color: #ffffff; + border-radius: 8px; + -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-create-directory__box { - padding: 30px 25px; - } + .directorist-create-directory__box { + padding: 30px 25px; + } } @media (max-width: 375px) { - .directorist-create-directory__box { - padding: 30px 20px; - } + .directorist-create-directory__box { + padding: 30px 20px; + } } .directorist-create-directory__box__content__title { - font-size: 24px; - font-weight: 400; - margin: 0 0 5px; - color: #141414; + font-size: 24px; + font-weight: 400; + margin: 0 0 5px; + color: #141414; } .directorist-create-directory__box__content__title--section { - font-size: 15px; - font-weight: 400; - color: #141414; - margin: 0 0 10px; + font-size: 15px; + font-weight: 400; + color: #141414; + margin: 0 0 10px; } .directorist-create-directory__box__content__desc { - font-size: 15px; - font-weight: 400; - margin: 0 0 25px; - color: #484848; + font-size: 15px; + font-weight: 400; + margin: 0 0 25px; + color: #484848; } .directorist-create-directory__box__content__form { - position: relative; + position: relative; } .directorist-create-directory__box__content__form:before { - content: ""; - background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg); - background-repeat: no-repeat; - width: 14px; - height: 14px; - position: absolute; - left: 18px; - top: 14px; + content: ""; + background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg); + background-repeat: no-repeat; + width: 14px; + height: 14px; + position: absolute; + left: 18px; + top: 14px; } .directorist-create-directory__box__content__form .address_result { - background-color: #ffffff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + background-color: #ffffff; + -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } -.directorist-create-directory__box__content__form.directorist-search-field - .directorist-create-directory__box__content__input--clear { - display: none; +.directorist-create-directory__box__content__form.directorist-search-field .directorist-create-directory__box__content__input--clear { + display: none; } -.directorist-create-directory__box__content__form.directorist-search-field.input-is-focused - .directorist-create-directory__box__content__input--clear { - display: block; +.directorist-create-directory__box__content__form.directorist-search-field.input-is-focused .directorist-create-directory__box__content__input--clear { + display: block; } .directorist-create-directory__box__content__input { - width: 100%; - height: 44px; - border-radius: 8px; - padding: 0 40px; - padding-right: 60px; - outline: none; - background-color: #ebebeb; - border: 1px solid #ebebeb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + height: 44px; + border-radius: 8px; + padding: 0 40px; + padding-right: 60px; + outline: none; + background-color: #ebebeb; + border: 1px solid #ebebeb; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-create-directory__box__content__input--clear { - position: absolute; - right: 40px; - top: 14px; + position: absolute; + right: 40px; + top: 14px; } -.directorist-create-directory__box__content__input--clear - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-create-directory__box__content__input--clear .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-create-directory__box__content__location-icon { - position: absolute; - right: 18px; - top: 14px; + position: absolute; + right: 18px; + top: 14px; } -.directorist-create-directory__box__content__location-icon - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-create-directory__box__content__location-icon .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-create-directory__map { - margin-top: 20px; + margin-top: 20px; } .directorist-create-directory__map #gmap { - height: 280px; - border-radius: 8px; + height: 280px; + border-radius: 8px; } .directorist-create-directory__map .leaflet-touch .leaflet-bar a { - background: #ffffff; + background: #ffffff; } .directorist-create-directory__notice { - position: absolute; - bottom: 10px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - font-size: 12px; - font-weight: 600; - font-style: italic; - color: #f80718; + position: absolute; + bottom: 10px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + font-size: 12px; + font-weight: 600; + font-style: italic; + color: #f80718; } .directorist-box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 28px; - width: 100%; + display: -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 61px 12.5px 64px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid #e5e7eb; - background: #fff; - -webkit-box-shadow: - 0px 16px 24px -6px rgba(27, 36, 44, 0.16), - 0px 2px 2px -1px rgba(27, 36, 44, 0.04); - box-shadow: - 0px 16px 24px -6px rgba(27, 36, 44, 0.16), - 0px 2px 2px -1px rgba(27, 36, 44, 0.04); - gap: 8px; - color: #141921; - font-size: 12px; - font-weight: 600; - line-height: 20px; - position: relative; - padding: 10px; - margin: 0 2px 3px 2px; - border-radius: 6px; + border-radius: 6px; + border-radius: 8px; + display: -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; + 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; + 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-left: 10px; + margin-left: 10px; } .directorist-ai-generate-box__title h6 { - margin: 0; - color: #2c3239; - font-family: Inter; - font-size: 18px; - font-style: normal; - font-weight: 600; - line-height: 22px; + margin: 0; + color: #2c3239; + font-family: Inter; + font-size: 18px; + font-style: normal; + font-weight: 600; + line-height: 22px; } .directorist-ai-generate-box__title p { - color: #4d5761; - font-size: 14px; - font-weight: 400; - line-height: 22px; - margin: 0; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 22px; + margin: 0; } .directorist-ai-generate-box__items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 24px; - border-radius: 8px; - background: #f3f4f6; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - margin: 0; - max-height: 540px; - overflow-y: auto; + display: -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 12px 0px 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-right: 1px solid #d2d6db; - color: #4d5761; + display: -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; + 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 12px 0px 24px; - -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 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; + 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; + display: -webkit-box; + 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; + 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; } @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-create-directory__step - .directorist-create-directory__content.hidden { - display: none; +.directorist-create-directory__step .directorist-create-directory__content.hidden { + display: none; } .middle-content.middle-content-import { - background: white; - padding: 40px; - -webkit-box-shadow: - 0px 4px 6px -2px rgba(0, 0, 0, 0.05), - 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - box-shadow: - 0px 4px 6px -2px rgba(0, 0, 0, 0.05), - 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - width: 600px; - border-radius: 8px; + background: white; + padding: 40px; + -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) { - left: calc(25% - 10px); + left: calc(25% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(2), .directorist-import-error .import-progress-gap span:nth-child(2) { - left: calc(50% - 10px); + left: calc(50% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(3), .directorist-import-error .import-progress-gap span:nth-child(3) { - left: calc(75% - 10px); + left: calc(75% - 10px); } .directorist-import-progress .directorist-import-progress-bar-bg, .directorist-import-error .directorist-import-progress-bar-bg { - height: 4px; - background: #e5e7eb; - width: 100%; - position: relative; -} -.directorist-import-progress - .directorist-import-progress-bar-bg - .directorist-import-progress-bar, -.directorist-import-error - .directorist-import-progress-bar-bg - .directorist-import-progress-bar { - position: absolute; - left: 0; - top: 0; - background: #2563eb; - -webkit-transition: all 1s; - transition: all 1s; - width: 0%; - height: 100%; -} -.directorist-import-progress - .directorist-import-progress-bar-bg - .directorist-import-progress-bar.import-done, -.directorist-import-error - .directorist-import-progress-bar-bg - .directorist-import-progress-bar.import-done { - background: #38c172; + height: 4px; + background: #e5e7eb; + width: 100%; + position: relative; +} +.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar, +.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { + position: absolute; + left: 0; + top: 0; + background: #2563eb; + -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-left: 17px; + margin-left: 17px; } .import-done-section { - margin-top: 60px; + margin-top: 60px; } .import-done-section .tweet-import-success .tweet-text { - background: #ffffff; - border: 1px solid rgba(34, 101, 235, 0.1); - border-radius: 4px; - padding: 14px 21px 14px 21px; + background: #ffffff; + border: 1px solid rgba(34, 101, 235, 0.1); + border-radius: 4px; + padding: 14px 21px 14px 21px; } .import-done-section .tweet-import-success .twitter-btn-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 7px; - right: 30px; - position: absolute; - margin-top: 8px; - text-decoration: none; + display: -webkit-box; + 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; + margin-top: 60px; } .import-done-section .import-done-text .import-done-counter { - text-align: left; + text-align: left; } .import-done-section .import-done-text .import-done-button { - margin-top: 25px; + margin-top: 25px; } .directorist-import-done-inner, .import-done-counter, .import-done-section { - display: none; + display: none; } .import-done .import-status-string, .import-done .directorist-import-text-inner { - display: none; + display: none; } .import-done .import-done-counter, .import-done .directorist-import-done-inner, .import-done .import-done-section { - display: block; + display: block; } .import-progress-warning { - position: relative; - top: 10px; - font-size: 15px; - font-weight: 500; - color: #e91e63; - display: block; - text-align: center; + position: relative; + top: 10px; + font-size: 15px; + font-weight: 500; + color: #e91e63; + display: block; + text-align: center; } -/*# sourceMappingURL=admin-main.css.map*/ +/*# sourceMappingURL=admin-main.css.map*/ \ No newline at end of file diff --git a/assets/css/admin-main.rtl.css b/assets/css/admin-main.rtl.css index 319b226652..74d285f745 100644 --- a/assets/css/admin-main.rtl.css +++ b/assets/css/admin-main.rtl.css @@ -19,862 +19,812 @@ \**********************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ #directiost-listing-fields_wrapper { - padding: 18px 20px; - /*********************************************************** + padding: 18px 20px; + /*********************************************************** ************************************************************ css for Custom Field ************************************************************* **************************************************************/ - /* - for shortable 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; + 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; + 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; + 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 */ @@ -885,1003 +835,764 @@ 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, @@ -1889,277 +1600,273 @@ 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, @@ -2167,304 +1874,292 @@ 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, @@ -2472,6722 +2167,5883 @@ 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; } .vp-wrap .vp-menus ul.vp-menu-level-2 > li a i.fa, .fa { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; } .atbdb_content_module_contents .ez-media-uploader { - text-align: center; + text-align: center; } .add_listing_form_wrapper .upload-header, .add_listing_form_wrapper #listing_image_btn, .add_listing_form_wrapper #delete-custom-img { - font-size: 15px; - padding: 0 15.8px !important; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: 38px; - border-radius: 4px; - text-decoration: none; - color: #fff; + font-size: 15px; + padding: 0 15.8px !important; + display: -webkit-inline-box; + display: -webkit-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: 19px; - line-height: 25px; - font-weight: 600; - margin: 0; - color: #000; + font-size: 19px; + line-height: 25px; + font-weight: 600; + margin: 0; + color: #000; } .tabContentActive, .pstContentActive, .pstContentActive2, .pstContentActive3 { - display: block !important; - -webkit-animation: showTab 0.6s ease; - animation: showTab 0.6s ease; + display: block !important; + -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; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block-wrapper { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 6px 8px; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 16px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px 20px; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block-wrapper { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 6px 8px; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 16px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 575px) { - .directorist_builder__content - .directorist_builder__content__left - .directorist_link-block { - min-width: 100%; - margin: 0; - } -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block.directorist_new-directory { - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block.directorist_link-block-primary { - background-color: #3e62f5; - color: #ffffff; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block.directorist_link-block-primary:hover { - background-color: #5a7aff; - border-color: #5a7aff; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block.directorist_link-block-primary-outline { - background-color: transparent; - color: #3e62f5; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block - .directorist_link-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block - .directorist_link-icon - i { - font-size: 16px; - font-weight: 900; - color: #fff; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_link-block - .directorist_link-text { - display: block; - font-size: 14px; - line-height: 16.24px; - font-weight: 500; + .directorist_builder__content .directorist_builder__content__left .directorist_link-block { + min-width: 100%; + margin: 0; + } +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_new-directory { + -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary { + background-color: #3e62f5; + color: #ffffff; + -webkit-transition: background-color 0.3s ease; + transition: background-color 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary:hover { + background-color: #5a7aff; + border-color: #5a7aff; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary-outline { + background-color: transparent; + color: #3e62f5; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-icon { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-icon i { + font-size: 16px; + font-weight: 900; + color: #fff; +} +.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-text { + display: block; + font-size: 14px; + line-height: 16.24px; + font-weight: 500; } @media only screen and (max-width: 1199px) { - .directorist_builder__content - .directorist_builder__content__left - .directorist_link-block - .directorist_link-text { - font-size: 15px; - } -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_btn-migrate { - margin-top: 20px; -} -.directorist_builder__content - .directorist_builder__content__left - .directorist_btn-import - .directorist_link-icon { - border: 0 none; + .directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-text { + font-size: 15px; + } +} +.directorist_builder__content .directorist_builder__content__left .directorist_btn-migrate { + margin-top: 20px; +} +.directorist_builder__content .directorist_builder__content__left .directorist_btn-import .directorist_link-icon { + border: 0 none; } .directorist_builder__content .directorist_builder__content__right { - width: 100%; + width: 100%; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right { - background: #e3e6ef; - border-radius: 8px; - padding: 10px 10px; - width: calc(100% - 20px); - } -} -.directorist_builder__content - .directorist_builder__content__right - .directorist-total-types { - margin-bottom: 15px; - text-decoration: none; - font-size: 12px; - font-weight: 500; - color: #747c89; - line-height: 14px; - letter-spacing: 0.24px; - text-transform: uppercase; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table { - width: 100%; - text-align: right; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - white-space: nowrap; + .directorist_builder__content .directorist_builder__content__right { + background: #e3e6ef; + border-radius: 8px; + padding: 10px 10px; + width: calc(100% - 20px); + } +} +.directorist_builder__content .directorist_builder__content__right .directorist-total-types { + margin-bottom: 15px; + text-decoration: none; + font-size: 12px; + font-weight: 500; + color: #747c89; + line-height: 14px; + letter-spacing: 0.24px; + text-transform: uppercase; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 5px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table { + width: 100%; + text-align: right; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + white-space: nowrap; } @media only screen and (max-width: 1199px) { - .directorist_builder__content - .directorist_builder__content__right - .directorist_table { - overflow-x: auto; - display: inline-grid; - border-radius: 8px; - overflow-y: hidden; - padding-bottom: 83px; - } -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-header { - background: #f9fafb; - border: 1px solid #e5e7eb; - border-radius: 8px; - margin-bottom: 8px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-header - .directorist_table-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.72px; - text-transform: uppercase; - color: #747c89; - max-height: 44px; - min-height: 44px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-header - .directorist_table-row - > div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0 20px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-header - .directorist_table-row - .directorist_listing-c-action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - opacity: 0; - visibility: hidden; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row { - background: white; - border-radius: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 72px; - max-height: 72px; - font-size: 13px; - font-weight: 500; - line-height: 14px; - color: #4d5761; - text-transform: capitalize; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-right: 4px solid white; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row:hover { - border-color: #3e62f5; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row:hover - .directorist-type-actions - .directorist_listing-actions - > a { - background-color: #3e62f5; - color: white; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row:hover - .directorist-type-actions - .directorist_listing-actions - > a - svg { - color: inherit; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row:hover - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle - svg { - color: #747c89; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_table-row - > div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 20px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_title { - color: #2c3239; - font-size: 15px; - font-weight: 500; - line-height: 16px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_title - a { - color: inherit; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_title - a:hover { - color: #3e62f5; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_title - .directorist_badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 6px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 4px; - background: #d8e0fd; - color: #061e7e; - font-size: 10px; - font-weight: 600; - line-height: 14px; - letter-spacing: 0.4px; - text-transform: uppercase; - height: 18px; - margin: 0; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist_title - .directorist_listing-id { - color: #747c89; - font-size: 12px; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - margin-top: 8px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-count { - color: #2e94fa; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - > a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 6px; - border-radius: 8px; - background: #e5e7eb; - color: #2c3239; - font-size: 13px; - font-weight: 500; - line-height: 14px; - height: 32px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - > a - svg { - width: 14px; - height: 14px; - color: #747c89; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle { - width: 32px; - height: 32px; - border-radius: 8px !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle - svg { - color: #d2d6db; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle:hover, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle.active { - background-color: #e5e7eb !important; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle:hover - svg, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-toggle.active - svg { - color: #2c3239 !important; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option { - left: 0; - top: 35px; - border-radius: 8px; - border: 1px solid #f3f4f6; - -webkit-box-shadow: - 0px 12px 16px -4px rgba(16, 24, 40, 0.08), - 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: - 0px 12px 16px -4px rgba(16, 24, 40, 0.08), - 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - min-width: 208px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul { - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 9px 12px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - > li:first-child:hover, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - > li - > a:hover { - background-color: rgba(62, 98, 245, 0.05) !important; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li { - margin-bottom: 0 !important; - width: 100%; - overflow: hidden; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > a, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > div { - margin-bottom: 0 !important; - width: 100%; - margin: 0 !important; - padding: 0 8px !important; - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 16.24px !important; - gap: 12px; - color: #4d5761 !important; - height: 42px; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + .directorist_builder__content .directorist_builder__content__right .directorist_table { + overflow-x: auto; + display: inline-grid; + border-radius: 8px; + overflow-y: hidden; + padding-bottom: 83px; + } +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header { + background: #f9fafb; + border: 1px solid #e5e7eb; + border-radius: 8px; + margin-bottom: 8px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.72px; + text-transform: uppercase; + color: #747c89; + max-height: 44px; + min-height: 44px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row > div { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 0 20px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row .directorist_listing-c-action { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + opacity: 0; + visibility: hidden; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 8px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row { + background: white; + border-radius: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + min-height: 72px; + max-height: 72px; + font-size: 13px; + font-weight: 500; + line-height: 14px; + color: #4d5761; + text-transform: capitalize; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-right: 4px solid white; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover { + border-color: #3e62f5; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions > a { + background-color: #3e62f5; + color: white; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions > a svg { + color: inherit; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg { + color: #747c89; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row > div { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 10px 20px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title { + color: #2c3239; + font-size: 15px; + font-weight: 500; + line-height: 16px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a { + color: inherit; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a:hover { + color: #3e62f5; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_badge { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 0 6px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #d8e0fd; + color: #061e7e; + font-size: 10px; + font-weight: 600; + line-height: 14px; + letter-spacing: 0.4px; + text-transform: uppercase; + height: 18px; + margin: 0; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_listing-id { + color: #747c89; + font-size: 12px; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + margin-top: 8px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-count { + color: #2e94fa; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 10px; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 12px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 0 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + gap: 6px; + border-radius: 8px; + background: #e5e7eb; + color: #2c3239; + font-size: 13px; + font-weight: 500; + line-height: 14px; + height: 32px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a svg { + width: 14px; + height: 14px; + color: #747c89; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle { + width: 32px; + height: 32px; + border-radius: 8px !important; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg { + color: #d2d6db; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover, .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active { + background-color: #e5e7eb !important; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover svg, .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active svg { + color: #2c3239 !important; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option { + left: 0; + top: 35px; + border-radius: 8px; + border: 1px solid #f3f4f6; + -webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + min-width: 208px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul { + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 9px 12px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li:first-child:hover, +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li > a:hover { + background-color: rgba(62, 98, 245, 0.05) !important; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li { + margin-bottom: 0 !important; + width: 100%; + overflow: hidden; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a, +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div { + margin-bottom: 0 !important; + width: 100%; + margin: 0 !important; + padding: 0 8px !important; + display: -webkit-box !important; + display: -webkit-flex !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 16.24px !important; + gap: 12px; + color: #4d5761 !important; + height: 42px; + border-radius: 4px; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; } @media only screen and (max-width: 1199px) { - .directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > a, - .directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > div { - height: 32px; - } -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > a.atbdp-directory-delete-link-action, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > div.atbdp-directory-delete-link-action { - color: #d94a4a !important; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > a.atbdp-directory-delete-link-action - svg, -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - > div.atbdp-directory-delete-link-action - svg { - color: inherit; - width: 18px; - height: 18px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - .directorist_custom-checkbox - input[type="checkbox"] - + label { - padding-right: 29px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - .directorist_custom-checkbox - input[type="checkbox"] - + label:after { - border-radius: 5px; - border-color: #d1d1d7; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: 2px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - .directorist_custom-checkbox - input[type="checkbox"] - + label:before { - font-size: 8px; - right: 5px; - top: 7px; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .directorist_listing-actions - .directorist_more-dropdown - .directorist_more-dropdown-option - ul - li - .directorist_custom-checkbox - input[type="checkbox"]:checked - + label:after { - border-color: #3e62f5; - background-color: #3e62f5; -} -.directorist_builder__content - .directorist_builder__content__right - .directorist_table - .directorist_table-body - .directorist-type-actions - .atbd-listing-type-active-status { - margin-right: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a, + .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div { + height: 32px; + } +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action, +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action { + color: #d94a4a !important; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action svg, +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action svg { + color: inherit; + width: 18px; + height: 18px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label { + padding-right: 29px; +} +.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label:after { + border-radius: 5px; + border-color: #d1d1d7; + -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; } /* 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: ""; - border: 5px solid transparent; - z-index: 100; + content: ""; + border: 5px solid transparent; + z-index: 100; } .directorist-row-tooltip[data-tooltip]:after { - content: attr(data-tooltip); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - border-radius: 6px; - background: #141921; - color: #ffffff; - z-index: 99; - padding: 10px 12px; - height: 34px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: normal; -} -.directorist-row-tooltip[data-tooltip]:hover:before, -.directorist-row-tooltip[data-tooltip]:hover:after { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - opacity: 1; -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, -.directorist-row-tooltip[data-tooltip][data-flow="top"]::before { - bottom: 100%; - border-bottom-width: 0; - border-top-color: #141921; -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, -.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { - bottom: calc(100% + 5px); -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, -.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, -.directorist-row-tooltip[data-tooltip][data-flow="top"]::before, -.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { - right: 50%; - -webkit-transform: translate(50%, -4px); - transform: translate(50%, -4px); -} -.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { - top: 100%; - border-top-width: 0; - border-bottom-color: #141921; -} -.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { - top: calc(100% + 5px); -} -.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before, -.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { - right: 50%; - -webkit-transform: translate(50%, 6px); - transform: translate(50%, 6px); -} -.directorist-row-tooltip[data-tooltip][data-flow="left"]::before { - top: 50%; - border-left-width: 0; - border-right-color: #141921; - right: calc(0em - 5px); - -webkit-transform: translate(6px, -50%); - transform: translate(6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow="left"]::after { - top: 50%; - left: calc(100% + 5px); - -webkit-transform: translate(6px, -50%); - transform: translate(6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow="right"]::before { - top: 50%; - border-right-width: 0; - border-left-color: #141921; - left: calc(0em - 5px); - -webkit-transform: translate(-6px, -50%); - transform: translate(-6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow="right"]::after { - top: 50%; - right: calc(100% + 5px); - -webkit-transform: translate(-6px, -50%); - transform: translate(-6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, -.directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { - display: none !important; + content: attr(data-tooltip); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 6px; + background: #141921; + color: #ffffff; + z-index: 99; + padding: 10px 12px; + height: 34px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: normal; +} +.directorist-row-tooltip[data-tooltip]:hover:before, .directorist-row-tooltip[data-tooltip]:hover:after { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + opacity: 1; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::before { + bottom: 100%; + border-bottom-width: 0; + border-top-color: #141921; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::after { + bottom: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::after { + right: 50%; + -webkit-transform: translate(50%, -4px); + transform: translate(50%, -4px); +} +.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { + top: 100%; + border-top-width: 0; + border-bottom-color: #141921; +} +.directorist-row-tooltip[data-tooltip][data-flow=bottom]::after { + top: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before, .directorist-row-tooltip[data-tooltip][data-flow=bottom]::after { + right: 50%; + -webkit-transform: translate(50%, 6px); + transform: translate(50%, 6px); +} +.directorist-row-tooltip[data-tooltip][data-flow=left]::before { + top: 50%; + border-left-width: 0; + border-right-color: #141921; + right: calc(0em - 5px); + -webkit-transform: translate(6px, -50%); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow=left]::after { + top: 50%; + left: calc(100% + 5px); + -webkit-transform: translate(6px, -50%); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow=right]::before { + top: 50%; + border-right-width: 0; + border-left-color: #141921; + left: calc(0em - 5px); + -webkit-transform: translate(-6px, -50%); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow=right]::after { + top: 50%; + right: calc(100% + 5px); + -webkit-transform: translate(-6px, -50%); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, .directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { + display: none !important; } .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_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_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; } .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 !important; -} -.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: 100px; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.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: 500; - color: var(--directorist-color-primary); - background-color: transparent; -} -.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 !important; +} +.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: 100px; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.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: 500; + color: var(--directorist-color-primary); + background-color: transparent; +} +.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); + .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); } .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-form-builder-header-action-link:visited, -.cptm-link-light:visited, -.cptm-header-nav__list-item-link:visited, -.cptm-btn:visited, -.reset-pseudo-link:active, -.atbdp-nav-link:active, -.cptm-modal-action-link:active, -.cptm-header-action-link:active, -.cptm-sub-nav__item-link:active, -.cptm-form-builder-header-action-link:active, -.cptm-link-light:active, -.cptm-header-nav__list-item-link:active, -.cptm-btn:active, -.reset-pseudo-link:focus, -.atbdp-nav-link:focus, -.cptm-modal-action-link:focus, -.cptm-header-action-link:focus, -.cptm-sub-nav__item-link:focus, -.cptm-form-builder-header-action-link:focus, -.cptm-link-light:focus, -.cptm-header-nav__list-item-link:focus, -.cptm-btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + display: table; + width: 100%; +} + +.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-form-builder-header-action-link:visited, .cptm-link-light:visited, .cptm-header-nav__list-item-link:visited, .cptm-btn:visited, .reset-pseudo-link:active, .atbdp-nav-link:active, .cptm-modal-action-link:active, .cptm-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-form-builder-header-action-link:active, .cptm-link-light:active, .cptm-header-nav__list-item-link:active, .cptm-btn:active, .reset-pseudo-link:focus, .atbdp-nav-link:focus, .cptm-modal-action-link:focus, .cptm-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-form-builder-header-action-link:focus, .cptm-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus { + outline: none; + -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 ; } /*! @@ -9197,899 +8053,617 @@ 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; - /* Legacy 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-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: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; - /* social info */ + 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 - .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; } /* ========================== @@ -10097,11 +8671,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, @@ -10110,1141 +8684,1006 @@ 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; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-right: 15px; - padding-left: 15px; - max-width: 290px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding-right: 15px; + padding-left: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + -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: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 9px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 145px; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section - .ezmu__media-picker-icon-wrap-upload { - display: -webkit-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: 145px; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { + display: -webkit-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: 11px; - height: 20px; + width: 11px; + height: 20px; } /* 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, @@ -11252,838 +9691,797 @@ 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-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; } .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 */ @@ -12097,48 +10495,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 */ @@ -12149,231 +10547,229 @@ 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 */ @@ -12382,26564 +10778,25097 @@ 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-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-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__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; - } - .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: 0; - 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-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-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 - .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; - } - .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-is-focused:not( - .input-has-noLabel - ).directorist-icon-right - .directorist-input-icon, - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.input-is-focused:not(.input-has-noLabel) - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - left: -20px; - } - .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-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 { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { + width: 100%; + margin: 0 20px; + } + .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: 0; + 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-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-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 .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; + } + .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-is-focused:not(.input-has-noLabel).directorist-icon-right .directorist-input-icon, + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + left: -20px; + } + .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-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 { - 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 { + 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-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; - font-weight: 500; - margin-bottom: 15px; +.directorist-search-modal--basic .directorist-search-field-radius_search > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + font-weight: 500; + margin-bottom: 15px; } .directorist-search-modal--basic .directorist-search-field-text_range > label { - display: none; + display: none; } -.directorist-search-modal--advanced - .directorist-search-modal__contents__body - .directorist-search-field__btn { - bottom: 12px; +.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; - top: 100%; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-radio-wrapper, -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .select2-container--default - .select2-selection--single - .select2-selection__rendered - .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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-form-builder-header-action-link:visited, -.cptm-link-light:visited, -.cptm-header-nav__list-item-link:visited, -.cptm-btn:visited, -.reset-pseudo-link:active, -.atbdp-nav-link:active, -.cptm-modal-action-link:active, -.cptm-header-action-link:active, -.cptm-sub-nav__item-link:active, -.cptm-form-builder-header-action-link:active, -.cptm-link-light:active, -.cptm-header-nav__list-item-link:active, -.cptm-btn:active, -.reset-pseudo-link:focus, -.atbdp-nav-link:focus, -.cptm-modal-action-link:focus, -.cptm-header-action-link:focus, -.cptm-sub-nav__item-link:focus, -.cptm-form-builder-header-action-link:focus, -.cptm-link-light:focus, -.cptm-header-nav__list-item-link:focus, -.cptm-btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + width: 13px; + height: 13px; +} + +.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-form-builder-header-action-link:visited, .cptm-link-light:visited, .cptm-header-nav__list-item-link:visited, .cptm-btn:visited, .reset-pseudo-link:active, .atbdp-nav-link:active, .cptm-modal-action-link:active, .cptm-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-form-builder-header-action-link:active, .cptm-link-light:active, .cptm-header-nav__list-item-link:active, .cptm-btn:active, .reset-pseudo-link:focus, .atbdp-nav-link:focus, .cptm-modal-action-link:focus, .cptm-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-form-builder-header-action-link:focus, .cptm-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus { + outline: none; + -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 { - -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-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: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-left: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(50%); - transform: translate(50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, -.directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + -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); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - left: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: -webkit-box; + display: -webkit-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: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - left: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + left: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @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-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - left: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + left: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + -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 { - width: calc(100% - 82px); - top: 107px; - left: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + left: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-left: 50px; + margin-left: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-right: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-right: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .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; } .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; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, -.directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -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-weight: 500; - 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-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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: 16px 20px; - border-radius: 8px; - margin: 8px 30px 0 40px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 30px 0 40px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - right: calc(50% + 150px); - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + right: calc(50% + 150px); + -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; - border-bottom: 2px solid transparent; - color: #4d5761; - 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; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + -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 { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-left: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-left: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - left: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-left: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-left: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-left: auto; - margin-right: auto; + max-width: 550px; + width: 100%; + margin-left: auto; + margin-right: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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; - margin-bottom: 50px; - z-index: 10; + position: relative; + margin-bottom: 50px; + z-index: 10; } -.cptm-section.submission_form_fields - .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - left: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + left: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - right: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + right: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - left: 27px; - } + .cptm-section.preview_mode { + left: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - left: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + left: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - left: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + left: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link - .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -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: 14px; - font-weight: 500; - color: #141921; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + -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 .directorist-draggable-list-item-wrapper { - height: auto; + height: auto; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields - .cptm-description-text - + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: right; + text-align: right; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: right; - } + .cptm-form-builder-active-fields-footer { + text-align: right; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-right: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-right: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 30px 24px 50px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 30px 24px 50px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -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; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, -.cptm-form-builder-group-title-area:focus, -.cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 15px 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable="true"].cptm-form-builder-group-title-area { - cursor: move; +div[draggable=true].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -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-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-left: 15px; + margin-left: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-right: 10px; + position: relative; + top: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 32px; + margin-right: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - left: 0; - top: 8px; + position: absolute; + left: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, -.cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + -webkit-transition: background ease 0.3s; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - left: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; - transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link - span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + left: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { + display: -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 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 30px 0 42px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 30px 0 42px; + padding: 20px; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -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: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 16px 3px 4px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 16px 3px 4px; + border: 1px solid #d2d6db; + border-radius: 8px; + -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; - padding-left: 40px; - padding-right: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-left: 40px; + padding-right: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - right: 0; + position: absolute; + right: 0; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header - .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - left: -15px; - -webkit-transform: translate(-34px, 7px); - transform: translate(-34px, 7px); + display: block; + position: absolute; + left: -15px; + -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-group-field-item-header-actions { - margin-right: 10px; + margin-right: 10px; } -.cptm-form-builder-group-field-item-header-actions - .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-right: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-right: 5px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + -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; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 8; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + z-index: 8; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg - path { - fill: #747c89; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-info - .cptm-title-info-icon { - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { + font-size: 16px; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: right; - margin-left: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: right; + margin-left: 17px; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body - .cptm-field-wraper-type-toggle - .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body - .directorist-type-icon-select - + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -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% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .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-icon { - display: inline-block; - margin-left: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-left: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon - .cptm-form-builder-field-list-icon-svg - svg - path { - fill: #747c89; +.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 20px; + -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 { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: -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-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, -.cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: right; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: right; + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, -1, 0, -45deg); - transform: rotate3d(0, -1, 0, -45deg); + -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: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 25px 0 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 25px 0 15px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: right; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: right; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 10px 0 0; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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: 18px 20px 20px; - border-radius: 5px; - border-top-left-radius: 0; - border-top-right-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-left-radius: 0; + border-top-right-radius: 0; + -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - right: 50%; - z-index: 99; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); + position: absolute; + bottom: 0; + right: 50%; + z-index: 99; + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - right: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(50%, -100%); - transform: translate(50%, -100%); - pointer-events: none; + position: absolute; + right: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(50%, -100%); + transform: translate(50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -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-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 { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; } .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-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; -} -.cptm-placeholder-blcok:hover, -.cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; +} +.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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-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; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-listing-card-content { - -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 { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: -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-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - right: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + right: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-top-right { - position: absolute; - left: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + left: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: left; + text-align: left; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - right: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + right: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - left: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + left: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - right: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); + z-index: 99; + position: absolute; + right: 50%; + top: 0; + width: calc(100% - 40px); + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar - .cptm-widget-insert-area - .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: right; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: right; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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 { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + right: 50%; + -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-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - right: 0; - left: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: -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-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, -.cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-left: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-left: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; } -.cptm-listing-card-preview-footer-left-placeholder:hover, -.cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; -} -.cptm-listing-card-preview-footer-right-placeholder:hover, -.cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; +} +.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, -.cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: -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: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .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-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 { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; - background: -webkit-gradient( - linear, - right top, - right bottom, - from(rgba(0, 0, 0, 0.6)), - color-stop(35.42%, rgba(0, 0, 0, 0)) - ); - background: linear-gradient( - -180deg, - rgba(0, 0, 0, 0.6) 0%, - rgba(0, 0, 0, 0) 35.42% - ); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail - .action-trash - ~ .cptm-upload-btn { - left: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - left: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; + background: -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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-input-toggle-wrap label { - padding-left: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-left: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - right: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + right: 0; + margin: 5px; + -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% - 10px))); - transform: translateX(calc(-1 * (-100% - 10px))); + right: 100%; + -webkit-transform: translateX(calc(-1*(-100% - 10px))); + transform: translateX(calc(-1*(-100% - 10px))); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -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; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - left: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: -webkit-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; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - left: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + left: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type="date"].cptm-form-control, -input[type="datetime-local"].cptm-form-control, -input[type="datetime"].cptm-form-control, -input[type="email"].cptm-form-control, -input[type="month"].cptm-form-control, -input[type="number"].cptm-form-control, -input[type="password"].cptm-form-control, -input[type="search"].cptm-form-control, -input[type="tel"].cptm-form-control, -input[type="text"].cptm-form-control, -input[type="time"].cptm-form-control, -input[type="url"].cptm-form-control, -input[type="week"].cptm-form-control input[type="text"].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: right; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, -.cptm-form-control:focus, +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control input[type=text].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: right; + border-radius: 4px; + -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: 14px; - color: #4d5761; - background: #ffffff; - text-align: right; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control, +input[type=text].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: right; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -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: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: -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 { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box - .cptm-widget-preview-area - .cptm-widget-badge { - margin: 0; - padding: 6px 20px 7px 19px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { + margin: 0; + padding: 6px 20px 7px 19px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .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: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card - .slider-placeholder - .cptm-widget-preview-area - .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card - .dndrop-container.vertical - > .dndrop-draggable-wrapper { - overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-right: 28px; - display: none; + display: block; + margin: 0; + margin-right: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -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 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; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .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; - } -} - -.reset-pseudo-link:visited, -.cptm-btn:visited, -.cptm-header-nav__list-item-link:visited, -.cptm-link-light:visited, -.cptm-form-builder-header-action-link:visited, -.cptm-sub-nav__item-link:visited, -.cptm-header-action-link:visited, -.cptm-modal-action-link:visited, -.atbdp-nav-link:visited, -.reset-pseudo-link:active, -.cptm-btn:active, -.cptm-header-nav__list-item-link:active, -.cptm-link-light:active, -.cptm-form-builder-header-action-link:active, -.cptm-sub-nav__item-link:active, -.cptm-header-action-link:active, -.cptm-modal-action-link:active, -.atbdp-nav-link:active, -.reset-pseudo-link:focus, -.cptm-btn:focus, -.cptm-header-nav__list-item-link:focus, -.cptm-link-light:focus, -.cptm-form-builder-header-action-link:focus, -.cptm-sub-nav__item-link:focus, -.cptm-header-action-link:focus, -.cptm-modal-action-link:focus, -.atbdp-nav-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } +} + +.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-form-builder-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-header-action-link:visited, .cptm-modal-action-link:visited, .atbdp-nav-link:visited, .reset-pseudo-link:active, .cptm-btn:active, .cptm-header-nav__list-item-link:active, .cptm-link-light:active, .cptm-form-builder-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-header-action-link:active, .cptm-modal-action-link:active, .atbdp-nav-link:active, .reset-pseudo-link:focus, .cptm-btn:focus, .cptm-header-nav__list-item-link:focus, .cptm-link-light:focus, .cptm-form-builder-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus { + outline: none; + -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 { - -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-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: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-left: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(50%); - transform: translate(50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, -.directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + -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); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - left: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: -webkit-box; + display: -webkit-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: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - left: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + left: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @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-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - left: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + left: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + -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 { - width: calc(100% - 82px); - top: 107px; - left: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + left: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-left: 50px; + margin-left: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-right: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-right: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .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; } .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; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, -.directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -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-weight: 500; - 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-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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: 16px 20px; - border-radius: 8px; - margin: 8px 30px 0 40px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 30px 0 40px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - right: calc(50% + 150px); - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + right: calc(50% + 150px); + -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; - border-bottom: 2px solid transparent; - color: #4d5761; - 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; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + -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 { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-left: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-left: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - left: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-left: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-left: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-left: auto; - margin-right: auto; + max-width: 550px; + width: 100%; + margin-left: auto; + margin-right: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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; - margin-bottom: 50px; - z-index: 10; + position: relative; + margin-bottom: 50px; + z-index: 10; } -.cptm-section.submission_form_fields - .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - left: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + left: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - right: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + right: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - left: 27px; - } + .cptm-section.preview_mode { + left: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - left: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + left: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - left: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + left: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link - .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -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: 14px; - font-weight: 500; - color: #141921; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + -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 .directorist-draggable-list-item-wrapper { - height: auto; + height: auto; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields - .cptm-description-text - + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: right; + text-align: right; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: right; - } + .cptm-form-builder-active-fields-footer { + text-align: right; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-right: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-right: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 30px 24px 50px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 30px 24px 50px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -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; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, -.cptm-form-builder-group-title-area:focus, -.cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 15px 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable="true"].cptm-form-builder-group-title-area { - cursor: move; +div[draggable=true].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -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-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-left: 15px; + margin-left: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-right: 10px; + position: relative; + top: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 32px; + margin-right: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - left: 0; - top: 8px; + position: absolute; + left: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, -.cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + -webkit-transition: background ease 0.3s; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - left: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; - transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link - span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + left: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { + display: -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 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 30px 0 42px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 30px 0 42px; + padding: 20px; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -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: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 16px 3px 4px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 16px 3px 4px; + border: 1px solid #d2d6db; + border-radius: 8px; + -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; - padding-left: 40px; - padding-right: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-left: 40px; + padding-right: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - right: 0; + position: absolute; + right: 0; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header - .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - left: -15px; - -webkit-transform: translate(-34px, 7px); - transform: translate(-34px, 7px); + display: block; + position: absolute; + left: -15px; + -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-group-field-item-header-actions { - margin-right: 10px; + margin-right: 10px; } -.cptm-form-builder-group-field-item-header-actions - .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-right: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-right: 5px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + -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; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 8; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + z-index: 8; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg - path { - fill: #747c89; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-info - .cptm-title-info-icon { - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { + font-size: 16px; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: right; - margin-left: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: right; + margin-left: 17px; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body - .cptm-field-wraper-type-toggle - .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body - .directorist-type-icon-select - + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -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% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .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-icon { - display: inline-block; - margin-left: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-left: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon - .cptm-form-builder-field-list-icon-svg - svg - path { - fill: #747c89; +.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 20px; + -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 { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: -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-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, -.cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: right; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: right; + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, -1, 0, -45deg); - transform: rotate3d(0, -1, 0, -45deg); + -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: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 25px 0 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 25px 0 15px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: right; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: right; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 10px 0 0; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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: 18px 20px 20px; - border-radius: 5px; - border-top-left-radius: 0; - border-top-right-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-left-radius: 0; + border-top-right-radius: 0; + -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - right: 50%; - z-index: 99; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); + position: absolute; + bottom: 0; + right: 50%; + z-index: 99; + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - right: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(50%, -100%); - transform: translate(50%, -100%); - pointer-events: none; + position: absolute; + right: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(50%, -100%); + transform: translate(50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -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-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 { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; } .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-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; -} -.cptm-placeholder-blcok:hover, -.cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; +} +.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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-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; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-listing-card-content { - -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 { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: -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-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - right: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + right: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-top-right { - position: absolute; - left: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + left: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: left; + text-align: left; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - right: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + right: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - left: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + left: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - right: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); + z-index: 99; + position: absolute; + right: 50%; + top: 0; + width: calc(100% - 40px); + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar - .cptm-widget-insert-area - .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: right; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: right; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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 { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + right: 50%; + -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-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - right: 0; - left: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: -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-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, -.cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-left: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-left: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; } -.cptm-listing-card-preview-footer-left-placeholder:hover, -.cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; -} -.cptm-listing-card-preview-footer-right-placeholder:hover, -.cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; +} +.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, -.cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: -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: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .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-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 { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; - background: -webkit-gradient( - linear, - right top, - right bottom, - from(rgba(0, 0, 0, 0.6)), - color-stop(35.42%, rgba(0, 0, 0, 0)) - ); - background: linear-gradient( - -180deg, - rgba(0, 0, 0, 0.6) 0%, - rgba(0, 0, 0, 0) 35.42% - ); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail - .action-trash - ~ .cptm-upload-btn { - left: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - left: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; + background: -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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-input-toggle-wrap label { - padding-left: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-left: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - right: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + right: 0; + margin: 5px; + -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% - 10px))); - transform: translateX(calc(-1 * (-100% - 10px))); + right: 100%; + -webkit-transform: translateX(calc(-1*(-100% - 10px))); + transform: translateX(calc(-1*(-100% - 10px))); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -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; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - left: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: -webkit-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; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - left: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + left: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type="date"].cptm-form-control, -input[type="datetime-local"].cptm-form-control, -input[type="datetime"].cptm-form-control, -input[type="email"].cptm-form-control, -input[type="month"].cptm-form-control, -input[type="number"].cptm-form-control, -input[type="password"].cptm-form-control, -input[type="search"].cptm-form-control, -input[type="tel"].cptm-form-control, -input[type="text"].cptm-form-control, -input[type="time"].cptm-form-control, -input[type="url"].cptm-form-control, -input[type="week"].cptm-form-control input[type="text"].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: right; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, -.cptm-form-control:focus, +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control input[type=text].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: right; + border-radius: 4px; + -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: 14px; - color: #4d5761; - background: #ffffff; - text-align: right; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control, +input[type=text].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: right; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -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: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: -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 { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box - .cptm-widget-preview-area - .cptm-widget-badge { - margin: 0; - padding: 6px 20px 7px 19px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { + margin: 0; + padding: 6px 20px 7px 19px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .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: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card - .slider-placeholder - .cptm-widget-preview-area - .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card - .dndrop-container.vertical - > .dndrop-draggable-wrapper { - overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-right: 28px; - display: none; + display: block; + margin: 0; + margin-right: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -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 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; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .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; + } } .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-form-builder-header-action-link:visited, -.cptm-sub-nav__item-link:visited, -.cptm-header-action-link:visited, -.cptm-modal-action-link:visited, -.atbdp-nav-link:visited, -.reset-pseudo-link:active, -.cptm-btn:active, -.cptm-header-nav__list-item-link:active, -.cptm-link-light:active, -.cptm-form-builder-header-action-link:active, -.cptm-sub-nav__item-link:active, -.cptm-header-action-link:active, -.cptm-modal-action-link:active, -.atbdp-nav-link:active, -.reset-pseudo-link:focus, -.cptm-btn:focus, -.cptm-header-nav__list-item-link:focus, -.cptm-link-light:focus, -.cptm-form-builder-header-action-link:focus, -.cptm-sub-nav__item-link:focus, -.cptm-header-action-link:focus, -.cptm-modal-action-link:focus, -.atbdp-nav-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + .icon-picker__inner { + display: block; + width: calc(100% - 30px); + overflow: scroll; + } + .icon-picker__sidebar, + .icon-picker__content { + width: auto; + } + .icon-picker__content .icons-group-icons .font-icon-btn { + width: 55px; + height: 55px; + font-size: 16px; + } +} +.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-form-builder-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-header-action-link:visited, .cptm-modal-action-link:visited, .atbdp-nav-link:visited, .reset-pseudo-link:active, .cptm-btn:active, .cptm-header-nav__list-item-link:active, .cptm-link-light:active, .cptm-form-builder-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-header-action-link:active, .cptm-modal-action-link:active, .atbdp-nav-link:active, .reset-pseudo-link:focus, .cptm-btn:focus, .cptm-header-nav__list-item-link:focus, .cptm-link-light:focus, .cptm-form-builder-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus { + outline: none; + -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 { - -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-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: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-left: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(50%); - transform: translate(50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, -.directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + -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); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - left: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: -webkit-box; + display: -webkit-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: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - left: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + left: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 20px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @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-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - left: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + left: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + -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 { - width: calc(100% - 82px); - top: 107px; - left: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + left: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-left: 50px; + margin-left: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 10px 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-right: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-right: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding: 8px 12px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .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; } .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; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, -.directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: -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-weight: 500; - 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-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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: 16px 20px; - border-radius: 8px; - margin: 8px 30px 0 40px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 30px 0 40px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - right: calc(50% + 150px); - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + right: calc(50% + 150px); + -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; - border-bottom: 2px solid transparent; - color: #4d5761; - 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; + gap: 8px; + text-decoration: none; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + -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 { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-left: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-left: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - left: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 30px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-left: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-left: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-left: auto; - margin-right: auto; + max-width: 550px; + width: 100%; + margin-left: auto; + margin-right: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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; - margin-bottom: 50px; - z-index: 10; + position: relative; + margin-bottom: 50px; + z-index: 10; } -.cptm-section.submission_form_fields - .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - left: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + left: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - right: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + right: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - left: 27px; - } + .cptm-section.preview_mode { + left: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - left: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + left: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - left: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + left: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link - .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + -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: 14px; - font-weight: 500; - color: #141921; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + -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 .directorist-draggable-list-item-wrapper { - height: auto; + height: auto; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields - .cptm-description-text - + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: right; + text-align: right; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: right; - } + .cptm-form-builder-active-fields-footer { + text-align: right; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-right: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-right: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 30px 24px 50px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 30px 24px 50px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -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; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, -.cptm-form-builder-group-title-area:focus, -.cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 15px 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable="true"].cptm-form-builder-group-title-area { - cursor: move; +div[draggable=true].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -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-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-left: 15px; + margin-left: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-right: 10px; + position: relative; + top: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 32px; + margin-right: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - left: 0; - top: 8px; + position: absolute; + left: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, -.cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + -webkit-transition: background ease 0.3s; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - left: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; - transition: - background ease 0.3s, - color ease 0.3s, - border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link - span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded - .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + left: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { + display: -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 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 30px 0 42px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 30px 0 42px; + padding: 20px; + border-radius: 0 0 8px 8px; + -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + -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: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 16px 3px 4px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 16px 3px 4px; + border: 1px solid #d2d6db; + border-radius: 8px; + -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; - padding-left: 40px; - padding-right: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-left: 40px; + padding-right: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - right: 0; + position: absolute; + right: 0; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-header - .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded - .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - left: -15px; - -webkit-transform: translate(-34px, 7px); - transform: translate(-34px, 7px); + display: block; + position: absolute; + left: -15px; + -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-group-field-item-header-actions { - margin-right: 10px; + margin-right: 10px; } -.cptm-form-builder-group-field-item-header-actions - .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-right: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-right: 5px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-transform: rotate(0); + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + -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; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 8; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; + z-index: 8; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-icon-svg - svg - path { - fill: #747c89; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 12px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header - .cptm-title-3 - .cptm-title-info - .cptm-title-info-icon { - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 8px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { + font-size: 16px; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: right; - margin-left: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: right; + margin-left: 17px; + -webkit-box-flex: unset; + -webkit-flex-grow: unset; + -ms-flex-positive: unset; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body - .cptm-field-wraper-type-toggle - .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body - .directorist-type-icon-select - + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + -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% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all ease 0.3s; + transition: all ease 0.3s; } .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-icon { - display: inline-block; - margin-left: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-left: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon - .cptm-form-builder-field-list-icon-svg - svg - path { - fill: #747c89; +.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 20px; + -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 { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: -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-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, -.cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: right; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: right; + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transition: all linear 300ms; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, -1, 0, -45deg); - transform: rotate3d(0, -1, 0, -45deg); + -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: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 25px 0 15px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 25px 0 15px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: right; - color: #fff; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin: 0; + text-align: right; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 10px 0 0; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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: 18px 20px 20px; - border-radius: 5px; - border-top-left-radius: 0; - border-top-right-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-left-radius: 0; + border-top-right-radius: 0; + -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - right: 50%; - z-index: 99; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); + position: absolute; + bottom: 0; + right: 50%; + z-index: 99; + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - right: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(50%, -100%); - transform: translate(50%, -100%); - pointer-events: none; + position: absolute; + right: 50%; + top: 0; + width: 330px; + -webkit-transform: translate(50%, -100%); + transform: translate(50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + -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-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 { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + position: relative; } .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-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; -} -.cptm-placeholder-blcok:hover, -.cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; +} +.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + right: 50%; + top: 50%; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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-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; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view - .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .cptm-listing-card-content { - -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 { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: -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-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - right: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + right: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-top-right { - position: absolute; - left: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + left: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: left; + text-align: left; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - right: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + right: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - left: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + left: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - right: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); + z-index: 99; + position: absolute; + right: 50%; + top: 0; + width: calc(100% - 40px); + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar - .cptm-widget-insert-area - .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: right; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: right; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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 { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + right: 50%; + -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-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + -webkit-transition: 0.3s ease; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - right: 0; - left: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: -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-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, -.cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-left: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-left: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; } -.cptm-listing-card-preview-footer-left-placeholder:hover, -.cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; -} -.cptm-listing-card-preview-footer-right-placeholder:hover, -.cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; +} +.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, -.cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: -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: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .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-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 { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; - background: -webkit-gradient( - linear, - right top, - right bottom, - from(rgba(0, 0, 0, 0.6)), - color-stop(35.42%, rgba(0, 0, 0, 0)) - ); - background: linear-gradient( - -180deg, - rgba(0, 0, 0, 0.6) 0%, - rgba(0, 0, 0, 0) 35.42% - ); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail - .action-trash - ~ .cptm-upload-btn { - left: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - left: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show - .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; + background: -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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; } .cptm-input-toggle-wrap label { - padding-left: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-left: 10px; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + -webkit-transition: all ease-in-out 300ms; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - right: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + right: 0; + margin: 5px; + -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% - 10px))); - transform: translateX(calc(-1 * (-100% - 10px))); + right: 100%; + -webkit-transform: translateX(calc(-1*(-100% - 10px))); + transform: translateX(calc(-1*(-100% - 10px))); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: -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; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - left: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: -webkit-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; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - left: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + left: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type="date"].cptm-form-control, -input[type="datetime-local"].cptm-form-control, -input[type="datetime"].cptm-form-control, -input[type="email"].cptm-form-control, -input[type="month"].cptm-form-control, -input[type="number"].cptm-form-control, -input[type="password"].cptm-form-control, -input[type="search"].cptm-form-control, -input[type="tel"].cptm-form-control, -input[type="text"].cptm-form-control, -input[type="time"].cptm-form-control, -input[type="url"].cptm-form-control, -input[type="week"].cptm-form-control input[type="text"].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: right; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, -.cptm-form-control:focus, +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control input[type=text].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: right; + border-radius: 4px; + -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: 14px; - color: #4d5761; - background: #ffffff; - text-align: right; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type=date].cptm-form-control, +input[type=datetime-local].cptm-form-control, +input[type=datetime].cptm-form-control, +input[type=email].cptm-form-control, +input[type=month].cptm-form-control, +input[type=number].cptm-form-control, +input[type=password].cptm-form-control, +input[type=search].cptm-form-control, +input[type=tel].cptm-form-control, +input[type=text].cptm-form-control, +input[type=time].cptm-form-control, +input[type=url].cptm-form-control, +input[type=week].cptm-form-control, +input[type=text].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: right; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + -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: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: -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 { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + -webkit-box-shadow: none; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top - .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 30px; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { + -webkit-box-flex: unset; + -webkit-flex: unset; + -ms-flex: unset; + flex: unset; +} +.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box - .cptm-widget-preview-area - .cptm-widget-badge { - margin: 0; - padding: 6px 20px 7px 19px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} +.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { + margin: 0; + padding: 6px 20px 7px 19px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .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: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card - .slider-placeholder - .cptm-widget-preview-area - .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card - .dndrop-container.vertical - > .dndrop-draggable-wrapper { - overflow: visible; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 20px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-right: 28px; - display: none; + display: block; + margin: 0; + margin-right: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: -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: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + -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 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; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: -webkit-sticky; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay - .cptm-widget-trash-confirmation-modal - p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .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; + } } .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 { - display: -webkit-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; + 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); + 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 { - display: none; +.directorist-setup-wizard__box__content__form.directorist-search-field .directorist-setup-wizard__box__content__input--clear { + display: none; } -.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused - .directorist-setup-wizard__box__content__input--clear { - display: block; +.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused .directorist-setup-wizard__box__content__input--clear { + display: block; } .directorist-setup-wizard__box__content__input { - width: 100%; - height: 44px; - border-radius: 8px; - padding: 0 40px; - padding-left: 60px; - outline: none; - background-color: #ebebeb; - border: 1px solid #ebebeb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + height: 44px; + border-radius: 8px; + padding: 0 40px; + padding-left: 60px; + outline: none; + background-color: #ebebeb; + border: 1px solid #ebebeb; + -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__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-create-directory__content__notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #484848; - -webkit-transition: color 0.3s eases; - transition: color 0.3s eases; + display: -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-create-directory__content__notice:hover { - color: #4353ff; + color: #4353ff; } .directorist-create-directory__generate { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -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__counter { - width: 100%; - text-align: right; + width: 100%; + text-align: right; } .directorist-create-directory__counter__title { - font-size: 20px; - font-weight: 600; - color: #141414; - margin: 0 0 10px; + font-size: 20px; + font-weight: 600; + color: #141414; + margin: 0 0 10px; } .directorist-create-directory__counter__desc { - display: none; - font-size: 14px; - color: #404040; - margin: 0 0 10px; + display: none; + font-size: 14px; + color: #404040; + margin: 0 0 10px; } .directorist-create-directory__counter .selected_count { - color: #4353ff; + color: #4353ff; } .directorist-create-directory__introduction { - max-width: 700px; - margin: 0 auto; - text-align: center; - padding: 50px 0 100px; + max-width: 700px; + margin: 0 auto; + text-align: center; + padding: 50px 0 100px; } .directorist-create-directory__info { - text-align: center; + text-align: center; } .directorist-create-directory__box { - width: 100%; - max-width: 720px; - margin: 0 auto; - padding: 30px 40px 40px; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 720px; + margin: 0 auto; + padding: 30px 40px 40px; + background-color: #ffffff; + border-radius: 8px; + -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-create-directory__box { - padding: 30px 25px; - } + .directorist-create-directory__box { + padding: 30px 25px; + } } @media (max-width: 375px) { - .directorist-create-directory__box { - padding: 30px 20px; - } + .directorist-create-directory__box { + padding: 30px 20px; + } } .directorist-create-directory__box__content__title { - font-size: 24px; - font-weight: 400; - margin: 0 0 5px; - color: #141414; + font-size: 24px; + font-weight: 400; + margin: 0 0 5px; + color: #141414; } .directorist-create-directory__box__content__title--section { - font-size: 15px; - font-weight: 400; - color: #141414; - margin: 0 0 10px; + font-size: 15px; + font-weight: 400; + color: #141414; + margin: 0 0 10px; } .directorist-create-directory__box__content__desc { - font-size: 15px; - font-weight: 400; - margin: 0 0 25px; - color: #484848; + font-size: 15px; + font-weight: 400; + margin: 0 0 25px; + color: #484848; } .directorist-create-directory__box__content__form { - position: relative; + position: relative; } .directorist-create-directory__box__content__form:before { - content: ""; - background-image: url(../js/../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-create-directory__box__content__form .address_result { - background-color: #ffffff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + background-color: #ffffff; + -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } -.directorist-create-directory__box__content__form.directorist-search-field - .directorist-create-directory__box__content__input--clear { - display: none; +.directorist-create-directory__box__content__form.directorist-search-field .directorist-create-directory__box__content__input--clear { + display: none; } -.directorist-create-directory__box__content__form.directorist-search-field.input-is-focused - .directorist-create-directory__box__content__input--clear { - display: block; +.directorist-create-directory__box__content__form.directorist-search-field.input-is-focused .directorist-create-directory__box__content__input--clear { + display: block; } .directorist-create-directory__box__content__input { - width: 100%; - height: 44px; - border-radius: 8px; - padding: 0 40px; - padding-left: 60px; - outline: none; - background-color: #ebebeb; - border: 1px solid #ebebeb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + height: 44px; + border-radius: 8px; + padding: 0 40px; + padding-left: 60px; + outline: none; + background-color: #ebebeb; + border: 1px solid #ebebeb; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-create-directory__box__content__input--clear { - position: absolute; - left: 40px; - top: 14px; + position: absolute; + left: 40px; + top: 14px; } -.directorist-create-directory__box__content__input--clear - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-create-directory__box__content__input--clear .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-create-directory__box__content__location-icon { - position: absolute; - left: 18px; - top: 14px; + position: absolute; + left: 18px; + top: 14px; } -.directorist-create-directory__box__content__location-icon - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-create-directory__box__content__location-icon .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-create-directory__map { - margin-top: 20px; + margin-top: 20px; } .directorist-create-directory__map #gmap { - height: 280px; - border-radius: 8px; + height: 280px; + border-radius: 8px; } .directorist-create-directory__map .leaflet-touch .leaflet-bar a { - background: #ffffff; + background: #ffffff; } .directorist-create-directory__notice { - position: absolute; - bottom: 10px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - font-size: 12px; - font-weight: 600; - font-style: italic; - color: #f80718; + position: absolute; + bottom: 10px; + right: 50%; + -webkit-transform: translateX(50%); + transform: translateX(50%); + font-size: 12px; + font-weight: 600; + font-style: italic; + color: #f80718; } .directorist-box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 28px; - width: 100%; + display: -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; + display: -webkit-box; + 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; + 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; } @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-create-directory__step - .directorist-create-directory__content.hidden { - display: none; +.directorist-create-directory__step .directorist-create-directory__content.hidden { + display: none; } .middle-content.middle-content-import { - background: white; - padding: 40px; - -webkit-box-shadow: - 0px 4px 6px -2px rgba(0, 0, 0, 0.05), - 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - box-shadow: - 0px 4px 6px -2px rgba(0, 0, 0, 0.05), - 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - width: 600px; - border-radius: 8px; + background: white; + padding: 40px; + -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; +} \ No newline at end of file diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 76bfa7f004..a6f74372dd 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -3,1129 +3,990 @@ \******************************************************************************************************************************************************************************************************************************************************************************************************/ /* 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: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -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; } .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-left: 40px; -} -.directorist-content-module__contents - .directorist-form-social-info-field - .directorist-btn - i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents - .directorist-form-social-info-field - .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents - .directorist-form-social-info-field - .directorist-btn:hover - i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents - .directorist-form-social-info-field - select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents - .directorist-checkbox - .directorist-checkbox__label { - margin-left: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, +.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { + display: none; +} +.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, +.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { + display: none; +} +.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { + display: -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%; + 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-right: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-right: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - right: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + right: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + -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; - left: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + left: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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; - left: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + left: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: -webkit-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 15px 0 0; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 15px 0 0; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); - mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + 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; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type="radio"] { - margin-right: 5px; +.gateway_list input[type=radio] { + margin-right: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -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 !important; -} -.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: 100px; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.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: 500; - color: var(--directorist-color-primary); - background-color: transparent; -} -.directorist-content-active - .select2-container--default.select2-container--open - .select2-results__option - .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active - .select2-container--default.select2-container--open - .select2-results__option - .directorist-select2-contents - .directorist-icon-mask { - margin-right: 12px; -} -.directorist-content-active - .select2-container--default.select2-container--open - .select2-results__option - .directorist-select2-contents - .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active .select2-container--default .select2-results__option { + display: -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 !important; +} +.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: 100px; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.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: 500; + color: var(--directorist-color-primary); + background-color: transparent; +} +.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); + .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); } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type="checkbox"] + .check--select + label, -.custom-checkbox input[type="radio"] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-left: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type="checkbox"] + .check--select + label:before, -.custom-checkbox input[type="radio"] + .radio--select + label:before { - position: absolute; - font-size: 10px; - left: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type="checkbox"] + .check--select + label:after, -.custom-checkbox input[type="radio"] + .radio--select + label:after { - position: absolute; - left: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type="radio"] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type="radio"] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type="radio"] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type="radio"] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, -.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, -.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type=checkbox] + .check--select + label, +.custom-checkbox input[type=radio] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -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%; + display: table; + width: 100%; } /* Directorist custom grid */ @@ -1136,2024 +997,2003 @@ body.logged-in.directorist-content-active .directorist-container-lg, .directorist-container-md, .directorist-container-sm { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; + -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-right: -15px; - margin-left: -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-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; + -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%; + -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 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; } .directorist-col-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; } .directorist-col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; } .directorist-col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; } .directorist-col-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; } .directorist-col-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; } .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; } .directorist-col-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; } .directorist-col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; } .directorist-col-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; } .directorist-col-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; } .directorist-offset-1 { - margin-left: 8.3333333333%; + margin-left: 8.3333333333%; } .directorist-offset-2 { - margin-left: 16.6666666667%; + margin-left: 16.6666666667%; } .directorist-offset-3 { - margin-left: 25%; + margin-left: 25%; } .directorist-offset-4 { - margin-left: 33.3333333333%; + margin-left: 33.3333333333%; } .directorist-offset-5 { - margin-left: 41.6666666667%; + margin-left: 41.6666666667%; } .directorist-offset-6 { - margin-left: 50%; + margin-left: 50%; } .directorist-offset-7 { - margin-left: 58.3333333333%; + margin-left: 58.3333333333%; } .directorist-offset-8 { - margin-left: 66.6666666667%; + margin-left: 66.6666666667%; } .directorist-offset-9 { - margin-left: 75%; + margin-left: 75%; } .directorist-offset-10 { - margin-left: 83.3333333333%; + margin-left: 83.3333333333%; } .directorist-offset-11 { - margin-left: 91.6666666667%; + margin-left: 91.6666666667%; } @media (min-width: 576px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-sm { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-sm-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-sm-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-sm-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-sm-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-sm-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-sm-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-sm-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-sm-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-sm-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-sm-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-sm-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-sm-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-sm-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-sm-0 { - margin-left: 0; - } - .directorist-offset-sm-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-sm-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-sm-3 { - margin-left: 25%; - } - .directorist-offset-sm-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-sm-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-sm-6 { - margin-left: 50%; - } - .directorist-offset-sm-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-sm-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-sm-9 { - margin-left: 75%; - } - .directorist-offset-sm-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-sm-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + 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%; - } + .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-lg { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-lg-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-lg-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-lg-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-lg-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-lg-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-lg-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-lg-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-lg-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-lg-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-lg-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-lg-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-lg-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-lg-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-lg-0 { - margin-left: 0; - } - .directorist-offset-lg-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-lg-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-lg-3 { - margin-left: 25%; - } - .directorist-offset-lg-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-lg-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-lg-6 { - margin-left: 50%; - } - .directorist-offset-lg-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-lg-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-lg-9 { - margin-left: 75%; - } - .directorist-offset-lg-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-lg-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .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-xl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; - } - .directorist-col-xl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xl-0 { - margin-left: 0; - } - .directorist-offset-xl-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-xl-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-xl-3 { - margin-left: 25%; - } - .directorist-offset-xl-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-xl-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-xl-6 { - margin-left: 50%; - } - .directorist-offset-xl-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-xl-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-xl-9 { - margin-left: 75%; - } - .directorist-offset-xl-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-xl-11 { - margin-left: 91.6666666667%; - } + .directorist-col-xl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .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%; - } + .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; + color: #444752; } .atbd_bg-primary { - background: #444752; + background: #444752; } .atbd_color-secondary { - color: #122069; + color: #122069; } .atbd_bg-secondary { - background: #122069; + background: #122069; } .atbd_color-success { - color: #00ac17; + color: #00AC17; } .atbd_bg-success { - background: #00ac17; + background: #00AC17; } .atbd_color-info { - color: #2c99ff; + color: #2C99FF; } .atbd_bg-info { - background: #2c99ff; + background: #2C99FF; } .atbd_color-warning { - color: #ef8000; + color: #EF8000; } .atbd_bg-warning { - background: #ef8000; + background: #EF8000; } .atbd_color-danger { - color: #ef0000; + color: #EF0000; } .atbd_bg-danger { - background: #ef0000; + background: #EF0000; } .atbd_color-light { - color: #9497a7; + color: #9497A7; } .atbd_bg-light { - background: #9497a7; + background: #9497A7; } .atbd_color-dark { - color: #202428; + color: #202428; } .atbd_bg-dark { - background: #202428; + background: #202428; } .atbd_color-badge-feature { - color: #fa8b0c; + color: #fa8b0c; } .atbd_bg-badge-feature { - background: #fa8b0c; + background: #fa8b0c; } .atbd_color-badge-popular { - color: #f51957; + color: #f51957; } .atbd_bg-badge-popular { - background: #f51957; + background: #f51957; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - left: 50%; - top: 50%; - margin-left: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + left: 50%; + top: 50%; + margin-left: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-left: 0; - margin-right: 0; - left: 15px; - right: 15px; - } + .sweet-alert { + width: auto; + margin-left: 0; + margin-right: 0; + left: 15px; + right: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-left: -17px; - margin-right: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: - padding 0.15s, - max-height 0.15s; - -webkit-transition: - padding 0.15s, - max-height 0.15s; - transition: - padding 0.15s, - max-height 0.15s; + background-color: #f1f1f1; + margin-left: -17px; + margin-right: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: padding 0.15s, max-height 0.15s; + -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-right: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-right: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - right: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + right: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - left: 50%; - margin-left: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + left: 50%; + margin-left: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px - rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + -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; - left: 50%; - top: 50%; - margin-left: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + left: 50%; + top: 50%; + margin-left: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + -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); - left: 17px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 16px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - left: 50%; - top: 10px; - border-radius: 2px; - margin-left: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + left: 50%; + top: 10px; + border-radius: 2px; + margin-left: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - left: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + left: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - left: 50%; - bottom: 17px; - border-radius: 2px; - margin-left: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + left: 50%; + bottom: 17px; + border-radius: 2px; + margin-left: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + content: ""; + 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; + 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; + border-radius: 0 120px 120px 0; + top: -11px; + left: 30px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 0 60px; + transform-origin: 0 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - left: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + 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); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + left: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - left: 14px; - top: 46px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 25px; + left: 14px; + top: 46px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - right: 8px; - top: 38px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 47px; + right: 8px; + top: 38px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation="pop"] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation=pop] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation="none"] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation=none] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation="slide-from-top"] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation=slide-from-top] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation="slide-from-bottom"] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation=slide-from-bottom] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation="pop"] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation=pop] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation="none"] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation=none] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation="slide-from-top"] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation=slide-from-top] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation="slide-from-bottom"] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation=slide-from-bottom] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + -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 ; } /*! @@ -3163,899 +3003,617 @@ 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; - /* Legacy 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-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: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; - /* social info */ + 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-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; + 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); + .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; - 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; + #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; } /* ========================== @@ -4063,11 +3621,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, @@ -4076,1141 +3634,1006 @@ 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-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); + -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; + 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%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-right: 45px; -} -.directorist-form-group - .select2-container--default - .select2-selection - .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group - .select2-container--default - .select2-selection - .select2-selection__clear { - padding-right: 15px; -} -.directorist-form-group - .select2-container--default - .select2-selection - .select2-selection__arrow { - right: 10px; + min-height: 40px; + padding-right: 45px; +} +.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { + padding-right: 15px; +} +.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { + right: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox - input[type="checkbox"] - + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-left: 15px; - padding-right: 15px; - max-width: 290px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding-left: 15px; + padding-right: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + -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; - 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; + 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; + 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; - left: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -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: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 9px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 145px; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section - .ezmu__media-picker-icon-wrap-upload { - display: -webkit-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; + margin-bottom: 145px; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { + display: -webkit-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; + 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; - left: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper - .ezmu__thumbnail-list-item:hover - .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + -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; - left: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper - .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #ef0000; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #EF0000; + position: absolute; + left: 50%; + top: 50%; + -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 0 0 10px; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -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; + 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-left: 5px; + padding-left: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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 { - left: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + left: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 11px; - height: 20px; + width: 11px; + height: 20px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - left: 0; - right: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -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; + 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, @@ -5218,827 +4641,786 @@ 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-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); + 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-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; } .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; - 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; + 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); + 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; - 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__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; + 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; + 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; + position: absolute; + top: 0; + left: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + -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: left; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: left; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; - left: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - right: 10px; - background-color: #ff385c; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs - .atbdp-thumb-actions - .thumbremovelink - .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + right: 10px; + background-color: #FF385C; + height: 32px; + width: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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%; - left: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + -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; - right: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + right: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - left: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + left: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -6052,48 +5434,48 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - left: 0; - top: 0; + position: absolute; + left: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + -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: 0 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -6104,231 +5486,229 @@ 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 { - right: 0; - display: none; + right: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - left: 0; + left: 0; } .leaflet-control { - float: left; - clear: both; + float: left; + clear: both; } .leaflet-right .leaflet-control { - float: right; + float: right; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-left: 10px; + margin-left: 10px; } .leaflet-right .leaflet-control { - margin-right: 10px; + margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: - transform 0.25s cubic-bezier(0, 0, 0.25, 1), - -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + 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 */ @@ -6337,1933 +5717,1740 @@ 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-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-bottom: none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-left-radius: 2px; - border-top-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: - bold 18px "Lucida Console", - Monaco, - monospace; - text-indent: 1px; + font: bold 18px "Lucida Console", Monaco, monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + -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 10px 6px 6px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 10px 6px 6px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-right: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -10px 5px -6px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-left: 5px; + margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -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: left; - border-radius: 10px; + padding: 1px; + text-align: left; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - left: 50%; - margin-left: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(45deg); + 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; - right: 0; - padding: 4px 4px 0 0; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: - 16px/14px Tahoma, - Verdana, - sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + -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 { - left: 50%; - margin-left: -6px; + left: 50%; + margin-left: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-left: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-left: -6px; + margin-left: -6px; } .leaflet-tooltip-right { - margin-left: 6px; + margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - right: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + right: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - left: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-left: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + left: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-left: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76a6fc; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76A6FC; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + -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; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: auto; - min-width: 100px; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 1; - font-size: 14px; - text-transform: capitalize; - background-color: #f7f7f7; - color: var(--directorist-color-body); + position: absolute; + right: 0; + top: 50%; + -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-left: 10px; - padding-top: 0; - padding-bottom: 0; - font-size: 15px; + display: none; +} +.directorist-form-group .wp-picker-container .wp-picker-open + .wp-picker-input-wrap { + display: -webkit-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; + 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; } .entry-content ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .entry-content a { - text-decoration: none; + text-decoration: none; } .entry-content .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); + margin: 0; + padding: 0; + color: var(--directorist-color-dark); } -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; +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; + 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(../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; - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ -} -.directorist-content-active - .select2.select2-container.select2-container--default - .select2-selection__rendered::-webkit-scrollbar { - display: none; -} -.directorist-content-active - .select2.select2-container.select2-container--default - .select2-selection__rendered - .select2-selection__clear { - padding-right: 25px; -} -.directorist-content-active - .select2.select2-container.select2-container--default - .select2-selection__arrow - b { - display: none; -} -.directorist-content-active - .select2.select2-container.select2-container--focus - .select2-selection { - border: none; - border-bottom: 2px solid var(--directorist-color-primary) !important; + margin-bottom: 0; +} + +.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { + top: 0; + border-color: var(--directorist-color-border); +} + +.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { + top: 32px; +} + +.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { + display: none; +} + +.directorist-content-active .select2.select2-container.select2-container--default { + width: 100% !important; +} +.directorist-content-active .select2.select2-container.select2-container--default .select2-selection { + min-height: 40px; + display: -webkit-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; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ +} +.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar { + display: none; +} +.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear { + padding-right: 25px; +} +.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b { + display: none; +} +.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection { + border: none; + border-bottom: 2px solid var(--directorist-color-primary) !important; } .directorist-content-active .select2-container.select2-container--open { - z-index: 99999; + z-index: 99999; } @media only screen and (max-width: 575px) { - .directorist-content-active .select2-container.select2-container--open { - width: calc(100% - 40px); - } -} - -.directorist-content-active - .select2-container--default - .select2-selection - .select2-selection__arrow - b { - margin-top: 0; -} - -.directorist-content-active - .select2-container - .directorist-select2-addons-area { - top: unset; - bottom: 20px; - right: 0; -} -.directorist-content-active - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - position: absolute; - right: 0; - padding: 0; - width: auto; - pointer-events: none; -} -.directorist-content-active - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-close { - position: absolute; - right: 15px; - padding: 0; - display: none; + .directorist-content-active .select2-container.select2-container--open { + width: calc(100% - 40px); + } +} + +.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b { + margin-top: 0; +} + +.directorist-content-active .select2-container .directorist-select2-addons-area { + top: unset; + bottom: 20px; + right: 0; +} +.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + position: absolute; + right: 0; + padding: 0; + width: auto; + pointer-events: none; +} +.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close { + position: absolute; + right: 15px; + padding: 0; + display: none; } /* Login/Signup Form CSS */ #recover-pass-modal { - display: none; + display: none; } .directorist-login-wrapper #recover-pass-modal .directorist-btn { - margin-top: 15px; + margin-top: 15px; } .directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { - text-decoration: none; + text-decoration: none; } body.modal-overlay-enabled { - position: relative; + position: relative; } body.modal-overlay-enabled:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.05); - z-index: 1; + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.05); + z-index: 1; } .directorist-widget { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget .directorist-card__header.directorist-widget__header { - padding: 20px 25px; + padding: 20px 25px; } -.directorist-widget - .directorist-card__header.directorist-widget__header - .directorist-widget__header__title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; +.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title { + -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 5px 0 0; + cursor: pointer; + margin: 0 5px 0 0; } .directorist-widget .directorist-widget-list .directorist-widget-list__icon { - font-size: 12px; - display: inline-block; - margin-right: 10px; - line-height: 28px; - width: 28px; - text-align: center; - background-color: #f1f3f8; - color: #9299b8; - border-radius: 50%; + font-size: 12px; + display: inline-block; + margin-right: 10px; + line-height: 28px; + width: 28px; + text-align: center; + background-color: #f1f3f8; + color: #9299b8; + border-radius: 50%; } .directorist-widget .directorist-widget-list .directorist-child-category { - padding-left: 44px; - margin-top: 2px; + padding-left: 44px; + margin-top: 2px; } .directorist-widget .directorist-widget-list .directorist-child-category li a { - position: relative; -} -.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%); + 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); + -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; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: -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; + 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; } /*** @@ -8271,8371 +7458,6755 @@ 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: 0 0; - transform-origin: 0 0; - -webkit-transform-style: flat; - transform-style: flat; + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + inset-inline-start: 0; + height: 100%; + width: calc(100% - 20px); + -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-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%; - left: 0; - width: 100%; + padding: 10px 0; + height: 80px; + top: 100%; + left: 0; + width: 100%; } .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); + -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-left: -1px; - width: 2px; - height: 5px; + margin-left: -1px; + width: 2px; + height: 5px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub { - height: 10px; + height: 10px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large { - height: 15px; + height: 15px; } /* Vertical layout; */ .directorist-custom-range-slider-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - left: 100%; + padding: 0 10px; + height: 100%; + top: 0; + left: 100%; } .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-left: 25px; + -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-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); - left: 50%; - bottom: 120%; -} -.directorist-custom-range-slider-horizontal - .directorist-custom-range-slider-origin - > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - left: auto; - bottom: 10px; -} - -.directorist-custom-range-slider-vertical - .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - right: 120%; -} -.directorist-custom-range-slider-vertical - .directorist-custom-range-slider-origin - > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - right: 28px; + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip { + -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; + 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%; + width: 100%; } .directorist-swiper__nav { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; + position: absolute; + top: 50%; + -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 { - left: 10px; + left: 10px; } .directorist-swiper__nav--next { - right: 10px; + right: 10px; } .directorist-swiper__nav--prev-related i { - left: 0; - background-color: #f4f4f4; + left: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--prev-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__nav--next-related i { - right: 0; - background-color: #f4f4f4; + right: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--next-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__pagination { - position: absolute; - text-align: center; - z-index: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + text-align: center; + z-index: 1; + display: -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 { - left: 20px; +.directorist-single-listing-slider .directorist-swiper__nav--prev-single-listing i { + left: 20px; } -.directorist-single-listing-slider - .directorist-swiper__nav--next-single-listing - i { - right: 20px; +.directorist-single-listing-slider .directorist-swiper__nav--next-single-listing i { + right: 20px; } .directorist-single-listing-slider .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-single-listing-slider .directorist-swiper__nav { - opacity: 1; - } - .directorist-single-listing-slider .directorist-swiper__nav i { - width: 30px; - height: 30px; - } + .directorist-single-listing-slider .directorist-swiper__nav { + opacity: 1; + } + .directorist-single-listing-slider .directorist-swiper__nav i { + width: 30px; + height: 30px; + } } .directorist-single-listing-slider .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider .swiper-slide img { - width: 100%; - height: 100%; - max-width: var(--gallery-crop-width, 740px); - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + max-width: var(--gallery-crop-width, 740px); + -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; - border-radius: 12px; - overflow: auto; - height: auto; + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + border-radius: 12px; + overflow: auto; + height: auto; } .directorist-single-listing-slider-thumb .swiper-wrapper { - gap: 10px; - height: auto; + gap: 10px; + height: auto; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; + display: none; } .directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider-thumb .swiper-slide { - position: relative; - min-width: 100px; - max-width: 100px; - height: 90px; - cursor: pointer; - margin: 0 !important; + position: relative; + min-width: 100px; + max-width: 100px; + height: 90px; + cursor: pointer; + margin: 0 !important; } .directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 14px; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 14px; } .directorist-single-listing-slider-thumb .swiper-slide:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - border-radius: 14px; - background-color: rgba(0, 0, 0, 0.3); - z-index: 1; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; -} -.directorist-single-listing-slider-thumb .swiper-slide:hover:before, -.directorist-single-listing-slider-thumb - .swiper-slide.swiper-slide-thumb-active:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; } @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; - left: 0; - top: 30px; - padding: 10px; - border: none; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 99999; + display: none; + position: absolute; + width: 100%; + min-width: 190px; + overflow-y: auto; + left: 0; + top: 30px; + padding: 10px; + border: none; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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 { - left: auto; - right: 0; + left: auto; + right: 0; } @media (max-width: 1440px) { - .directorist-dropdown__links { - left: unset; - right: 0; - } + .directorist-dropdown__links { + left: unset; + right: 0; + } } .directorist-dropdown.directorist-sortby-dropdown { - border-radius: 8px; - border: 2px solid var(--directorist-color-white); + border-radius: 8px; + border: 2px solid var(--directorist-color-white); } /* custom dropdown with select */ .directorist-dropdown-select { - position: relative; + position: relative; } .directorist-dropdown-select-toggle { - display: inline-block; - border: 1px solid #eee; - padding: 7px 15px; - position: relative; + display: inline-block; + border: 1px solid #eee; + padding: 7px 15px; + position: relative; } .directorist-dropdown-select-toggle:before { - content: ""; - position: absolute !important; - width: 100%; - height: 100%; - left: 0; - top: 0; + content: ""; + position: absolute !important; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-dropdown-select-items { - position: absolute; - width: 100%; - left: 0; - top: 40px; - border: 1px solid #eee; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); - z-index: 10; + position: absolute; + width: 100%; + left: 0; + top: 40px; + border: 1px solid #eee; + visibility: hidden; + opacity: 0; + pointer-events: none; + -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; - left: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch - .directorist-switch-input:checked - + .directorist-switch-label { - color: #1a1b29; - font-weight: 500; -} -.directorist-switch - .directorist-switch-input:checked - + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch - .directorist-switch-input:checked - + .directorist-switch-label:after { - -webkit-transform: translateX(20px); - transform: translateX(20px); + position: absolute; + left: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { + color: #1A1B29; + font-weight: 500; +} +.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { + -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); + -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; + content: ""; + position: absolute; + top: 0.75px; + left: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ECECEC; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - left: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: - transform 0.15s ease-in-out, - background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, - box-shadow 0.15s ease-in-out, - -webkit-transform 0.15s ease-in-out, - -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary - .directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + left: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + -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: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(-50%); - transform: translate(-50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, -.directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + -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); + 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; + 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); + 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-right: 5px; + margin-right: 5px; } .directorist-alert > a { - padding-left: 5px; + padding-left: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -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; + margin-right: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-left: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-left: auto !important; + border: 0 none; + -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); + font-size: 16px; + margin-left: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #dcebfe; - color: #157cf6; + background-color: #DCEBFE; + color: #157CF6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157cf6; + color: #157CF6; } .directorist-alert.directorist-alert-warning { - background-color: #fee9d9; - color: #f56e00; + background-color: #FEE9D9; + color: #F56E00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #f56e00; + color: #F56E00; } .directorist-alert.directorist-alert-danger { - background-color: #fcd9d9; - color: #e80000; + background-color: #FCD9D9; + color: #E80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #e80000; + color: #E80000; } .directorist-alert.directorist-alert-success { - background-color: #d9efdc; - color: #009114; + background-color: #D9EFDC; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #fcd9d9; - color: #e80000; - border-radius: 3px; + background: #FCD9D9; + color: #E80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #e80000; + color: #E80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + -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-right: 0; + cursor: pointer; + padding-right: 0; } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -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; - right: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content - .directorist-modal__header - .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content .directorist-modal__header .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + right: 25px; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + -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); + 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 { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - left: 0; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 25px 15px 40px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + left: 0; + right: 0; + display: -webkit-box; + display: -webkit-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__header { + padding-left: 30px; + padding-right: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: - opacity 0.3s ease, - top 0.3s ease, - font-size 0.3s ease; - transition: - opacity 0.3s ease, - top 0.3s ease, - font-size 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-webkit-input-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-moz-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element:-ms-input-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-ms-input-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element { - padding-right: 20px; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element[type="date"], -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element[type="time"], -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element[type="number"] { - padding-right: 0; + position: absolute; + left: 0; + top: 50%; + -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-select - .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-filter-location-icon - ~ .directorist-search-field__btn--clear { - right: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-filter-location-icon - .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body - .directorist-search-field - .select2-container - .directorist-select2-addons-area - .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body - .directorist-search-field - .select2-container - .directorist-select2-addons-area - .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + right: 0; +} +.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -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-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); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - left: 0; - right: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + left: 0; + right: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer - .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer - .directorist-advanced-filter__action - .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + -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; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + left: 50%; + -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; - 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; + 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; - } - .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: 0; - 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-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-radius_search { - width: auto; - padding-right: 0; - } - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.directorist-search-field-radius_search - .directorist-custom-range-slider__range__wrap { - right: 0; - } - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } - .directorist-search-modal--basic - .directorist-search-modal__input - .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; - } - .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-is-focused:not( - .input-has-noLabel - ).directorist-icon-right - .directorist-input-icon, - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.input-is-focused:not(.input-has-noLabel) - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: -20px; - } - .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-form-dropdown { - margin-right: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { + width: 100%; + margin: 0 20px; + } + .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: 0; + 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-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-radius_search { + width: auto; + padding-right: 0; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { + right: 0; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } + .directorist-search-modal--basic .directorist-search-modal__input .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; + } + .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-is-focused:not(.input-has-noLabel).directorist-icon-right .directorist-input-icon, + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + right: -20px; + } + .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-form-dropdown { + margin-right: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic - .directorist-search-modal__input - .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic - .directorist-search-modal__input - .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic - .directorist-advanced-filter__advanced__element - .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic - .directorist-checkbox-wrapper - .directorist-checkbox, -.directorist-search-modal--basic - .directorist-checkbox-wrapper - .directorist-radio, -.directorist-search-modal--basic - .directorist-radio-wrapper - .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, +.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, +.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-search-modal--basic - .directorist-search-tags - ~ .directorist-btn-ml { - margin-bottom: 10px; -} -.directorist-search-modal--basic - .directorist-select - .select2-container.select2-container--default - .select2-selection--single { - height: 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 { + 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-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; - font-weight: 500; - margin-bottom: 15px; +.directorist-search-modal--basic .directorist-search-field-radius_search > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + font-weight: 500; + margin-bottom: 15px; } .directorist-search-modal--basic .directorist-search-field-text_range > label { - display: none; + display: none; } -.directorist-search-modal--advanced - .directorist-search-modal__contents__body - .directorist-search-field__btn { - bottom: 12px; +.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 { - right: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, -.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input { - bottom: 0 !important; - padding-right: 25px; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input - .directorist-search-basic-dropdown-label, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input - .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-item, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-left: 5px; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__btn, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { + bottom: 0 !important; + padding-right: 25px; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input, - .directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__btn, - .directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__btn { - right: 25px !important; - } + .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { + right: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + -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; - top: 100%; - left: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-radio-wrapper, -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .select2-container--default - .select2-selection--single - .select2-selection__rendered - .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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 6px 0 0 !important; + text-decoration: none; + margin: 0 6px 0 0 !important; } .directorist-color-picker-wrap .wp-color-result:hover { - background-color: #f9f9f9; + background-color: #F9F9F9; } .directorist-color-picker-wrap .wp-picker-input-wrap label input { - width: auto !important; + width: auto !important; } .directorist-color-picker-wrap .wp-picker-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-right: 0 !important; +.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { + padding-right: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + -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 { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + -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-right: 10px; + -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; + 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 { - left: 5px; +input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { + left: 5px; } -input.directorist-toggle-input:checked - + .directorist-toggle-input-label - span.directorist-toggle-input-label-icon::after { - left: calc(100% - 20px); +input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { + left: calc(100% - 20px); } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: -webkit-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; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} -.directorist-tab-navigation-list-item - .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -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; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -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-right: 10px; + margin-right: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; + display: -webkit-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; + .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: ""; + .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-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; + 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; + 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; + 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; + -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-right: 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-right: 75px; + border-radius: 10px; + background-color: var(--directorist-color-bg-gray); } .directorist-content-active .directorist-author-profile__meta-list__item i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 44px; - height: 44px; - background-color: var(--directorist-color-primary); - border-radius: 10px; -} -.directorist-content-active - .directorist-author-profile__meta-list__item - i:after { - width: 18px; - height: 18px; - background-color: var(--directorist-color-white); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: 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-right: 50px; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding-right: 50px; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding: 0; - gap: 5px; - background: transparent; - border-radius: 0; - } - .directorist-content-active - .directorist-author-profile__meta-list__item:not(:first-child) - i { - display: none; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding: 0; + gap: 5px; + background: transparent; + border-radius: 0; + } + .directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i { + display: none; + } } .directorist-content-active .directorist-author-profile-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active - .directorist-author-profile-content - .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - margin: 0; -} -.directorist-content-active - .directorist-author-profile-content - .directorist-card__header__title - i { - width: 34px; - height: 34px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - border-radius: 100%; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-content-active - .directorist-author-profile-content - .directorist-card__header__title - i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + -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-left: 0; + margin-left: 0; } .directorist-content-active .directorist-author-info-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - font-size: 15px; - color: var(--directorist-color-body); + display: -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-right: 10px; - margin-right: 8px; - margin-top: 5px; - position: relative; -} -.directorist-content-active - .directorist-author-info-list__item - .directorist-label:before { - content: ":"; - position: absolute; - right: 0; - top: 0; + .directorist-content-active .directorist-author-info-list__item i { + margin-top: 0; + height: 34px; + width: 34px; + min-width: 34px; + border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; + .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); - /* Legacy Icon */ + 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 .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-author-listing-grid--fix - .directorist-col-lg-3 { - width: 33.3333333333%; +.directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 33.3333333333%; } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-lg-3 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-lg-3 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 100%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-4 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-4 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-4 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-4 { + width: 100%; + } } @media only screen and (max-width: 991px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 33.33%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 33.33%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 100%; + } } @media only screen and (max-width: 1199px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 25%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 25%; + } } @media only screen and (max-width: 991px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 33.33%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 33.33%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 100%; + } } -.directorist-content-active - .directorist-author-listing-content - .directorist-pagination { - padding-top: 35px; +.directorist-content-active .directorist-author-listing-content .directorist-pagination { + padding-top: 35px; } -.directorist-content-active - .directorist-author-listing-type - .directorist-type-nav { - background: none; +.directorist-content-active .directorist-author-listing-type .directorist-type-nav { + background: none; } /* category style three */ .directorist-category-child__card { - border: 1px solid #eee; - border-radius: 4px; + border: 1px solid #eee; + border-radius: 4px; } .directorist-category-child__card__header { - padding: 10px 20px; - border-bottom: 1px solid #eee; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-category-child__card__header a { - font-size: 18px; - font-weight: 600; - color: #222 !important; + font-size: 18px; + font-weight: 600; + color: #222 !important; } .directorist-category-child__card__header i { - width: 35px; - height: 35px; - border-radius: 50%; - background-color: #2c99ff; - color: var(--directorist-color-white); - font-size: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 5px; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: #2C99FF; + color: var(--directorist-color-white); + font-size: 16px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-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; + 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-right: 2px; -} -.directorist-content-active - .directorist-listings-header__left - .directorist-filter-btn:hover { - background-color: var(--directorist-color-bg-gray) !important; - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; -} -.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); + 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-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 { - right: 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 { + 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; + 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; - font-weight: 500; - 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; + font-weight: 500; + 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-right: 5px; -} -.listing-with-sidebar__header - .directorist-archive-sidebar-toggle - .directorist-icon-mask::after { - background-color: currentColor; - width: 14px; - height: 14px; + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + cursor: pointer; + display: none; +} +.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask { + margin-right: 5px; +} +.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask::after { + background-color: currentColor; + width: 14px; + height: 14px; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .listing-with-sidebar__header .directorist-archive-sidebar-toggle { + display: -webkit-inline-box; + display: -webkit-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; - left: -360px; - top: 0; - height: 100svh; - background-color: white; - z-index: 9999; - overflow: auto; - -webkit-box-shadow: 0 10px 15px - rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - } - .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { - padding-bottom: 30px; - } - .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: var(--directorist-color-light); - } + .listing-with-sidebar__sidebar { + position: fixed; + left: -360px; + top: 0; + height: 100svh; + background-color: white; + z-index: 9999; + overflow: auto; + -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--open { - left: 0; - visibility: visible; - opacity: 1; + left: 0; + visibility: visible; + opacity: 1; } .listing-with-sidebar__sidebar .directorist-form-group label { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-search-contents { - padding: 0; + padding: 0; } .listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content { - display: block !important; + display: block !important; } .listing-with-sidebar__sidebar .directorist-search-form__box { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar .directorist-search-form__box { - display: block; - height: 100svh; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - } - .listing-with-sidebar__sidebar - .directorist-search-form__box - .directorist-advanced-filter__advanced { - display: block; - } -} -.listing-with-sidebar__sidebar - .directorist-search-field__input.directorist-form-element:not( - [type="number"] - ) { - padding-right: 20px; + .listing-with-sidebar__sidebar .directorist-search-form__box { + display: block; + height: 100svh; + -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; + 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; -} -.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; -} -.listing-with-sidebar__sidebar - .directorist-form-group:last-child - .directorist-search-field { - margin-bottom: 0; + -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; +} +.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; +} +.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-icon-right - .directorist-input-icon { - right: 0; -} -.listing-with-sidebar__sidebar - .directorist-form-group.directorist-icon-left - .directorist-input-icon { - left: 0; + -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-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__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 { - margin: 0 20px 0 0; - } - .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-is-focused.input-has-noLabel { - margin: 0; - } - .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 - .directorist-filter-location-icon { - right: -15px; - } + .listing-with-sidebar .directorist-search-form__top .directorist-search-field { + margin: 0 20px 0 0; + } + .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-is-focused.input-has-noLabel { + margin: 0; + } + .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 .directorist-filter-location-icon { + right: -15px; + } } @media only screen and (max-width: 991px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 30px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 30px; + } } @media only screen and (max-width: 767px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 46px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 46px; + } } @media only screen and (max-width: 600px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 0; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 0; + } } .directorist-advanced-filter__basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + 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-location - .directorist-search-field.input-is-focused, -.directorist-advanced-filter__advanced__element.directorist-search-field-category - .directorist-search-field.input-is-focused { - margin-top: 0; +.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field.input-is-focused, .directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused { + margin-top: 0; } .directorist-advanced-filter__advanced__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + -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.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-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.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 { - right: 0; -} -.directorist-advanced-filter - .directorist-form-group.directorist-icon-left - .directorist-input-icon { - left: 0; + .directorist-advanced-filter__action .directorist-btn { + padding: 0 14.5px; + } +} +.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon { + right: 0; +} +.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { + left: 0; } .directorist-advanced-filter .directorist-date .directorist-form-group, .directorist-advanced-filter .directorist-time .directorist-form-group { - width: 100%; + width: 100%; } .directorist-advanced-filter .directorist-btn-ml { - display: inline-block; - margin-top: 10px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-body); + display: inline-block; + margin-top: 10px; + font-size: 13px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-advanced-filter .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-advanced-filter .directorist-btn-ml { - margin-top: 10px; - } + .directorist-advanced-filter .directorist-btn-ml { + margin-top: 10px; + } } .directorist-search-field-radius_search { - position: relative; + position: relative; } -.directorist-search-field-radius_search - .directorist-custom-range-slider__range__wrap { - position: absolute; - right: 0; - top: 0; +.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { + position: absolute; + right: 0; + top: 0; } .directorist-search-field-review .directorist-checkbox { - display: block; - width: auto; -} -.directorist-search-field-review - .directorist-checkbox - input[type="checkbox"] - + label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - font-size: 13px; - font-weight: 400; - padding-left: 35px; - color: var(--directorist-color-body); -} -.directorist-search-field-review - .directorist-checkbox - input[type="checkbox"] - + label:not(:last-child) { - margin-bottom: 20px; + display: block; + width: auto; +} +.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { + display: -webkit-box; + display: -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; + .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { + margin-bottom: 10px; + } +} +.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:before { + top: 3px; +} +.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { + top: -2px; } @media only screen and (max-width: 575px) { - .directorist-search-field-review - .directorist-checkbox - input[type="checkbox"] - + label:after { - top: 0; - } + .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { + top: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-field-review - .directorist-checkbox - input[type="checkbox"] - + label { - padding-left: 28px; - } -} -.directorist-search-field-review - .directorist-checkbox - input[type="checkbox"] - + label - .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light); -} -.directorist-search-field-review - .directorist-checkbox - input[value="5"] - + label - .directorist-icon-mask:after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review - .directorist-checkbox - input[value="4"] - + label - .directorist-icon-mask:not(:nth-child(5)):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review - .directorist-checkbox - input[value="3"] - + label - .directorist-icon-mask:nth-child(1):after, -.directorist-search-field-review - .directorist-checkbox - input[value="3"] - + label - .directorist-icon-mask:nth-child(2):after, -.directorist-search-field-review - .directorist-checkbox - input[value="3"] - + label - .directorist-icon-mask:nth-child(3):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review - .directorist-checkbox - input[value="2"] - + label - .directorist-icon-mask:nth-child(1):after, -.directorist-search-field-review - .directorist-checkbox - input[value="2"] - + label - .directorist-icon-mask:nth-child(2):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review - .directorist-checkbox - input[value="1"] - + label - .directorist-icon-mask:nth-child(1):after { - background-color: var(--directorist-color-star); + .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { + padding-left: 28px; + } +} +.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light); +} +.directorist-search-field-review .directorist-checkbox input[value="5"] + label .directorist-icon-mask:after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review .directorist-checkbox input[value="4"] + label .directorist-icon-mask:not(:nth-child(5)):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(2):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(3):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(2):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review .directorist-checkbox input[value="1"] + label .directorist-icon-mask:nth-child(1):after { + background-color: var(--directorist-color-star); } .directorist-search-field .directorist-price-ranges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -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; - } + .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 { + 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-right: 5px; + margin-right: 5px; } .directorist-search-field .directorist-price-ranges__currency { - line-height: 1; + line-height: 1; } .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: 10px 0 0 10px; - } - .directorist-search-field - .directorist-price-ranges__price-frequency - label:last-child - .directorist-pf-range { - border-radius: 0 10px 10px 0; - } - .directorist-search-field - .directorist-price-ranges__price-frequency - label:not(last-child) { - border-right: 1px solid var(--directorist-color-border); - } -} -.directorist-search-field - .directorist-price-ranges__price-frequency - input[type="radio"] { - display: none; -} -.directorist-search-field - .directorist-price-ranges__price-frequency - input[type="radio"]:checked - + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + .directorist-search-field .directorist-price-ranges__price-frequency { + gap: 0; + margin: 0; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field .directorist-price-ranges__price-frequency label { + -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; + 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; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: 102px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-transform: capitalize; - line-height: 1; + position: absolute; + right: 0; + top: 50%; + -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-right: 18px; - padding-left: 45px; - font-weight: 400; - font-size: 14px; - border-radius: 8px; - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); - cursor: pointer; + position: relative; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; + 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; + 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; + 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; + z-index: 99999; } .directorist-search-top { - text-align: center; - margin-bottom: 34px; + text-align: center; + margin-bottom: 34px; } .directorist-search-top__title { - color: var(--directorist-color-dark); - font-size: 36px; - font-weight: 500; - margin-bottom: 18px; + color: var(--directorist-color-dark); + font-size: 36px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-top__subtitle { - color: var(--directorist-color-body); - font-size: 18px; - opacity: 0.8; - text-align: center; + color: var(--directorist-color-body); + font-size: 18px; + opacity: 0.8; + text-align: center; } .directorist-search-contents { - background-size: cover; - padding: 100px 0 120px; + background-size: cover; + padding: 100px 0 120px; } .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: - opacity 0.3s ease, - top 0.3s ease, - font-size 0.3s ease; - transition: - opacity 0.3s ease, - top 0.3s ease, - font-size 0.3s ease; -} -.directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-webkit-input-placeholder, -.directorist-search-field__label - ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-moz-placeholder, -.directorist-search-field__label - ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element:-ms-input-placeholder, -.directorist-search-field__label - ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-ms-input-placeholder, -.directorist-search-field__label - ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::placeholder, -.directorist-search-field__label - ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + position: absolute; + left: 0; + top: 50%; + -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 { - right: 0; - opacity: 0; - visibility: hidden; + right: 0; + opacity: 0; + visibility: hidden; } .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 16px; + height: 16px; + background-color: #bcbcbc; + -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 { - right: -15px; - } + .directorist-search-field .directorist-filter-location-icon { + right: -15px; + } } -.directorist-search-field.input-is-focused - .directorist-search-field__input:not(.directorist-select) { - padding-right: 25px; +.directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) { + padding-right: 25px; } -.directorist-search-field.input-is-focused - .directorist-search-field__input.directorist-location-js { - padding-right: 45px; +.directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js { + padding-right: 45px; } -.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-is-focused .directorist-search-field__input[type=number] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { + opacity: 1; } .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-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-is-focused - .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); -} -.directorist-search-field.input-is-focused - .directorist-form-group__prefix--start { - opacity: 1; -} -.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-is-focused - .directorist-form-group__with-prefix - .directorist-search-field__input { - bottom: 0; + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); +} +.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-is-focused .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-is-focused .directorist-form-group__prefix--start { + opacity: 1; +} +.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-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { + bottom: 0; } .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-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-select - .directorist-search-field__label { - opacity: 1; + position: relative; + bottom: -5px; +} +.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-select .directorist-search-field__label { + opacity: 1; } .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.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-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, + padding-right: 45px; +} +.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-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-field.directorist-date .directorist-search-field__label, .directorist-search-field.directorist-time .directorist-search-field__label, .directorist-search-field.directorist-color .directorist-search-field__label, .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; + opacity: 0; } -.directorist-search-field - .directorist-select - ~ .directorist-search-field__btn--clear, -.directorist-search-field - .directorist-filter-location-icon - ~ .directorist-search-field__btn--clear { - right: 25px; +.directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, +.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { + right: 25px; } .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-search-field - .directorist-filter-location-icon - .directorist-icon-mask:after { - background-color: #808080; +.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { + background-color: #808080; } -.directorist-search-field - .directorist-filter-location-icon - ~ .directorist-search-field__btn--clear { - bottom: 8px; +.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { + bottom: 8px; } -.directorist-preload - .directorist-search-form-top - .directorist-search-field__label - ~ .directorist-search-field__input { - opacity: 0; - pointer-events: none; +.directorist-preload .directorist-search-form-top .directorist-search-field__label ~ .directorist-search-field__input { + opacity: 0; + pointer-events: none; } .directorist-search-form__box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - border: none; - border-radius: 10px; - padding: 22px 22px 22px 25px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -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; - } + .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-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 { + 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; + } } @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-select, .directorist-search-form__top .directorist-search-category { - width: calc(100% + 15px); + width: calc(100% + 15px); } .directorist-search-form__top .directorist-search-form__single-category { - cursor: not-allowed; -} -.directorist-search-form__top - .directorist-search-form__single-category - .directorist-category-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top - .directorist-search-form__single-category - .directorist-category-select - ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top - .directorist-search-form__single-category - ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-form__single-category ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-form__single-location { - cursor: not-allowed; -} -.directorist-search-form__top - .directorist-search-form__single-location - .directorist-location-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top - .directorist-search-form__single-location - .directorist-location-select - ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top - .directorist-search-form__single-location - ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-form__single-location ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: 0; - position: relative; - padding-bottom: 0; - padding-right: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + -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); + border-right: 1px solid var(--directorist-color-border); } @media screen and (max-width: 575px) { - .directorist-search-form__top - .directorist-search-field - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: -15px; - } + .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + right: -15px; + } } .directorist-search-form__top .directorist-search-field__btn--clear { - right: 15px; - bottom: 8px; -} -.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-is-focused - .directorist-search-field__input.directorist-select { - padding-right: 0; -} -.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-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.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-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.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-is-focused - .directorist-location-js { - padding-right: 45px; -} -.directorist-search-form__top - .directorist-search-field.input-is-focused - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: 15px; -} -.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-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; -} -.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); + right: 15px; + bottom: 8px; +} +.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-is-focused .directorist-search-field__input.directorist-select { + padding-right: 0; +} +.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-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.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-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.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-is-focused .directorist-location-js { + padding-right: 45px; +} +.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + right: 15px; +} +.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-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; +} +.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 - .wp-picker-input-wrap - label { - display: none; -} -.directorist-search-form__top - .directorist-search-field - .directorist-checkbox-wrapper, -.directorist-search-form__top - .directorist-search-field - .directorist-radio-wrapper, -.directorist-search-form__top - .directorist-search-field - .directorist-search-tags { - padding: 0; - gap: 20px; - -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-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 .wp-picker-input-wrap label { + display: none; +} +.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper, +.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper, +.directorist-search-form__top .directorist-search-field .directorist-search-tags { + padding: 0; + gap: 20px; + -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 { - 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.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 { + 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.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-is-focused.input-has-noLabel { - margin: 0 20px; - } - .directorist-search-form__top - .directorist-search-field.input-is-focused.input-has-noLabel - .directorist-search-field__btn { - right: 0; - } + .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0 20px; + } + .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-is-focused - .directorist-search-field__input { - bottom: 0; - } - .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-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .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-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .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-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-is-focused - .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-form__top - .directorist-search-field.input-is-focused - .directorist-search-field__btn { - right: -20px; - } - .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-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: 5px; - } - .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-is-focused - .directorist-location-js { - padding-right: 30px; - } - .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-is-focused.directorist-icon-right - .directorist-input-icon { - right: -20px; - } - .directorist-search-form__top - .directorist-search-field.input-is-focused - .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:not(.input-is-focused) - .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-form__top - .directorist-search-field.input-has-value:not(.input-is-focused) - .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top - .directorist-search-field.input-has-value:not(.input-is-focused) - .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top - .directorist-search-field.input-has-value:not(.input-is-focused) - .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top - .directorist-search-field.input-has-value:not(.input-is-focused) - .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top - .directorist-search-field.input-has-value:not(.input-is-focused) - .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top - .directorist-search-field - .directorist-price-ranges__label { - top: 12px; - left: 0; - } - .directorist-search-form__top - .directorist-search-field - .directorist-price-ranges__currency { - top: 12px; - left: 32px; - } + .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { + bottom: 0; + } + .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-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .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-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .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-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-is-focused .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn { + right: -20px; + } + .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-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: 5px; + } + .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-is-focused .directorist-location-js { + padding-right: 30px; + } + .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-is-focused.directorist-icon-right .directorist-input-icon { + right: -20px; + } + .directorist-search-form__top .directorist-search-field.input-is-focused .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: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; + 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; + .directorist-search-form__top .directorist-search-form-dropdown { + padding: 0 !important; + margin-right: 5px !important; + } + .directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear { + bottom: 12px; + opacity: 0; + visibility: hidden; +} +.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { + padding-right: 25px; +} +.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, +.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear, +.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i::after { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-form__top - .directorist-search-form-dropdown.input-has-value, - .directorist-search-form__top - .directorist-search-form-dropdown.input-is-focused { - margin-right: 20px !important; - } - .directorist-search-form__top - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input, - .directorist-search-form__top - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-form__top - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__btn, - .directorist-search-form__top - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__btn { - right: 20px; - } - .directorist-search-form__top - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__btn--clear, - .directorist-search-form__top - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__btn--clear { - bottom: 5px; - } + .directorist-search-form__top .directorist-search-form-dropdown.input-has-value, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused { + margin-right: 20px !important; + } + .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { + right: 20px; + } + .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear { + bottom: 5px; + } } .directorist-search-form__top .directorist-search-basic-dropdown { - position: relative; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - margin-bottom: 0 !important; - font-size: 14px; - font-weight: 400; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-body); -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; +} +.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; - top: 100%; - left: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-height: 250px; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-search-tags, -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-radio-wrapper, -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox-wrapper { - gap: 12px; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox__label { - width: 100%; + .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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-right: 0 !important; - border: none !important; - bottom: 0; +.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input { + padding-right: 0 !important; + border: none !important; + bottom: 0; } -.directorist-search-form__top - .directorist-form-group__with-prefix - .directorist-search-field__input:focus { - border: none !important; +.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus { + border: none !important; } -.directorist-search-form__top - .directorist-form-group__with-prefix - .directorist-form-element { - padding-left: 0 !important; +.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element { + padding-left: 0 !important; } -.directorist-search-form__top - .directorist-form-group__with-prefix - ~ .directorist-search-field__btn--clear { - bottom: 12px; +.directorist-search-form__top .directorist-form-group__with-prefix ~ .directorist-search-field__btn--clear { + bottom: 12px; } .directorist-search-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-margin-end: auto; - margin-inline-end: auto; - -webkit-padding-start: 10px; - padding-inline-start: 10px; - gap: 10px; + display: -webkit-box; + 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-left: 0; - } + .directorist-search-form-action__filter .directorist-filter-btn { + padding-left: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action__filter { - display: none; - } + .directorist-search-form-action__filter { + display: none; + } } .directorist-search-form-action__submit .directorist-btn-search { - gap: 8px; - height: 50px; - padding: 0 25px; - font-size: 15px; - font-weight: 700; - border-radius: 8px; -} -.directorist-search-form-action__submit - .directorist-btn-search - .directorist-icon-mask::after { - height: 16px; - width: 16px; - background-color: var(--directorist-color-white); - -webkit-transform: rotate(270deg); - transform: rotate(270deg); + gap: 8px; + height: 50px; + padding: 0 25px; + font-size: 15px; + font-weight: 700; + border-radius: 8px; +} +.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask::after { + height: 16px; + width: 16px; + background-color: var(--directorist-color-white); + -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-left: 15px; +.atbdp-form-fade.directorist-search-field input[type=text] { + padding-left: 15px; } .atbdp-form-fade:before { - position: absolute; - content: ""; - width: 25px; - height: 25px; - border: 2px solid var(--directorist-color-primary); - border-top-color: transparent; - border-radius: 50%; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - -webkit-animation: atbd_spin2 2s linear infinite; - animation: atbd_spin2 2s linear infinite; - z-index: 9999; + position: absolute; + content: ""; + width: 25px; + height: 25px; + border: 2px solid var(--directorist-color-primary); + border-top-color: transparent; + border-radius: 50%; + left: 50%; + top: 50%; + -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; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + border-radius: 8px; + background: rgba(var(--directorist-color-primary-rgb), 0.3); + z-index: 9998; } .directorist-on-scroll-loading { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; + 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; + display: -webkit-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-right: 25px; + margin-right: 25px; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item:not(:last-child) { - margin-right: 20px; - } + .directorist-listing-type-selection__item:not(:last-child) { + margin-right: 20px; + } } .directorist-listing-type-selection__item a { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - color: var(--directorist-color-body); + position: relative; + display: -webkit-box; + display: -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; - left: 0; - bottom: 0; - width: 100%; - height: 2px; - border-radius: 6px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-primary); + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + border-radius: 6px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a .directorist-icon-mask { - display: inline-block; - margin: 0 0 7px; + display: inline-block; + margin: 0 0 7px; } .directorist-listing-type-selection__item a .directorist-icon-mask:after { - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); + width: 20px; + height: 20px; + background-color: var(--directorist-color-body); } -.directorist-listing-type-selection__item - .directorist-listing-type-selection__link--current { - font-weight: 700; - color: var(--directorist-color-primary); +.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current { + font-weight: 700; + color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item - .directorist-listing-type-selection__link--current - .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item - .directorist-listing-type-selection__link--current:after { - opacity: 1; - visibility: visible; +.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after { + opacity: 1; + visibility: visible; } .directorist-search-form-wrap .directorist-listing-type-selection { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-form-wrap .directorist-listing-type-selection { - margin: 0 auto; - } + .directorist-search-form-wrap .directorist-listing-type-selection { + margin: 0 auto; + } } .directorist-search-contents .directorist-btn-ml:after { - content: ""; - display: inline-block; - margin-left: 5px; - -webkit-mask-image: url(../js/../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-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); + -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, @@ -16645,6103 +14216,4936 @@ input.directorist-toggle-input:checked .directorist-listing-category-top li a span.fab, .directorist-listing-category-top li a span.fas, .directorist-listing-category-top li a span.la { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-listing-category-top li a .directorist-icon-mask::after { - position: relative; - height: 15px; - width: 15px; - background-color: var(--directorist-color-body); + position: relative; + height: 15px; + width: 15px; + background-color: var(--directorist-color-body); } .directorist-listing-category-top li a p { - font-size: 14px; - line-height: 1; - font-weight: 400; - margin: 0; - color: var(--directorist-color-body); + font-size: 14px; + line-height: 1; + font-weight: 400; + margin: 0; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-listing-category-top li a i { - display: none; - } + .directorist-listing-category-top li a i { + display: none; + } } .directorist-search-field .directorist-location-js + .address_result { - position: absolute; - width: 100%; - left: 0; - top: 45px; - z-index: 1; - min-width: 250px; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 10; + position: absolute; + width: 100%; + left: 0; + top: 45px; + z-index: 1; + min-width: 250px; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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%; - left: 0; - top: 45px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - border-radius: 3px; - z-index: 1; - max-height: 300px; - overflow-y: scroll; + position: absolute; + width: 100%; + left: 0; + top: 45px; + background-color: var(--directorist-color-white); + -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-right: 1px solid var(--directorist-color-border); + -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%; + 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; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-custom-range-slider__label { - font-size: 14px; - font-weight: 400; - margin: 0 10px 0 0; - color: var(--directorist-color-light-gray); + font-size: 14px; + font-weight: 400; + margin: 0 10px 0 0; + color: var(--directorist-color-light-gray); } .directorist-custom-range-slider__prefix { - line-height: 1; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } .directorist-custom-range-slider__range__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - font-size: 14px; - font-weight: 500; + display: -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); - /* Styles */ + 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%; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - z-index: 0; + position: absolute; + content: ""; + border-radius: inherit; + width: 100%; + height: 100%; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + z-index: 0; } .directorist-categories__single--image .directorist-categories__single__name, .directorist-categories__single--image .directorist-categories__single__total { - color: var(--directorist-color-white); + color: var(--directorist-color-white); } .directorist-categories__single__content { - position: relative; - z-index: 1; - text-align: center; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 50px 30px; + position: relative; + z-index: 1; + text-align: center; + -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; - 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; + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { + width: 50px; + height: 50px; } @media screen and (max-width: 991px) { - .directorist-categories__single--style-one - .directorist-categories__single__content - .directorist-icon-mask::after { - width: 40px; - height: 40px; - } -} -.directorist-categories__single--style-one.directorist-categories__single--image - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not( - .directorist-categories__single--image - ) - .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; -} -.directorist-categories__single--style-one:not( - .directorist-categories__single--image - ) - .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not( - .directorist-categories__single--image - ) - .directorist-categories__single__total { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); + .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { + width: 40px; + height: 40px; + } +} +.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask::after { + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); } .directorist-categories__single--style-two .directorist-icon-mask { - border: 4px solid var(--directorist-color-primary); - border-radius: 50%; - padding: 16px; + border: 4px solid var(--directorist-color-primary); + border-radius: 50%; + padding: 16px; } .directorist-categories__single--style-two .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } -.directorist-categories__single--style-two.directorist-categories__single--image - .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-two.directorist-categories__single--image - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three { - height: var(--directorist-category-box-width); - border-radius: 50%; + height: var(--directorist-category-box-width); + border-radius: 50%; } .directorist-categories__single--style-three .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .directorist-categories__single--style-three .directorist-category-term { - display: none; + display: none; } .directorist-categories__single--style-three .directorist-category-count { - font-size: 16px; - font-weight: 600; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 48px; - height: 48px; - border-radius: 50%; - border: 3px solid var(--directorist-color-primary); - margin-top: 15px; -} -.directorist-categories__single--style-three.directorist-categories__single--image - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + font-size: 16px; + font-weight: 600; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: 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; } @media screen and (max-width: 991px) { - .directorist-categories .directorist-col-3 { - width: 25%; - } + .directorist-categories .directorist-col-3 { + width: 25%; + } } @media screen and (max-width: 767px) { - .directorist-categories .directorist-col-3 { - width: 50%; - } + .directorist-categories .directorist-col-3 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-categories .directorist-col-3 { - width: 100%; - } + .directorist-categories .directorist-col-3 { + width: 100%; + } } @media screen and (max-width: 991px) { - .directorist-categories .directorist-col-4 { - width: 33.33%; - } + .directorist-categories .directorist-col-4 { + width: 33.33%; + } } @media screen and (max-width: 767px) { - .directorist-categories .directorist-col-4 { - width: 50%; - } + .directorist-categories .directorist-col-4 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-categories .directorist-col-4 { - width: 100%; - } + .directorist-categories .directorist-col-4 { + width: 100%; + } } .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 */ + /* 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-right-radius: 0; - border-bottom-left-radius: 0; - padding-bottom: 5px; -} -.directorist-taxonomy-list-one - .directorist-taxonomy-list__toggle--open - .directorist-taxonomy-list__toggler - .directorist-icon-mask::after { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.directorist-taxonomy-list-one - .directorist-taxonomy-list__icon - .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-white); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-one - .directorist-taxonomy-list__icon - .directorist-icon-mask::after { - width: 15px; - height: 15px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + padding-bottom: 5px; +} +.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__toggler .directorist-icon-mask::after { + -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__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; + -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: ""; - 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%); + -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); + -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; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: inherit; -} -.directorist-location--grid-one - .directorist-location__single--img - .directorist-location__content { - position: absolute; - left: 0; - bottom: 0; - z-index: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-location--grid-one - .directorist-location__single--img - .directorist-location__content - a { - color: var(--directorist-color-white); -} -.directorist-location--grid-one - .directorist-location__single--img - .directorist-location__count { - color: var(--directorist-color-white); + position: absolute; + content: ""; + width: 100%; + height: inherit; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: inherit; +} +.directorist-location--grid-one .directorist-location__single--img .directorist-location__content { + position: absolute; + left: 0; + bottom: 0; + z-index: 1; + -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%; - left: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-location--grid-one .directorist-location__count { - display: block; - font-size: 14px; - font-weight: 400; + display: block; + font-size: 14px; + font-weight: 400; } .directorist-location--grid-two .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-two .directorist-location__single--img { - height: auto; + height: auto; } -.directorist-location--grid-two - .directorist-location__single--img - .directorist-location__content { - padding: 10px 0 0 0; +.directorist-location--grid-two .directorist-location__single--img .directorist-location__content { + padding: 10px 0 0 0; } .directorist-location--grid-two .directorist-location__single img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: var(--directorist-border-radius-lg); + width: 100%; + height: 100%; + -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%; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: var(--directorist-border-radius-lg); -} -.directorist-location--grid-two - .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-location--grid-two - .directorist-location__single:not(.directorist-location__single--img) - .directorist-location__content - h3, -.directorist-location--grid-two - .directorist-location__single:not(.directorist-location__single--img) - .directorist-location__content - a, -.directorist-location--grid-two - .directorist-location__single:not(.directorist-location__single--img) - .directorist-location__content - span { - text-align: center; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: var(--directorist-border-radius-lg); +} +.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + -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%; - left: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-location--grid-two .directorist-location__count { - display: block; + display: block; } .directorist-location .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } @media screen and (max-width: 991px) { - .directorist-location .directorist-col-3 { - width: 25%; - } + .directorist-location .directorist-col-3 { + width: 25%; + } } @media screen and (max-width: 767px) { - .directorist-location .directorist-col-3 { - width: 50%; - } + .directorist-location .directorist-col-3 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-location .directorist-col-3 { - width: 100%; - } + .directorist-location .directorist-col-3 { + width: 100%; + } } @media screen and (max-width: 991px) { - .directorist-location .directorist-col-4 { - width: 33.33%; - } + .directorist-location .directorist-col-4 { + width: 33.33%; + } } @media screen and (max-width: 767px) { - .directorist-location .directorist-col-4 { - width: 50%; - } + .directorist-location .directorist-col-4 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-location .directorist-col-4 { - width: 100%; - } + .directorist-location .directorist-col-4 { + width: 100%; + } } .directorist-location .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -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; - right: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + right: 20px; + position: absolute; + -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-left: 5px; - color: var(--directorist-color-info); + margin-left: 5px; + color: var(--directorist-color-info); } .directorist-author__form__toggle-area a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-author__form__recover-pass-modal .directorist-form-group { - padding: 25px; + padding: 25px; } .directorist-author__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0 0 20px; } .directorist-author__message__text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } /* Authentication style */ .directorist-authentication { - height: 0; - opacity: 0; - visibility: hidden; - -webkit-transition: - height 0.3s ease, - opacity 0.3s ease, - visibility 0.3s ease; - transition: - height 0.3s ease, - opacity 0.3s ease, - visibility 0.3s ease; + height: 0; + opacity: 0; + visibility: hidden; + -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-left: 5px; - color: #2c99ff; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + 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; + 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-right: 40px !important; + padding-right: 40px !important; } .directorist-password-group-toggle { - position: absolute; - top: calc(50% + 16px); - right: 15px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; + position: absolute; + top: calc(50% + 16px); + right: 15px; + -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; - /* Legacy Icon */ -} -.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-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); + 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; + 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 */ @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-6 { - width: 100%; - } + .directorist-authors__cards .directorist-col-6 { + width: 100%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-4 { - width: 50%; - } + .directorist-authors__cards .directorist-col-4 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-4 { - width: 100%; - } + .directorist-authors__cards .directorist-col-4 { + width: 100%; + } } @media (max-width: 1199px) { - .directorist-authors__cards .directorist-col-3 { - width: 33.33%; - } + .directorist-authors__cards .directorist-col-3 { + width: 33.33%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-3 { - width: 50%; - } + .directorist-authors__cards .directorist-col-3 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-3 { - width: 100%; - } + .directorist-authors__cards .directorist-col-3 { + width: 100%; + } } @media (max-width: 1199px) { - .directorist-authors__cards .directorist-col-2 { - width: 25%; - } + .directorist-authors__cards .directorist-col-2 { + width: 25%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-2 { - width: 33.33%; - } + .directorist-authors__cards .directorist-col-2 { + width: 33.33%; + } } @media (max-width: 767px) { - .directorist-authors__cards .directorist-col-2 { - width: 50%; - } + .directorist-authors__cards .directorist-col-2 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-2 { - width: 100%; - } + .directorist-authors__cards .directorist-col-2 { + width: 100%; + } } .directorist-authors__pagination { - margin-top: 25px; + margin-top: 25px; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - right: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + right: 5px; + top: 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - position: relative; - padding: 33px 20px 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; + position: relative; + padding: 33px 20px 24px; } .directorist-content-active .directorist-listing-single__info:empty { - display: none; + display: none; } .directorist-content-active .directorist-listing-single__info__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 6px; -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single__info__top - .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-listing-card-posted-on { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 0; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-listing-card-posted-on - i { - display: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 6px; +} +.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i { + display: none; } .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-right: 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-right: 8px; } .directorist-content-active .directorist-listing-single__info__list a { - text-decoration: none; - color: var(--directorist-color-body); - word-break: break-word; + text-decoration: none; + color: var(--directorist-color-body); + word-break: break-word; } .directorist-content-active .directorist-listing-single__info__list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active - .directorist-listing-single__info__list - .directorist-listing-card-location-list { - display: block; - margin: 0; +.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list { + display: block; + margin: 0; } .directorist-content-active .directorist-listing-single__info__list__label { - display: inline-block; - margin-right: 5px; + display: inline-block; + margin-right: 5px; } .directorist-content-active .directorist-listing-single__info--right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - position: absolute; - right: 20px; - top: 20px; + display: -webkit-box; + 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; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 15px; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 10px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 10px; + } } .directorist-content-active .directorist-listing-single__info__excerpt { - margin: 10px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 20px; - text-align: left; + margin: 10px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 20px; + text-align: left; } .directorist-content-active .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; + color: var(--directorist-color-primary); + text-decoration: underline; } .directorist-content-active .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-content-active .directorist-listing-single__info__top-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 20px; - width: 100%; + display: -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__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; + 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); + 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__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; - /* 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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; + 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 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: #f51957; -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-featured { - background-color: #fa8b0c; -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single - .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active - .directorist-listing-single - .directorist-mark-as-favorite__btn - .directorist-favorite-tooltip - span { - top: auto; - bottom: 35px; -} -.directorist-content-active - .directorist-listing-single - .directorist-mark-as-favorite__btn - .directorist-favorite-tooltip - span:before { - top: auto; - bottom: -7px; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb - .directorist-pricing-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - margin: 0; - border-radius: 3px; - background: var(--directorist-color-white); - padding: 0 8px; - font-weight: 700; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb - .directorist-pricing-meta - .directorist-listing-price { - color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author { - position: absolute; - bottom: 0; - top: unset; - -webkit-transform: translateY(50%); - transform: translateY(50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - z-index: 1; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-left { - left: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-right { - right: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-center { - left: 50%; - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author - img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author - a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); + margin: 3px; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular { + background-color: #f51957; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured { + background-color: #fa8b0c; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { + top: auto; + bottom: 35px; +} +.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { + top: auto; + bottom: -7px; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { + position: absolute; + bottom: 0; + top: unset; + -webkit-transform: translateY(50%); + transform: translateY(50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 1; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { + left: 20px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { + right: 20px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { + left: 50%; + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); } @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-left: 0; - font-size: 12px; - font-weight: normal; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-rating-meta - .directorist-total-review { - font-size: 12px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-price { - font-size: 12px; - font-weight: 600; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__meta { - font-size: 12px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-icon-mask:after { - width: 14px; - height: 14px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info__excerpt { - font-size: 12px; - line-height: 1.6; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info__list - > li, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info__list - > div { - font-size: 12px; - line-height: 1.2; - gap: 8px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-view-count, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-category - a, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-category__extran-count { - font-size: 12px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-category__popup { - margin-left: 5px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-listing-author - a, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-category - > a - .directorist-icon-mask { - width: 30px; - height: 30px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info__list - .directorist-icon-mask { - top: 0; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info__list - .directorist-icon-mask:after { - width: 12px; - height: 14px; - } -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__thumb { - margin: 0; + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) { + display: none; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after { + width: 10px; + height: 10px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg { + margin-left: 0; + font-size: 12px; + font-weight: normal; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review { + font-size: 12px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price { + font-size: 12px; + font-weight: 600; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { + font-size: 12px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after { + width: 14px; + height: 14px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { + font-size: 12px; + line-height: 1.6; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > li, + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > div { + font-size: 12px; + line-height: 1.2; + gap: 8px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count, + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a, + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count { + font-size: 12px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup { + margin-left: 5px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a, + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category > a .directorist-icon-mask { + width: 30px; + height: 30px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask { + top: 0; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after { + width: 12px; + height: 14px; + } +} +.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { + margin: 0; } @media only screen and (min-width: 576.99px) { - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__thumb { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 320px; - min-height: 240px; - padding: 10px 0 10px 10px; - } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { + -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; - } + .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 { - right: unset; - left: -30px; - top: 20px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info--right - .directorist-favorite-icon { - width: 20px; - height: 20px; - border-radius: 100%; - background-color: var(--directorist-color-white); - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info--right - .directorist-favorite-icon:before { - width: 10px; - height: 10px; - } -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-top-left { - left: 20px; - top: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-top-right { - top: 20px; - right: 10px; + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right { + right: unset; + left: -30px; + top: 20px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon { + width: 20px; + height: 20px; + border-radius: 100%; + background-color: var(--directorist-color-white); + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before { + width: 10px; + height: 10px; + } +} +.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left { + left: 20px; + top: 20px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { + top: 20px; + right: 10px; } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-top-right { - right: unset; - left: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-bottom-left { - left: 20px; - bottom: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-bottom-right { - right: 10px; - bottom: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info - .directorist-badge { - margin: 0; - padding: 0; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info - .directorist-badge:after { - display: none; + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { + right: unset; + left: 20px; + -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; - 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; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; } @media screen and (max-width: 575px) { - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text, - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-open, - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-close, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-open, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-popular, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-new, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-featured, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-featured, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-popular, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-new, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); + .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); } .directorist-content-active .directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info { - z-index: 1; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - figure { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-listing-single__header__left:empty, -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-listing-single__header__right:empty { - display: none; + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge { + display: -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-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; + padding: 0; } .directorist-rating-meta i.directorist-icon-mask:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-rating-meta i.directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; + background-color: #d1d1d1; } .directorist-rating-meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 3px 0 6px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 3px 0 6px; } .directorist-rating-meta .directorist-total-review { - font-weight: 400; - color: var(--directorist-color-light-gray); + font-weight: 400; + color: var(--directorist-color-light-gray); } .directorist-rating-meta.directorist-info-item-rating i, .directorist-rating-meta.directorist-info-item-rating span.la, .directorist-rating-meta.directorist-info-item-rating span.fa { - margin-left: 4px; + margin-left: 4px; } /* mark as favorite btn */ .directorist-mark-as-favorite__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - position: relative; - text-decoration: none; - padding: 0; - font-weight: unset; - line-height: unset; - text-transform: unset; - letter-spacing: unset; - background: transparent; - border: none; - cursor: pointer; -} -.directorist-mark-as-favorite__btn:hover, -.directorist-mark-as-favorite__btn:focus { - outline: 0; - text-decoration: none; -} -.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, -.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { - background-color: var(--directorist-color-danger); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - right: 0; - top: 35px; - background-color: var(--directorist-color-dark); - color: var(--directorist-color-white); - font-size: 13px; - border-radius: 3px; - text-align: center; - padding: 5px; - z-index: 111; + position: absolute; + min-width: 120px; + right: 0; + top: 35px; + background-color: var(--directorist-color-dark); + color: var(--directorist-color-white); + font-size: 13px; + border-radius: 3px; + text-align: center; + padding: 5px; + z-index: 111; } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before { - content: ""; - position: absolute; - border-bottom: 8px solid var(--directorist-color-dark); - border-right: 6px solid transparent; - border-left: 6px solid transparent; - right: 8px; - top: -7px; + content: ""; + position: absolute; + border-bottom: 8px solid var(--directorist-color-dark); + border-right: 6px solid transparent; + border-left: 6px solid transparent; + right: 8px; + top: -7px; } /* listing card without thumbnail */ -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 20px 22px 0 22px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header__left - .directorist-listing-single__badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: relative; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header__left - .directorist-badge { - background-color: #f4f4f4; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header__title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-thumb-listing-author { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-thumb-listing-author - a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-thumb-listing-author - img { - height: 100%; - width: 100%; - max-width: none; - border-radius: 50%; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 1.2; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { + display: -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-bottom: 0; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info { - padding: 10px 22px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info:empty { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list { - margin: 16px 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - a, -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: left; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div { - margin-bottom: 2px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div - .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div - .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - a:hover { - color: var(--directorist-color-body); -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__content { - border: 0 none; - padding: 10px 22px 25px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__meta__right - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline { + margin-bottom: 0; +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { + padding: 10px 22px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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 { + width: 100%; + margin-bottom: 13px; } -.directorist-listing-single.directorist-listing-list - .directorist-listing-single__header - .directorist-listing-single__info { - padding: 0; +.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__info { + padding: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge { - padding: 0; - margin: 0; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge { + padding: 0; + margin: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge:after { - display: none; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after { + display: none; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge.directorist-badge-open, -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge.directorist-badge-close { - padding: 0 5px; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close { + padding: 0 5px; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { + width: auto; + height: auto; } -.directorist-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-left: 10px; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + 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; + 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; + content: ""; + left: 40px; + bottom: -11px; + border: 6px solid transparent; + border-top-color: var(--directorist-color-white); + display: inline-block; + position: absolute; } .directorist-listing-category__popup__content a { - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - line-height: normal; - padding: 10px; - border-radius: 8px; + color: var(--directorist-color-body); + display: -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 { - left: unset; - right: -30px; +.directorist-listing-single__meta__right .directorist-listing-category__popup__content { + left: unset; + right: -30px; } -.directorist-listing-single__meta__right - .directorist-listing-category__popup__content:after { - left: unset; - right: 40px; +.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after { + left: unset; + right: 40px; } .directorist-listing-price-range span { - font-weight: 600; - color: rgba(122, 130, 166, 0.3); + font-weight: 600; + color: rgba(122, 130, 166, 0.3); } .directorist-listing-price-range span.directorist-price-active { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } #map.leaflet-container, #gmap.leaflet-container, .directorist-single-map.leaflet-container { - /*rtl:ignore*/ - direction: ltr; + /*rtl:ignore*/ + direction: ltr; } #map.leaflet-container .leaflet-popup-content-wrapper, #gmap.leaflet-container .leaflet-popup-content-wrapper, .directorist-single-map.leaflet-container .leaflet-popup-content-wrapper { - border-radius: 8px; - padding: 0; + border-radius: 8px; + padding: 0; } #map.leaflet-container .leaflet-popup-content, #gmap.leaflet-container .leaflet-popup-content, .directorist-single-map.leaflet-container .leaflet-popup-content { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } @media only screen and (max-width: 480px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 300px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 300px !important; + } } @media only screen and (max-width: 375px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 250px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 250px !important; + } } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .atbdp-map.atbdp-body - img { - width: 100%; +.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .media-body - h3 - a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container - .leaflet-popup-content - .atbdp-listings-title-block - h3.atbdp-no-margin, -#gmap.leaflet-container - .leaflet-popup-content - .atbdp-listings-title-block - h3.atbdp-no-margin, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .atbdp-listings-title-block - h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, +#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, +.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-location, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container - .leaflet-popup-content - .osm-iw-location - .directorist-icon-mask, -#gmap.leaflet-container - .leaflet-popup-content - .osm-iw-location - .directorist-icon-mask, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .osm-iw-location - .directorist-icon-mask { - display: inline-block; - margin-right: 4px; +.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location { + margin-bottom: 6px; + display: -webkit-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; +.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; + margin: 0; + line-height: 1; + width: 350px !important; } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .atbdp-map.atbdp-body - img { - width: 100%; +.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .media-body - h3 - a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container - .leaflet-popup-content - .media-body - .atbdp-listings-title-block - h3.atbdp-no-margin, -#gmap.leaflet-container - .leaflet-popup-content - .media-body - .atbdp-listings-title-block - h3.atbdp-no-margin, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .media-body - .atbdp-listings-title-block - h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, +#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, +.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .media-body - .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container - .leaflet-popup-content - .media-body - .osm-iw-location - .directorist-icon-mask, -#gmap.leaflet-container - .leaflet-popup-content - .media-body - .osm-iw-location - .directorist-icon-mask, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .media-body - .osm-iw-location - .directorist-icon-mask { - display: inline-block; - margin-right: 4px; +.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location { + margin-bottom: 6px; + display: -webkit-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; +.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; + margin: 0; } #map.leaflet-container .leaflet-popup-content .map-info-wrapper img, #gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - img { - width: 100%; -} -#map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details, -#gmap.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details { - padding: 15px; -} -#map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - h3, -#gmap.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - h3, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - h3 { - font-size: 16px; - margin-bottom: 0; - margin-top: 0; -} -#map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - .miw-contents-footer - .iw-close-btn, -#gmap.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - .miw-contents-footer - .iw-close-btn, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - .miw-contents-footer - .iw-close-btn { - display: none; +.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img { + width: 100%; +} +#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, +#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, +.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details { + padding: 15px; +} +#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, +#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, +.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3 { + font-size: 16px; + margin-bottom: 0; + margin-top: 0; +} +#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, +#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, +.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn { + display: none; } #map.leaflet-container .leaflet-popup-close-button, #gmap.leaflet-container .leaflet-popup-close-button, .directorist-single-map.leaflet-container .leaflet-popup-close-button { - position: absolute; - width: 25px; - height: 25px; - background: rgba(68, 71, 82, 0.5); - border-radius: 50%; - color: var(--directorist-color-white); - right: 10px; - left: auto; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - line-height: inherit; - padding: 0; - display: none; + position: absolute; + width: 25px; + height: 25px; + background: rgba(68, 71, 82, 0.5); + border-radius: 50%; + color: var(--directorist-color-white); + right: 10px; + left: auto; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - right: 20px; - width: 30px; - height: 30px; - border-radius: 100%; - background-color: var(--directorist-color-white); -} -.map-listing-card-single - .directorist-mark-as-favorite__btn - .directorist-favorite-icon::before { - width: 16px; - height: 16px; + position: absolute; + top: 20px; + right: 20px; + width: 30px; + height: 30px; + border-radius: 100%; + background-color: var(--directorist-color-white); +} +.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon::before { + width: 16px; + height: 16px; } .map-listing-card-single__img .atbd_tooltip { - margin-left: 10px; - margin-bottom: 10px; + margin-left: 10px; + margin-bottom: 10px; } .map-listing-card-single__img .atbd_tooltip img { - width: auto; + width: auto; } .map-listing-card-single__img a { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + width: 100%; + display: -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-left: 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-left: 7px; + margin-bottom: 5px; + border: 3px solid var(--directorist-color-white); } .map-listing-card-single__author img { - width: 100%; - height: 100%; - border-radius: 100%; + width: 100%; + height: 100%; + border-radius: 100%; } .map-listing-card-single__content { - padding: 15px 10px 10px; + padding: 15px 10px 10px; } .map-listing-card-single__content__title { - font-size: 16px; - font-weight: 500; - margin: 0 0 10px !important; - color: var(--directorist-color-dark); + font-size: 16px; + font-weight: 500; + margin: 0 0 10px !important; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a { - text-decoration: unset; - color: var(--directorist-color-dark); + text-decoration: unset; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; - gap: 10px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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-right: 4px; + margin-right: 4px; } .map-listing-card-single__content__meta .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-warning); + width: 15px; + height: 15px; + background-color: var(--directorist-color-warning); } -.map-listing-card-single__content__meta - .directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; +.map-listing-card-single__content__meta .directorist-icon-mask.star-empty:after { + background-color: #d1d1d1; } .map-listing-card-single__content__meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 3px 0 6px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 3px 0 6px; } .map-listing-card-single__content__meta .directorist-listing-price { - font-size: 14px; - color: var(--directorist-color-body); + font-size: 14px; + color: var(--directorist-color-body); } .map-listing-card-single__content__meta .directorist-info-item { - position: relative; -} -.map-listing-card-single__content__meta - .directorist-info-item:not(:last-child) { - padding-right: 8px; - margin-right: 8px; -} -.map-listing-card-single__content__meta - .directorist-info-item:not(:last-child):before { - content: ""; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 3px; - height: 3px; - border-radius: 100%; - background-color: var(--directorist-color-gray-hover); + position: relative; +} +.map-listing-card-single__content__meta .directorist-info-item:not(:last-child) { + padding-right: 8px; + margin-right: 8px; +} +.map-listing-card-single__content__meta .directorist-info-item:not(:last-child):before { + content: ""; + position: absolute; + right: 0; + top: 50%; + -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-left: 5px; + margin-left: 5px; } -.leaflet-popup-content-wrapper - .leaflet-popup-content - .map-info-wrapper - .map-info-details - .iw-close-btn { - display: none; +.leaflet-popup-content-wrapper .leaflet-popup-content .map-info-wrapper .map-info-details .iw-close-btn { + display: none; } .myDivIcon { - text-align: center !important; - line-height: 20px !important; - position: relative; + text-align: center !important; + line-height: 20px !important; + position: relative; } .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; - background-color: var(--directorist-color-marker-shape); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: 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; + 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: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 9px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .marker-cluster-shape { - width: 35px; - height: 35px; - background-color: var(--directorist-color-marker-shape); - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-marker-icon); - font-size: 15px; - font-weight: 700; - position: relative; - cursor: pointer; + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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%; + position: absolute; + content: ""; + width: 47px; + height: 47px; + left: -6px; + top: -6px; + background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); + border-radius: 50%; } /*style the box*/ .atbdp-map .gm-style .gm-style-iw, .atbd_google_map .gm-style .gm-style-iw, .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 350px; - padding: 0; - border-radius: 8px; - -webkit-box-shadow: unset; - box-shadow: unset; - max-height: none !important; + width: 350px; + padding: 0; + border-radius: 8px; + -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; - right: -40px !important; - top: -30px !important; - left: auto; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - border: none; - cursor: pointer; + padding: 20px 0 15px; +} +.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-title { + font-size: 1.75rem; + margin: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; +} +.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close { + width: 32px; + height: 32px; + right: -40px !important; + top: -30px !important; + left: auto; + position: absolute; + -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: left; - display: block; + font-size: 18px; + margin-bottom: 12px; + text-align: left; + display: block; } .directorist-report-abuse-modal .directorist-modal__body textarea { - min-height: 90px; - resize: none; - padding: 10px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); + min-height: 90px; + resize: none; + padding: 10px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); } .directorist-report-abuse-modal .directorist-modal__body textarea:focus { - border: 1px solid var(--directorist-color-primary); + border: 1px solid var(--directorist-color-primary); } .directorist-report-abuse-modal #directorist-report-abuse-message-display { - color: var(--directorist-color-body); - margin-top: 15px; + color: var(--directorist-color-body); + margin-top: 15px; } -.directorist-report-abuse-modal - #directorist-report-abuse-message-display:empty { - margin: 0; +.directorist-report-abuse-modal #directorist-report-abuse-message-display:empty { + margin: 0; } .directorist-report-abuse-modal .directorist-modal__footer { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - border: none; + padding: 0; + display: -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; + 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; + padding: 20px 30px 20px; } .directorist-report-abuse-modal #directorist-report-abuse-form { - text-align: left; + text-align: left; } .directorist-rated-stars ul, .atbd_rated_stars ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-rated-stars li, .atbd_rated_stars li { - display: inline-block; - padding: 0; - margin: 0; + display: inline-block; + padding: 0; + margin: 0; } .directorist-rated-stars span, .atbd_rated_stars span { - color: #d4d3f3; - display: block; - width: 14px; - height: 14px; - position: relative; + color: #d4d3f3; + display: block; + width: 14px; + height: 14px; + position: relative; } .directorist-rated-stars span:before, .atbd_rated_stars span:before { - content: ""; - -webkit-mask-image: url(../js/../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; + 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); + 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; - /* Legacy Icon */ + 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; + font-size: 15px; } .directorist-single-tag-list a > span:not(.directorist-icon-mask) { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - margin-right: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 15px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: 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); + 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-left: 0; +.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced { + padding-left: 0; } .directorist-sidebar .directorist-add-listing-types { - padding: 25px; + padding: 25px; } .directorist-sidebar .directorist-add-listing-types__single { - margin: 0; + margin: 0; } -.directorist-sidebar - .directorist-add-listing-types - .directorist-container-fluid { - padding: 0; +.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid { + padding: 0; } .directorist-sidebar .directorist-add-listing-types .directorist-row { - gap: 15px; - margin: 0; -} -.directorist-sidebar - .directorist-add-listing-types - .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - padding: 0; - margin: 0; -} -.directorist-sidebar - .directorist-widget-taxonomy - .directorist-taxonomy-list-one - .directorist-taxonomy-list__toggle--open:not( - .directorist-taxonomy-list__card--icon - ) - + .directorist-taxonomy-list__sub-item { - padding: 0; -} -.directorist-sidebar - .directorist-widget-taxonomy - .directorist-taxonomy-list-one - .directorist-taxonomy-list - > .directorist-taxonomy-list__toggle--open - ~ .directorist-taxonomy-list__sub-item { - margin-top: 10px; - padding: 10px 20px; -} -.directorist-sidebar - .directorist-taxonomy-list-one - .directorist-taxonomy-list__card - + .directorist-taxonomy-list__sub-item { - padding: 0; - margin-top: 0; -} -.directorist-sidebar - .directorist-taxonomy-list-one - .directorist-taxonomy-list__toggle--open - + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; -} -.directorist-sidebar - .directorist-taxonomy-list-one - .directorist-taxonomy-list__toggle--open - + .directorist-taxonomy-list__sub-item - li { - margin-top: 0; + gap: 15px; + margin: 0; +} +.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { + width: 100%; + -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; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.8); - z-index: 999; + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + left: 0; + display: -webkit-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-right: 10px; +.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter { + margin-right: 10px; } .directorist-single-contents-area .directorist-card__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-width: 34px; - height: 34px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); -} -.directorist-single-contents-area - .directorist-card__header-icon - .directorist-icon-mask { - color: var(--directorist-color-dark); -} -.directorist-single-contents-area - .directorist-card__header-icon - .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: -webkit-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-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 { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + 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; + } } .directorist-single-listing-quick-action .directorist-social-share-links { - position: absolute; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - z-index: 2; - visibility: hidden; - opacity: 0; - right: 0; - top: calc(100% + 30px); - background-color: var(--directorist-color-white); - border-radius: 8px; - width: 150px; - -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - list-style-type: none; - padding: 10px; - margin: 0; + position: absolute; + -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; + padding-left: 0; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item a { - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - font-size: 14px; - font-weight: 500; - border: 0 none; - border-radius: 8px; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-single-listing-quick-action - .directorist-social-links__item - a - span.la, -.directorist-single-listing-quick-action - .directorist-social-links__item - a - span.lab, -.directorist-single-listing-quick-action - .directorist-social-links__item - a - span.fa, + padding: 8px 12px; + display: -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); + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after, +.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after, +.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after, +.directorist-single-listing-quick-action .directorist-social-links__item a i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action .directorist-social-links__item a span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la, +.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa, +.directorist-single-listing-quick-action .directorist-social-links__item a:hover i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-single-listing-action { - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - font-weight: 400; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-white) !important; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; + gap: 8px; + -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-left: 20px; - margin-left: 0; + list-style: disc; + padding-left: 20px; + margin-left: 0; } .directorist-listing-details__text li { - list-style: disc; + list-style: disc; } .directorist-listing-details__listing-title { - font-size: 30px; - font-weight: 600; - display: inline-block; - margin: 15px 0 0; - color: var(--directorist-color-dark); + font-size: 30px; + font-weight: 600; + display: inline-block; + margin: 15px 0 0; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-listing-details__listing-title { - font-size: 24px; - } + .directorist-listing-details__listing-title { + font-size: 24px; + } } .directorist-listing-details__tagline { - margin: 10px 0; - color: var(--directorist-color-body); + margin: 10px 0; + color: var(--directorist-color-body); } -.directorist-listing-details - .directorist-pricing-meta - .directorist-listing-price { - padding: 5px 10px; - border-radius: 6px; - background-color: var(--directorist-color-light); +.directorist-listing-details .directorist-pricing-meta .directorist-listing-price { + padding: 5px 10px; + border-radius: 6px; + background-color: var(--directorist-color-light); } .directorist-listing-details .directorist-listing-single__info { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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, @@ -22750,5366 +19154,4415 @@ input.directorist-toggle-input:checked .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-right: 10px; - width: auto; + margin-right: 10px; + width: auto; } .directorist-single-author-avatar .directorist-single-author-avatar-inner img { - width: 50px; - height: 50px; - border-radius: 50%; -} -.directorist-single-author-avatar .directorist-single-author-name h1, -.directorist-single-author-avatar .directorist-single-author-name h2, -.directorist-single-author-avatar .directorist-single-author-name h3, -.directorist-single-author-avatar .directorist-single-author-name h4, -.directorist-single-author-avatar .directorist-single-author-name h5, -.directorist-single-author-avatar .directorist-single-author-name h6 { - font-size: 16px; - font-weight: 500; - line-height: 1.2; - letter-spacing: normal; - margin: 0 0 3px; - color: var(--color-dark); + width: 50px; + height: 50px; + border-radius: 50%; +} +.directorist-single-author-avatar .directorist-single-author-name h1, .directorist-single-author-avatar .directorist-single-author-name h2, .directorist-single-author-avatar .directorist-single-author-name h3, .directorist-single-author-avatar .directorist-single-author-name h4, .directorist-single-author-avatar .directorist-single-author-name h5, .directorist-single-author-avatar .directorist-single-author-name h6 { + font-size: 16px; + font-weight: 500; + line-height: 1.2; + letter-spacing: normal; + margin: 0 0 3px; + color: var(--color-dark); } .directorist-single-author-avatar .directorist-single-author-membership { - font-size: 14px; - color: var(--directorist-color-light-gray); + font-size: 14px; + color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info { - margin-top: 15px; + margin-top: 15px; } .directorist-single-author-contact-info ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - padding: 0; + -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; + 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; + margin-bottom: 12px; } .directorist-single-author-contact-info ul a { - text-decoration: none; - color: var(--directorist-color-body); + text-decoration: none; + color: var(--directorist-color-body); } .directorist-single-author-contact-info ul a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-author-contact-info ul .directorist-icon-mask::after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light-gray); + width: 14px; + height: 14px; + background-color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info-text { - font-size: 15px; - margin-left: 12px; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + margin-left: 12px; + -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-right: 10px; - font-size: 14px; - text-align: center; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - color: var(--directorist-color-light-gray); - background-color: var(--directorist-color-bg-light); -} -.directorist-details-info-wrap - .directorist-single-info__label-icon - .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: 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; + position: relative; + min-width: 70px; + margin-top: 5px; + padding-right: 10px; } .directorist-details-info-wrap .directorist-single-info__label__text:before { - content: ":"; - position: absolute; - right: 0; - top: 0; + content: ":"; + position: absolute; + right: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label__text { - min-width: 60px; - } -} -.directorist-details-info-wrap - .directorist-single-info-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-right: 10px; + display: inline-block; + vertical-align: middle; + margin-right: 10px; } .directorist-rating-given-block .directorist-rating-given-block__label a, .directorist-rating-given-block .directorist-rating-given-block__stars a { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-rating-given-block .directorist-rating-given-block__label { - margin-right: 10px; - margin: 0 10px 0 0; + margin-right: 10px; + margin: 0 10px 0 0; } .directorist-rating-given-block__stars .br-widget a:before { - content: ""; - -webkit-mask-image: url(../js/../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-left: 20px; + display: inline-block; + margin-left: 20px; } .directorist-review-current-rating { - margin-bottom: 16px; + margin-bottom: 16px; } .directorist-review-current-rating .directorist-review-current-rating__label { - margin-right: 10px; - margin-bottom: 0; + margin-right: 10px; + margin-bottom: 0; } .directorist-review-current-rating .directorist-review-current-rating__label, .directorist-review-current-rating .directorist-review-current-rating__stars { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } -.directorist-review-current-rating - .directorist-review-current-rating__stars - li { - display: inline-block; +.directorist-review-current-rating .directorist-review-current-rating__stars li { + display: inline-block; } -.directorist-review-current-rating - .directorist-review-current-rating__stars - span { - color: #d4d3f3; +.directorist-review-current-rating .directorist-review-current-rating__stars span { + color: #d4d3f3; } -.directorist-review-current-rating - .directorist-review-current-rating__stars - span:before { - content: "\f005"; - font-size: 14px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; +.directorist-review-current-rating .directorist-review-current-rating__stars span:before { + content: "\f005"; + font-size: 14px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } -.directorist-review-current-rating - .directorist-review-current-rating__stars - span.directorist-rate-active { - color: #fa8b0c; +.directorist-review-current-rating .directorist-review-current-rating__stars span.directorist-rate-active { + color: #fa8b0c; } .directorist-single-review { - padding-bottom: 26px; - padding-top: 30px; - border-bottom: 1px solid #e3e6ef; + padding-bottom: 26px; + padding-top: 30px; + border-bottom: 1px solid #e3e6ef; } .directorist-single-review:first-child { - padding-top: 0; + padding-top: 0; } .directorist-single-review:last-child { - padding-bottom: 0; - border-bottom: 0; + padding-bottom: 0; + border-bottom: 0; } .directorist-single-review .directorist-single-review__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -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-right: 12px; + margin-right: 12px; } .directorist-single-review .directorist-single-review-avatar img { - max-width: 50px; - border-radius: 50%; + max-width: 50px; + border-radius: 50%; } -.directorist-single-review - .directorist-rated-stars - ul - li - span.directorist-rate-active { - color: #fa8b0c; +.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active { + color: #fa8b0c; } .atbdp-universal-pagination ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -5px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); -} -.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_h { - visibility: hidden; - opacity: 0; - left: 70%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_d { - visibility: visible; - opacity: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover { - color: var(--directorist-color-primary); -} -.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_h { - visibility: visible; - opacity: 1; - left: 50%; -} -.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_d { - visibility: hidden; - opacity: 0; - left: 30%; + opacity: 0.5; +} +.atbdp-universal-pagination li[class^=atbd-page-jump-] { + min-width: 30px; + min-height: 30px; + position: relative; + cursor: pointer; +} +.atbdp-universal-pagination li[class^=atbd-page-jump-] .la { + position: absolute; + left: 50%; + top: 50%; + -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; + padding: 0 14px; + line-height: 2.55; } /*================================== Review: New Style ===================================*/ .directorist-review-container { - padding: 0; - margin-bottom: 35px; + padding: 0; + margin-bottom: 35px; } .directorist-review-container .comment-notes, .directorist-review-container .comment-form-cookies-consent { - margin-bottom: 20px; - font-style: italic; - font-size: 14px; - font-weight: normal; + margin-bottom: 20px; + font-style: italic; + font-size: 14px; + font-weight: normal; } .directorist-review-content a > i { - font-size: 13.5px; + font-size: 13.5px; } .directorist-review-content .directorist-btn > i { - margin-right: 5px; + margin-right: 5px; } .directorist-review-content #cancel-comment-reply-link, .directorist-review-content .directorist-js-cancel-comment-edit { - font-size: 14px; - margin-left: 15px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-left: 15px; + color: var(--directorist-color-deep-gray); } -.directorist-review-content #cancel-comment-reply-link:hover, -.directorist-review-content #cancel-comment-reply-link:focus, +.directorist-review-content #cancel-comment-reply-link:hover, .directorist-review-content #cancel-comment-reply-link:focus, .directorist-review-content .directorist-js-cancel-comment-edit:hover, .directorist-review-content .directorist-js-cancel-comment-edit:focus { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-review-content #cancel-comment-reply-link, - .directorist-review-content .directorist-js-cancel-comment-edit { - margin-left: 0; - } + .directorist-review-content #cancel-comment-reply-link, + .directorist-review-content .directorist-js-cancel-comment-edit { + margin-left: 0; + } } .directorist-review-content .directorist-review-content__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 6px 20px; - border: 1px solid #eff1f6; - border-bottom-color: #f2f2f2; - background-color: var(--directorist-color-white); - border-radius: 16px 16px 0 0; -} -.directorist-review-content - .directorist-review-content__header - h3:not(.directorist-card__header__title) { - font-size: 16px; - font-weight: 500; - color: #1a1b29; - margin: 10px 0; -} -.directorist-review-content - .directorist-review-content__header - h3:not(.directorist-card__header__title) - span { - color: var(--directorist-color-body); -} -.directorist-review-content - .directorist-review-content__header - h3:not(.directorist-card__header__title) - span:before { - content: "-"; - color: #8f8e9f; - padding-right: 5px; -} -.directorist-review-content - .directorist-review-content__header - .directorist-btn { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content - .directorist-review-content__header - .directorist-btn - .directorist-icon-mask { - display: inline-block; - margin-right: 4px; -} -.directorist-review-content - .directorist-review-content__header - .directorist-btn - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-review-content - .directorist-review-content__header - .directorist-btn:hover { - opacity: 0.8; -} -.directorist-review-content - .directorist-review-content__header - .directorist-noreviews { - font-size: 16px; - margin-bottom: 0; - padding: 19px 20px 15px; -} -.directorist-review-content - .directorist-review-content__header - .directorist-noreviews - a { - color: #2c99ff; + display: -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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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; + -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; + -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; + 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; + 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-right: 5px; + content: "-"; + color: #8F8E9F; + padding-right: 5px; } .directorist-review-submit__header .directorist-btn { - font-size: 13px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 20px; - min-height: 40px; - border-radius: 8px; + font-size: 13px; + -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; + display: inline-block; + margin-right: 4px; } -.directorist-review-submit__header - .directorist-btn - .directorist-icon-mask::after { - width: 13px; - height: 13px; - background-color: var(--directorist-color-white); +.directorist-review-submit__header .directorist-btn .directorist-icon-mask::after { + width: 13px; + height: 13px; + background-color: var(--directorist-color-white); } .directorist-review-submit__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; - border-top: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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; - left: 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; + 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; + 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-right: 4px; -} -.directorist-review-submit__overview__benchmarks - .directorist-benchmark-single - label:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); -} -.directorist-review-submit__reviews, -.directorist-review-submit__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - margin-left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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); + border-top: 1px solid var(--directorist-color-border); } .directorist-review-submit .directorist-comment-edit-request { - position: relative; + position: relative; } .directorist-review-submit .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; } .directorist-review-submit .directorist-comment-edit-request > li { - border-top: 1px solid var(--directorist-color-border); -} -.directorist-review-submit - .directorist-comment-edit-request - .directorist-comment-edit-request { - position: relative; -} -.directorist-review-submit - .directorist-comment-edit-request - .directorist-comment-edit-request:after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-submit - .directorist-comment-edit-request - .directorist-comment-edit-request:before { - position: absolute; - z-index: 100; - left: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} - -.directorist-review-single - .directorist-comment-editing - .directorist-review-single__report, -.directorist-review-single - .directorist-comment-editing - .directorist-review-single__content, -.directorist-review-single - .directorist-comment-editing - .directorist-review-single__actions { - display: none; + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before { + position: absolute; + z-index: 100; + left: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + -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-left: 15px; + -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); + 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-left: 14px; - color: var(--directorist-color-deep-gray); + display: inline-block; + font-size: 13px; + margin-left: 14px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__report a { - font-size: 13px; - color: #8c90a4; - display: block; + font-size: 13px; + color: #8C90A4; + display: block; } .directorist-review-single__content p { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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-right: 6px; + margin-right: 6px; } .directorist-review-single__actions a .directorist-icon-mask::after { - width: 13.5px; - height: 13.5px; - background-color: var(--directorist-color-deep-gray); + width: 13.5px; + height: 13.5px; + background-color: var(--directorist-color-deep-gray); } .directorist-review-single .directorist-review-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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-left: 0; - padding-right: 0; -} -.directorist-review-single - .directorist-review-submit - .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 13px; - max-width: 100%; - width: 100%; - margin: 0; + padding-left: 0; + padding-right: 0; +} +.directorist-review-single .directorist-review-submit .directorist-card__header__title { + display: -webkit-box; + display: -webkit-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; - left: -20px; - top: 0; - width: 2px; - height: 100%; - content: ""; - background-color: var(--directorist-color-border-gray); + padding-bottom: 0; +} +.directorist-review-single .directorist-review-single .directorist-review-single__header { + margin-bottom: 15px; +} +.directorist-review-single .directorist-review-single .directorist-review-single__info { + position: relative; +} +.directorist-review-single .directorist-review-single .directorist-review-single__info:before { + position: absolute; + left: -20px; + top: 0; + width: 2px; + height: 100%; + content: ""; + background-color: var(--directorist-color-border-gray); } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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-left: 0; - padding-right: 0; + padding: 25px; +} +.directorist-review-submit__form#commentform .directorist-form-group, .directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group { + display: -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; + 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-left: 20px; - font-size: 14px; - font-weight: 500; + background-color: #E1E4EC !important; + text-decoration: none !important; + outline: 0; +} +.directorist-review-submit__form .directorist-review-criteria__single a.br-selected, .directorist-review-submit__form .directorist-review-criteria__single a.br-active { + background-color: var(--directorist-color-warning) !important; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating { + display: inline-block; + margin-left: 20px; + font-size: 14px; + font-weight: 500; } .directorist-review-submit__form .directorist-form-group:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-review-submit__form .directorist-form-group textarea { - background-color: #f6f7f9; - font-size: 15px; - display: block; - resize: vertical; - margin: 0; + background-color: #F6F7F9; + font-size: 15px; + display: block; + resize: vertical; + margin: 0; } .directorist-review-submit__form .directorist-form-group textarea:focus { - background-color: #f6f7f9; + background-color: #F6F7F9; } .directorist-review-submit__form .directorist-form-group label { - display: block; - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - margin-bottom: 5px; -} -.directorist-review-submit__form .directorist-form-group input[type="text"], -.directorist-review-submit__form .directorist-form-group input[type="email"], -.directorist-review-submit__form .directorist-form-group input[type="url"] { - height: 46px; - background-color: var(--directorist-color-white); - margin: 0; -} -.directorist-review-submit__form - .directorist-form-group - input[type="text"]::-webkit-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="email"]::-webkit-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="url"]::-webkit-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form - .directorist-form-group - input[type="text"]::-moz-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="email"]::-moz-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="url"]::-moz-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form - .directorist-form-group - input[type="text"]:-ms-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="email"]:-ms-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="url"]:-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form - .directorist-form-group - input[type="text"]::-ms-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="email"]::-ms-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="url"]::-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form - .directorist-form-group - input[type="text"]::placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="email"]::placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="url"]::placeholder { - color: var(--directorist-color-deep-gray); + display: block; + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + margin-bottom: 5px; +} +.directorist-review-submit__form .directorist-form-group input[type=text], +.directorist-review-submit__form .directorist-form-group input[type=email], +.directorist-review-submit__form .directorist-form-group input[type=url] { + height: 46px; + background-color: var(--directorist-color-white); + margin: 0; +} +.directorist-review-submit__form .directorist-form-group input[type=text]::-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; - right: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + position: relative; + margin: 5px; +} +.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery { + display: -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; + 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; + 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-right: 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-right: 20px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-img { - margin-right: 0; - } -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-img - img { - max-width: 100px; - border-radius: 6px; + .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { + margin-right: 0; + } +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img img { + max-width: 100px; + border-radius: 6px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-content { - margin-top: 10px; - } -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-title { - font-size: 15px; - font-weight: 500; - margin: 0 0 6px; -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-title - a { - color: var(--directorist-color-dark); - text-decoration: none; -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-category { - color: var(--directorist-color-primary); - text-decoration: none; -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-category - span.la, -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-category - span.fa, -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-category - span.fas, -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-category - i { - margin-right: 6px; - color: var(--directorist-color-light-gray); -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-content { + margin-top: 10px; + } +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title { + font-size: 15px; + font-weight: 500; + margin: 0 0 6px; +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title a { + color: var(--directorist-color-dark); + text-decoration: none; +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category { + color: var(--directorist-color-primary); + text-decoration: none; +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.la, +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fa, +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fas, +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i { + margin-right: 6px; + color: var(--directorist-color-light-gray); +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { + display: -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; - /* 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; + .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-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%; - left: 0; - overflow: visible; - position: fixed; - top: 0; - width: 100%; - z-index: 9999999; - display: none; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + height: 100%; + left: 0; + overflow: visible; + position: fixed; + top: 0; + width: 100%; + z-index: 9999999; + display: none; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } #directorist-dashboard-preloader div { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - position: absolute; - width: 64px; - height: 64px; - margin: 8px; - border: 8px solid var(--directorist-color-primary); - border-radius: 50%; - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - border-color: var(--directorist-color-primary) transparent transparent - transparent; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + -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; + -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-left: 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-left: 0; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0; - } + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + } } .directorist-user-dashboard-tab li { - list-style: none; + list-style: none; } .directorist-user-dashboard-tab li:not(:last-child) { - margin-right: 20px; + margin-right: 20px; } .directorist-user-dashboard-tab li a { - display: inline-block; - font-size: 14px; - font-weight: 500; - padding: 20px 0; - text-decoration: none; - color: var(--directorist-color-dark); - position: relative; + display: inline-block; + font-size: 14px; + font-weight: 500; + padding: 20px 0; + text-decoration: none; + color: var(--directorist-color-dark); + position: relative; } .directorist-user-dashboard-tab li a:after { - position: absolute; - left: 0; - bottom: -4px; - width: 100%; - height: 2px; - border-radius: 8px; - opacity: 0; - visibility: hidden; - content: ""; - background-color: var(--directorist-color-primary); + position: absolute; + left: 0; + bottom: -4px; + width: 100%; + height: 2px; + border-radius: 8px; + opacity: 0; + visibility: hidden; + content: ""; + background-color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab li a { - padding-bottom: 5px; - } + .directorist-user-dashboard-tab li a { + padding-bottom: 5px; + } } .directorist-user-dashboard-tab .directorist-user-dashboard-search { - position: relative; - border-radius: 12px; - margin: 16px 0 16px 16px; + position: relative; + border-radius: 12px; + margin: 16px 0 16px 16px; } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { - position: absolute; - left: 16px; - top: 50%; - line-height: 1; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 16px; + top: 50%; + line-height: 1; + -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 18px 10px 40px; - min-width: 260px; - height: 36px; - background-color: #f6f7f9; - margin-bottom: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; + border: 0 none; + border-radius: 18px; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + padding: 10px 18px 10px 40px; + min-width: 260px; + height: 36px; + background-color: #f6f7f9; + margin-bottom: 0; + -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: left; + text-align: left; } -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing { - min-width: 320px; +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { + min-width: 320px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing { - min-width: 260px; - } + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { + min-width: 260px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing { - min-width: 230px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing-type { - min-width: 180px; + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { + min-width: 230px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { + min-width: 180px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing-type { - min-width: 160px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-category { - min-width: 180px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-ex-date { - min-width: 250px; + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { + min-width: 160px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-category { + min-width: 180px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { + min-width: 250px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-ex-date { - min-width: 220px; - } + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { + min-width: 220px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-ex-date { - min-width: 200px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-status { - min-width: 160px; + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { + min-width: 200px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { + min-width: 160px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-status { - min-width: 130px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist_table-plan { - min-width: 120px; + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { + min-width: 130px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { + min-width: 120px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist_table-plan { - min-width: 100px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-actions { - min-width: 200px; + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { + min-width: 100px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { + min-width: 200px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-actions { - min-width: 150px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:first-child - th { - padding-top: 22px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:first-child - td { - padding-top: 28px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:last-child - td, -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:last-child - th { - padding-bottom: 22px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:last-child - .directorist-dropdown - .directorist-dropdown-menu { - bottom: 100%; - top: auto; - -webkit-transform: translateY(-15px); - transform: translateY(-15px); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:first-child - .directorist-dropdown - .directorist-dropdown-menu { - bottom: auto; - top: 35px; - -webkit-transform: translateY(0); - transform: translateY(0); + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { + min-width: 150px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th { + padding-top: 22px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td { + padding-top: 28px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td, +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th { + padding-bottom: 22px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu { + bottom: 100%; + top: auto; + -webkit-transform: translateY(-15px); + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu { + bottom: auto; + top: 35px; + -webkit-transform: translateY(0); + transform: translateY(0); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - padding: 12.5px 22px; - border: 0 none; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + padding: 12.5px 22px; + border: 0 none; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - letter-spacing: 1.1px; - font-size: 12px; - font-weight: 500; - color: #8f8e9f; - text-transform: uppercase; - border-bottom: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__img { - margin-right: 12px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__img - img { - width: 44px; - height: 44px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 6px; - max-width: inherit; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__content - .directorist-title { - margin: 0 0 5px; - font-size: 15px; - font-weight: 500; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__content - .directorist-title - a { - color: #0a0b1e; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__content - .directorist-price { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge { - font-size: 12px; - font-weight: 700; - border-radius: 4px; - padding: 3px 7px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.primary { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.directorist_status_publish { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.directorist_status_pending { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.directorist_status_private { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.danger { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.warning { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - a { - font-size: 13px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - a.directorist-link-btn { - color: var(--directorist-color-info); - font-weight: 500; - margin-right: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - a.directorist-link-btn - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-info); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - .directorist-btn-more { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - .directorist-btn-more - i, -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - .directorist-btn-more - span, -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - .directorist-btn-more - svg { - position: relative; - top: 1.5px; - margin-right: 5px; - font-size: 14px; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - .directorist-checkbox - label { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown { - position: relative; - border: 0 none; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown - .directorist-dropdown-menu { - position: absolute; - right: 0; - top: 35px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown - .directorist-dropdown-menu.active { - opacity: 1; - visibility: visible; - z-index: 22; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu { - min-width: 230px; - border: 1px solid #eff1f6; - padding: 0 0 10px 0; - border-radius: 6px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list { - position: relative; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list:not(:last-child) { - padding-bottom: 10px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list:not(:last-child):after { - position: absolute; - left: 20px; - bottom: 0; - width: calc(100% - 40px); - height: 1px; - background-color: #eff1f6; - content: ""; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist-dropdown-item { - padding: 10px 20px; - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - text-decoration: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist-dropdown-item:hover { - background-color: #f6f7f9; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist-dropdown-item:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist-dropdown-item - i { - font-size: 15px; - margin-right: 14px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist_custom-checkbox { - padding: 10px 20px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist_custom-checkbox:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist_custom-checkbox - label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent - .directorist_dashboard_rating - li:not(:last-child) { - margin-right: 4px; + letter-spacing: 1.1px; + font-size: 12px; + font-weight: 500; + color: #8f8e9f; + text-transform: uppercase; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info { + display: -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; + -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 span.fas, +.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa, +.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.la { + font-size: 15px; + margin-right: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li a { - padding: 0; + padding: 0; } .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 2px 22px 0 22px; - padding: 30px 0 40px; - border-top: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers { - margin: 4px; - padding: 0; - line-height: normal; - height: 40px; - min-height: 40px; - width: 40px; - min-width: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border: 2px solid var(--directorist-color-border); - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-transition: 0.3s; - transition: 0.3s; - color: var(--directorist-color-body); - text-align: center; - margin: 4px; - right: auto; - float: none; - font-size: 15px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers:hover, -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers:hover - .directorist-icon-mask:after, -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers.current - .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers - .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); -} - -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing { - min-width: 218px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing-type { - min-width: 95px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-ex-date { - min-width: 140px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-status { - min-width: 115px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist_table-plan { - min-width: 120px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-actions { - min-width: 155px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - td, -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th { - padding: 12px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - a.directorist-link-btn { - margin-right: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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; + 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); - left: 0; - top: 0; - z-index: 9999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: 9999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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-right: 2px solid var(--directorist-color-white); - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - visibility: hidden; - opacity: 0; + border: 2px solid var(--directorist-color-primary); + width: 15px; + height: 15px; + display: inline-block; + border-radius: 50%; + border-right: 2px solid var(--directorist-color-white); + -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; - left: 0; - width: 100%; - height: 100%; - display: none; - opacity: 0; - z-index: -1; - background-color: var(--directorist-color-white); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: none; + opacity: 0; + z-index: -1; + background-color: var(--directorist-color-white); } .directorist-shade.directorist-active { - display: block; - z-index: 21; + display: block; + z-index: 21; } .table.atbd_single_saved_item { - margin: 0; - background-color: var(--directorist-color-white); - border-collapse: collapse; - width: 100%; - min-width: 240px; + margin: 0; + background-color: var(--directorist-color-white); + border-collapse: collapse; + width: 100%; + min-width: 240px; } .table.atbd_single_saved_item td, .table.atbd_single_saved_item th, .table.atbd_single_saved_item tr { - border: 1px solid #ececec; + border: 1px solid #ececec; } .table.atbd_single_saved_item td { - padding: 0 15px; + padding: 0 15px; } .table.atbd_single_saved_item td p { - margin: 5px 0; + margin: 5px 0; } .table.atbd_single_saved_item th { - text-align: left; - padding: 5px 15px; + text-align: left; + padding: 5px 15px; } .table.atbd_single_saved_item .action a.btn { - text-decoration: none; - font-size: 14px; - padding: 8px 15px; - border-radius: 8px; - display: inline-block; + text-decoration: none; + font-size: 14px; + padding: 8px 15px; + border-radius: 8px; + display: inline-block; } .directorist-user-dashboard__nav { - min-width: 230px; - padding: 20px 10px; - margin-right: 30px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - left: 0; - border-radius: 12px; - overflow: hidden; - overflow-y: auto; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + min-width: 230px; + padding: 20px 10px; + margin-right: 30px; + -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; - } + .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 { + right: 20px; + top: 10px; + } } .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: none; - position: absolute; - right: 15px; - top: 50px; + display: none; + position: absolute; + right: 15px; + top: 50px; } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: block; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + display: block; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - right: 20px; - top: 10px; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + right: 20px; + top: 10px; + } } .directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { - min-width: unset; - width: 0 !important; - height: 0; - margin-right: 0; - left: -230px; - visibility: hidden; - opacity: 0; - padding: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + min-width: unset; + width: 0 !important; + height: 0; + margin-right: 0; + left: -230px; + visibility: hidden; + opacity: 0; + padding: 0; + pointer-events: none; + -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-left: 25px; - text-decoration: none; + padding-left: 25px; + text-decoration: none; } .directorist-tab__nav__link { - font-size: 14px; - border-radius: 4px; - padding: 10px; - outline: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-body); - text-decoration: none; + font-size: 14px; + border-radius: 4px; + padding: 10px; + outline: 0; + display: -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; - margin-right: 10px; + pointer-events: none; + display: inline-block; + margin-right: 10px; } -.directorist-tab__nav__link.directorist-tab__nav__active, -.directorist-tab__nav__link:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active, .directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active - .directorist-icon-mask:after, -.directorist-tab__nav__link:focus .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, -.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { - background-color: transparent; +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; } /* user dashboard sidebar nav action */ .directorist-tab__nav__action { - margin-top: 15px; + margin-top: 15px; } .directorist-tab__nav__action .directorist-btn { - display: block; + display: block; } .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } /* user dashboard tab style */ .directorist-tab__pane { - display: none; + display: none; } .directorist-tab__pane.directorist-tab__pane--active { - display: block; + display: block; } -#dashboard_profile - #user_profile_form.directorist-profile-responsive - .directorist-col-lg-3 { - width: 100%; +#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 { + width: 100%; } -#dashboard_profile - #user_profile_form.directorist-profile-responsive - .directorist-col-lg-9 { - width: 100%; +#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 { + width: 100%; } .directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; + padding: 25px; + background-color: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; } .directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 8px; - padding: 10.5px 30px; - background-color: #f6f7f9; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + -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; - left: 4px; - -webkit-transition: left 0.25s; - transition: left 0.25s; + display: block; + background: white; + border-radius: 50%; + width: 16px; + height: 16px; + position: absolute; + top: 3px; + left: 4px; + -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%); + 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); + background: var(--directorist-color-primary); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch:before { - left: 25px; + left: 25px; } .directorist-toggle-checkbox { - position: absolute; - visibility: hidden; + position: absolute; + visibility: hidden; } .directorist-user-socials .directorist-user-social-label { - font-size: 18px; - padding-bottom: 18px; - margin-bottom: 28px !important; - border-bottom: 1px solid #eff1f6; + font-size: 18px; + padding-bottom: 18px; + margin-bottom: 28px !important; + border-bottom: 1px solid #eff1f6; } .directorist-user-socials label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; + margin-right: 6px; } -.directorist-user-socials - label - .directorist-social-icon - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #0a0b1e; +.directorist-user-socials label .directorist-social-icon .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #0a0b1e; } #directorist-prifile-notice .directorist-alert { - width: 100%; - display: inline-block; - margin-top: 15px; + width: 100%; + display: inline-block; + margin-top: 15px; } .directorist-announcement-wrapper { - background-color: var(--directorist-color-white); - border-radius: 12px; - padding: 20px 10px; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + background-color: var(--directorist-color-white); + border-radius: 12px; + padding: 20px 10px; + -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-left: 15px; + -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; - } + .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 { + padding-left: 0; + margin: 12px 0 6px; + text-align: center; + } +} +.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title { + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + margin-bottom: 6px; + margin-top: 0; +} +.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p { + font-size: 14px; + font-weight: 400; + color: #69708e; +} +.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p:empty { + display: none; } .directorist-announcement-wrapper .directorist-announcement__content p:empty { - display: none; + display: none; } .directorist-announcement-wrapper .directorist-announcement__close { - -webkit-box-flex: 0; - -webkit-flex: 0; - -ms-flex: 0; - flex: 0; -} -.directorist-announcement-wrapper - .directorist-announcement__close - .close-announcement { - height: 36px; - width: 36px; - border-radius: 50%; - background-color: #f5f5f5; - border: 0 none; - padding: 0; - -webkit-transition: 0.35s; - transition: 0.35s; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-announcement-wrapper - .directorist-announcement__close - .close-announcement - .directorist-icon-mask::after { - -webkit-transition: 0.35s; - transition: 0.35s; - background-color: #474868; -} -.directorist-announcement-wrapper - .directorist-announcement__close - .close-announcement:hover { - background-color: var(--directorist-color-danger); -} -.directorist-announcement-wrapper - .directorist-announcement__close - .close-announcement:hover - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + -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: left; - padding: 9px 20px; - border: none; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-bg-gray); + font-size: 14px; + font-weight: 500; + text-align: left; + padding: 9px 20px; + border: none; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-bg-gray); } .directorist-payment-table tbody td { - font-size: 14px; - font-weight: 500; - padding: 5px 0; - vertical-align: top; - border: none; - color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 500; + padding: 5px 0; + vertical-align: top; + border: none; + color: var(--directorist-color-dark); } .directorist-payment-table tbody tr:first-child td { - padding-top: 20px; + padding-top: 20px; } .directorist-payment-table__label { - font-weight: 400; - width: 140px; - color: var(--directorist-color-light-gray) !important; + font-weight: 400; + width: 140px; + color: var(--directorist-color-light-gray) !important; } .directorist-payment-table__title { - font-size: 15px; - font-weight: 600; - margin: 0 0 10px !important; - text-transform: capitalize; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + margin: 0 0 10px !important; + text-transform: capitalize; + color: var(--directorist-color-dark); } .directorist-payment-table__title.directorist-payment-table__title--large { - font-size: 16px; + font-size: 16px; } .directorist-payment-table p { - font-size: 13px; - margin: 0; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin: 0; + color: var(--directorist-color-light-gray); } .directorist-payment-summery-table tbody td { - padding: 12px 0; + padding: 12px 0; } .directorist-payment-summery-table tbody td:nth-child(even) { - text-align: right; + text-align: right; } .directorist-payment-summery-table tbody tr.directorsit-payment-table-total td, -.directorist-payment-summery-table - tbody - tr.directorsit-payment-table-total - .directorist-payment-table__title { - font-size: 16px; +.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title { + font-size: 16px; } .directorist-btn-view-listing { - min-height: 54px; - border-radius: 10px; + min-height: 54px; + border-radius: 10px; } .directorist-checkout-card { - -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - -webkit-filter: none; - filter: none; + -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-left: -2px; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 50%; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px; - margin-top: 0 !important; - } - .atbd_content_active - #directorist.atbd_wrapper - .atbd_seach_fields_wrapper - .atbdp-search-form { - margin-left: -15px; - margin-right: -15px; - } + .ads-advanced .price-frequency { + margin-left: -2px; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -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; - } + .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; - } + .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; - } + .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; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } @media (max-width: 400px) { - .atbd_content_active - #directorist.atbd_wrapper - .atbd_generic_header - .atbd_generic_header_title - .more-filter, - .atbd_content_active - #directorist.atbd_wrapper - .atbd_generic_header - .atbd_generic_header_title - h3 { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active - #directorist.atbd_wrapper - .widget.atbd_widget - .atbd_categorized_listings - ul - li - .atbd_right_content - .atbd_cat_popup - .atbd_cat_popup_wrapper, - .atbd_content_active - .widget.atbd_widget - .atbd_categorized_listings - ul - li - .atbd_right_content - .atbd_cat_popup - .atbd_cat_popup_wrapper { - left: -90px; - } - .atbd_content_active - #directorist.atbd_wrapper - .widget.atbd_widget - .atbd_listing_info - .atbd_listing_category - .atbd_cat_popup - .atbd_cat_popup_wrapper:before, - .atbd_content_active - #directorist.atbd_wrapper - .widget.atbd_widget - .atbd_categorized_listings - ul - li - .atbd_right_content - .atbd_cat_popup - .atbd_cat_popup_wrapper:before, - .atbd_content_active - .widget.atbd_widget - .atbd_categorized_listings - ul - li - .atbd_right_content - .atbd_cat_popup - .atbd_cat_popup_wrapper:before { - left: auto; - right: 15px; - } - .atbd_content_active - #directorist.atbd_wrapper - .at-modal - .atm-contents-inner - .dcl_pricing_plan - .atbd_plan_core_features - span { - display: block; - margin-right: 0; - padding-right: 0; - padding-left: 15px; - } - .atbd_content_active - #directorist.atbd_wrapper - .at-modal - .atm-contents-inner - .dcl_pricing_plan - .atbd_plan_core_features - span:after { - content: "-" !important; - right: auto; - left: 0; - } - .atbd_content_active - #directorist.atbd_wrapper - .atbd_saved_items_wrapper - .thumb_title - .img_wrapper - img { - max-width: none; - } - .atbd_content_active - #directorist.atbd_wrapper - .atbd_content_module_title_area - .atbd_listing_action_area - .atbd_action.atbd_share:hover - .atbd_directory_social_wrap, - .atbd_content_active - #directorist.atbd_wrapper - .atbd_content_module__tittle_area - .atbd_listing_action_area - .atbd_action.atbd_share:hover - .atbd_directory_social_wrap { - right: -40px; - } + .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title .more-filter, + .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper, + .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper { + left: -90px; + } + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_listing_info .atbd_listing_category .atbd_cat_popup .atbd_cat_popup_wrapper:before, + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before, + .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before { + left: auto; + right: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span { + display: block; + margin-right: 0; + padding-right: 0; + padding-left: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span:after { + content: "-" !important; + right: auto; + left: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_saved_items_wrapper .thumb_title .img_wrapper img { + max-width: none; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, + .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { + right: -40px; + } } @media (max-width: 340px) { - .atbd_content_active - #directorist.atbd_wrapper - .atbd_generic_header - .atbd_listing_action_btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - .atbd_content_active - #directorist.atbd_wrapper - .atbd_listing_action_btn - .dropdown { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active - #directorist.atbd_wrapper - .atbd_listing_action_btn - .dropdown - + .dropdown { - margin-left: 0; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { + display: -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; - } - .directorist-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } + .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-all-listing-col { + width: 50% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 50% !important; + } } @media only screen and (max-width: 767px) { - .directorist-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } + .directorist-all-listing-col { + width: 50% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 50% !important; + } } @media only screen and (max-width: 575px) { - .directorist-all-listing-col { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 100% !important; - } - .directorist-modal__dialog { - width: calc(100% - 30px) !important; - } - .directorist-advanced-filter__basic__element { - width: 100%; - -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-all-listing-col { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 100% !important; + } + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + -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; - } + .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*/ + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + } + .directorist-user-dashboard-tab ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-user-dashboard-tab ul li a { + padding-bottom: 5px; + } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-left: 0; + } + .directorist-author-profile-wrap .directorist-author-avatar { + display: block; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-bottom: 15px; + } + .directorist-author-profile-wrap .directorist-author-avatar { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info p { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-right: 0; + display: inline-block; + } +} + +/*# sourceMappingURL=all-listings.css.map*/ \ No newline at end of file diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 44b0b59da9..4b6e3bd2c0 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -3,1129 +3,990 @@ \******************************************************************************************************************************************************************************************************************************************************************************************************/ /* 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; } .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 !important; -} -.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: 100px; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.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: 500; - color: var(--directorist-color-primary); - background-color: transparent; -} -.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 !important; +} +.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: 100px; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.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: 500; + color: var(--directorist-color-primary); + background-color: transparent; +} +.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); + .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); } .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 */ @@ -1136,2024 +997,2003 @@ body.logged-in.directorist-content-active .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 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; } .directorist-col-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; } .directorist-col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; } .directorist-col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; } .directorist-col-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; } .directorist-col-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; } .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; } .directorist-col-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; } .directorist-col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; } .directorist-col-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; } .directorist-col-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + 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 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - 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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + 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-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-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-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-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 ; } /*! @@ -3163,899 +3003,617 @@ 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; - /* Legacy 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-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: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; - /* social info */ + 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 - .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; } /* ========================== @@ -4063,11 +3621,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, @@ -4076,1141 +3634,1006 @@ 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; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-right: 15px; - padding-left: 15px; - max-width: 290px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding-right: 15px; + padding-left: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + -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: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 9px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 145px; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section - .ezmu__media-picker-icon-wrap-upload { - display: -webkit-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: 145px; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { + display: -webkit-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: 11px; - height: 20px; + width: 11px; + height: 20px; } /* 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, @@ -5218,827 +4641,786 @@ 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-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; } .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 */ @@ -6052,48 +5434,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 */ @@ -6104,231 +5486,229 @@ 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 */ @@ -6337,1933 +5717,1740 @@ 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; } .entry-content ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .entry-content a { - text-decoration: none; + text-decoration: none; } .entry-content .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); + margin: 0; + padding: 0; + color: var(--directorist-color-dark); } -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; +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; - display: -webkit-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; - -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; + display: -webkit-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; + -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; } /*** @@ -8271,8371 +7458,6755 @@ 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%; + width: 100%; } .directorist-swiper__nav { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; + position: absolute; + top: 50%; + -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; - border-radius: 12px; - overflow: auto; - height: auto; + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + border-radius: 12px; + overflow: auto; + height: auto; } .directorist-single-listing-slider-thumb .swiper-wrapper { - gap: 10px; - height: auto; + gap: 10px; + height: auto; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; + display: none; } .directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider-thumb .swiper-slide { - position: relative; - min-width: 100px; - max-width: 100px; - height: 90px; - cursor: pointer; - margin: 0 !important; + position: relative; + min-width: 100px; + max-width: 100px; + height: 90px; + cursor: pointer; + margin: 0 !important; } .directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 14px; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 14px; } .directorist-single-listing-slider-thumb .swiper-slide:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - border-radius: 14px; - background-color: rgba(0, 0, 0, 0.3); - z-index: 1; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; -} -.directorist-single-listing-slider-thumb .swiper-slide:hover:before, -.directorist-single-listing-slider-thumb - .swiper-slide.swiper-slide-thumb-active:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; } @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-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-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__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; - } - .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: 0; - 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-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-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 - .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; - } - .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-is-focused:not( - .input-has-noLabel - ).directorist-icon-right - .directorist-input-icon, - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.input-is-focused:not(.input-has-noLabel) - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - left: -20px; - } - .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-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 { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { + width: 100%; + margin: 0 20px; + } + .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: 0; + 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-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-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 .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; + } + .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-is-focused:not(.input-has-noLabel).directorist-icon-right .directorist-input-icon, + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + left: -20px; + } + .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-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 { - 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 { + 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-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; - font-weight: 500; - margin-bottom: 15px; +.directorist-search-modal--basic .directorist-search-field-radius_search > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + font-weight: 500; + margin-bottom: 15px; } .directorist-search-modal--basic .directorist-search-field-text_range > label { - display: none; + display: none; } -.directorist-search-modal--advanced - .directorist-search-modal__contents__body - .directorist-search-field__btn { - bottom: 12px; +.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; - top: 100%; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-radio-wrapper, -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .select2-container--default - .select2-selection--single - .select2-selection__rendered - .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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-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); - /* Legacy Icon */ + 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 .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-author-listing-grid--fix - .directorist-col-lg-3 { - width: 33.3333333333%; +.directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 33.3333333333%; } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-lg-3 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-lg-3 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 100%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-4 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-4 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-4 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-4 { + width: 100%; + } } @media only screen and (max-width: 991px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 33.33%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 33.33%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 100%; + } } @media only screen and (max-width: 1199px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 25%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 25%; + } } @media only screen and (max-width: 991px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 33.33%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 33.33%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 100%; + } } -.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; -} -.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); + 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-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; - font-weight: 500; - 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; + font-weight: 500; + 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); + } } .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; -} -.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; -} -.listing-with-sidebar__sidebar - .directorist-form-group:last-child - .directorist-search-field { - margin-bottom: 0; + -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; +} +.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; +} +.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-icon-right - .directorist-input-icon { - left: 0; -} -.listing-with-sidebar__sidebar - .directorist-form-group.directorist-icon-left - .directorist-input-icon { - right: 0; + -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-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__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 { - margin: 0 0 0 20px; - } - .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-is-focused.input-has-noLabel { - margin: 0; - } - .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 - .directorist-filter-location-icon { - left: -15px; - } + .listing-with-sidebar .directorist-search-form__top .directorist-search-field { + margin: 0 0 0 20px; + } + .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-is-focused.input-has-noLabel { + margin: 0; + } + .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 .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-location - .directorist-search-field.input-is-focused, -.directorist-advanced-filter__advanced__element.directorist-search-field-category - .directorist-search-field.input-is-focused { - margin-top: 0; +.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field.input-is-focused, .directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused { + margin-top: 0; } .directorist-advanced-filter__advanced__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + -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.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.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; + line-height: 1; } .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 .directorist-filter-location-icon { + left: -15px; + } } -.directorist-search-field.input-is-focused - .directorist-search-field__input:not(.directorist-select) { - padding-left: 25px; +.directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) { + padding-left: 25px; } -.directorist-search-field.input-is-focused - .directorist-search-field__input.directorist-location-js { - padding-left: 45px; +.directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js { + padding-left: 45px; } -.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-is-focused .directorist-search-field__input[type=number] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { + opacity: 1; } .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-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-is-focused - .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); -} -.directorist-search-field.input-is-focused - .directorist-form-group__prefix--start { - opacity: 1; -} -.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-is-focused - .directorist-form-group__with-prefix - .directorist-search-field__input { - bottom: 0; + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); +} +.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-is-focused .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-is-focused .directorist-form-group__prefix--start { + opacity: 1; +} +.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-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { + bottom: 0; } .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-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-select - .directorist-search-field__label { - opacity: 1; + position: relative; + bottom: -5px; +} +.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-select .directorist-search-field__label { + opacity: 1; } .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.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-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, + padding-left: 45px; +} +.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-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 { + 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; + } } @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-select, .directorist-search-form__top .directorist-search-category { - width: calc(100% + 15px); + width: calc(100% + 15px); } .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); } @media screen and (max-width: 575px) { - .directorist-search-form__top - .directorist-search-field - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - left: -15px; - } + .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + left: -15px; + } } .directorist-search-form__top .directorist-search-field__btn--clear { - left: 15px; - bottom: 8px; -} -.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-is-focused - .directorist-search-field__input.directorist-select { - padding-left: 0; -} -.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-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.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-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.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-is-focused - .directorist-location-js { - padding-left: 45px; -} -.directorist-search-form__top - .directorist-search-field.input-is-focused - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - left: 15px; -} -.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-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; -} -.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); + left: 15px; + bottom: 8px; +} +.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-is-focused .directorist-search-field__input.directorist-select { + padding-left: 0; +} +.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-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.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-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.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-is-focused .directorist-location-js { + padding-left: 45px; +} +.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + left: 15px; +} +.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-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; +} +.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 - .wp-picker-container - .wp-picker-input-wrap - label { - display: none; -} -.directorist-search-form__top - .directorist-search-field - .directorist-checkbox-wrapper, -.directorist-search-form__top - .directorist-search-field - .directorist-radio-wrapper, -.directorist-search-form__top - .directorist-search-field - .directorist-search-tags { - padding: 0; - gap: 20px; - -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-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 .wp-picker-input-wrap label { + display: none; +} +.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper, +.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper, +.directorist-search-form__top .directorist-search-field .directorist-search-tags { + padding: 0; + gap: 20px; + -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.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.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-is-focused.input-has-noLabel { - margin: 0 20px; - } - .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-is-focused.input-has-noLabel { + margin: 0 20px; + } + .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-is-focused - .directorist-search-field__input { - bottom: 0; - } - .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-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .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-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .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-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-is-focused - .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-form__top - .directorist-search-field.input-is-focused - .directorist-search-field__btn { - left: -20px; - } - .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-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: 5px; - } - .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-is-focused - .directorist-location-js { - padding-left: 30px; - } - .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-is-focused.directorist-icon-right - .directorist-input-icon { - left: -20px; - } - .directorist-search-form__top - .directorist-search-field.input-is-focused - .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: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-is-focused .directorist-search-field__input { + bottom: 0; + } + .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-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .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-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .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-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-is-focused .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn { + left: -20px; + } + .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-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: 5px; + } + .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-is-focused .directorist-location-js { + padding-left: 30px; + } + .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-is-focused.directorist-icon-right .directorist-input-icon { + left: -20px; + } + .directorist-search-form__top .directorist-search-field.input-is-focused .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: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; - top: 100%; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-height: 250px; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-search-tags, -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-radio-wrapper, -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox-wrapper { - gap: 12px; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox__label { - width: 100%; + .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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, @@ -16645,6102 +14216,4935 @@ input.directorist-toggle-input:checked .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; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .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); - /* Styles */ + 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--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; } @media screen and (max-width: 991px) { - .directorist-categories .directorist-col-3 { - width: 25%; - } + .directorist-categories .directorist-col-3 { + width: 25%; + } } @media screen and (max-width: 767px) { - .directorist-categories .directorist-col-3 { - width: 50%; - } + .directorist-categories .directorist-col-3 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-categories .directorist-col-3 { - width: 100%; - } + .directorist-categories .directorist-col-3 { + width: 100%; + } } @media screen and (max-width: 991px) { - .directorist-categories .directorist-col-4 { - width: 33.33%; - } + .directorist-categories .directorist-col-4 { + width: 33.33%; + } } @media screen and (max-width: 767px) { - .directorist-categories .directorist-col-4 { - width: 50%; - } + .directorist-categories .directorist-col-4 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-categories .directorist-col-4 { - width: 100%; - } + .directorist-categories .directorist-col-4 { + width: 100%; + } } .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 */ + /* 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__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; + -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; } @media screen and (max-width: 991px) { - .directorist-location .directorist-col-3 { - width: 25%; - } + .directorist-location .directorist-col-3 { + width: 25%; + } } @media screen and (max-width: 767px) { - .directorist-location .directorist-col-3 { - width: 50%; - } + .directorist-location .directorist-col-3 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-location .directorist-col-3 { - width: 100%; - } + .directorist-location .directorist-col-3 { + width: 100%; + } } @media screen and (max-width: 991px) { - .directorist-location .directorist-col-4 { - width: 33.33%; - } + .directorist-location .directorist-col-4 { + width: 33.33%; + } } @media screen and (max-width: 767px) { - .directorist-location .directorist-col-4 { - width: 50%; - } + .directorist-location .directorist-col-4 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-location .directorist-col-4 { - width: 100%; - } + .directorist-location .directorist-col-4 { + width: 100%; + } } .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; - /* Legacy Icon */ -} -.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 - > 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 */ @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-6 { - width: 100%; - } + .directorist-authors__cards .directorist-col-6 { + width: 100%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-4 { - width: 50%; - } + .directorist-authors__cards .directorist-col-4 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-4 { - width: 100%; - } + .directorist-authors__cards .directorist-col-4 { + width: 100%; + } } @media (max-width: 1199px) { - .directorist-authors__cards .directorist-col-3 { - width: 33.33%; - } + .directorist-authors__cards .directorist-col-3 { + width: 33.33%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-3 { - width: 50%; - } + .directorist-authors__cards .directorist-col-3 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-3 { - width: 100%; - } + .directorist-authors__cards .directorist-col-3 { + width: 100%; + } } @media (max-width: 1199px) { - .directorist-authors__cards .directorist-col-2 { - width: 25%; - } + .directorist-authors__cards .directorist-col-2 { + width: 25%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-2 { - width: 33.33%; - } + .directorist-authors__cards .directorist-col-2 { + width: 33.33%; + } } @media (max-width: 767px) { - .directorist-authors__cards .directorist-col-2 { - width: 50%; - } + .directorist-authors__cards .directorist-col-2 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-2 { - width: 100%; - } + .directorist-authors__cards .directorist-col-2 { + width: 100%; + } } .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__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - position: relative; - padding: 33px 20px 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; + position: relative; + padding: 33px 20px 24px; } .directorist-content-active .directorist-listing-single__info:empty { - display: none; + display: none; } .directorist-content-active .directorist-listing-single__info__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 6px; -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single__info__top - .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-listing-card-posted-on { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 0; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-listing-card-posted-on - i { - display: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 6px; +} +.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i { + display: none; } .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; - /* 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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 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: #f51957; -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-featured { - background-color: #fa8b0c; -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single - .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active - .directorist-listing-single - .directorist-mark-as-favorite__btn - .directorist-favorite-tooltip - span { - top: auto; - bottom: 35px; -} -.directorist-content-active - .directorist-listing-single - .directorist-mark-as-favorite__btn - .directorist-favorite-tooltip - span:before { - top: auto; - bottom: -7px; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb - .directorist-pricing-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - margin: 0; - border-radius: 3px; - background: var(--directorist-color-white); - padding: 0 8px; - font-weight: 700; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb - .directorist-pricing-meta - .directorist-listing-price { - color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author { - position: absolute; - bottom: 0; - top: unset; - -webkit-transform: translateY(50%); - transform: translateY(50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - z-index: 1; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-left { - right: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-right { - left: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-center { - right: 50%; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author - img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author - a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); + margin: 3px; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular { + background-color: #f51957; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured { + background-color: #fa8b0c; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { + top: auto; + bottom: 35px; +} +.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { + top: auto; + bottom: -7px; + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { + position: absolute; + bottom: 0; + top: unset; + -webkit-transform: translateY(50%); + transform: translateY(50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 1; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { + right: 20px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { + left: 20px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { + right: 50%; + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); } @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; - 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; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; } @media screen and (max-width: 575px) { - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text, - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-open, - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-close, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-open, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-popular, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-new, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-featured, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-featured, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-popular, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-new, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); + .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); } .directorist-content-active .directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info { - z-index: 1; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - figure { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-listing-single__header__left:empty, -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-listing-single__header__right:empty { - display: none; + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge { + display: -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-bottom: 0; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info { - padding: 10px 22px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info:empty { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list { - margin: 16px 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - a, -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: right; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div { - margin-bottom: 2px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div - .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div - .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - a:hover { - color: var(--directorist-color-body); -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__content { - border: 0 none; - padding: 10px 22px 25px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__meta__right - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline { + margin-bottom: 0; +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { + padding: 10px 22px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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 { - padding: 0; - margin: 0; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge { + padding: 0; + margin: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge:after { - display: none; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after { + display: none; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge.directorist-badge-open, -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge.directorist-badge-close { - padding: 0 5px; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close { + padding: 0 5px; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { + width: auto; + height: auto; } -.directorist-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: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 9px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .marker-cluster-shape { - width: 35px; - height: 35px; - background-color: var(--directorist-color-marker-shape); - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-marker-icon); - font-size: 15px; - font-weight: 700; - position: relative; - cursor: pointer; + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - /* Legacy Icon */ + 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; + 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-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 { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + 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; + } } .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); + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after, +.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after, +.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after, +.directorist-single-listing-quick-action .directorist-social-links__item a i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action .directorist-social-links__item a span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la, +.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa, +.directorist-single-listing-quick-action .directorist-social-links__item a:hover i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-single-listing-action { - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - font-weight: 400; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-white) !important; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; + gap: 8px; + -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, @@ -22749,5364 +19153,4413 @@ input.directorist-toggle-input:checked .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; - /* 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; + .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 { - bottom: auto; - top: 35px; - -webkit-transform: translateY(0); - transform: translateY(0); + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { + min-width: 150px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th { + padding-top: 22px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td { + padding-top: 28px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td, +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th { + padding-bottom: 22px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu { + bottom: 100%; + top: auto; + -webkit-transform: translateY(-15px); + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu { + bottom: auto; + top: 35px; + -webkit-transform: translateY(0); + transform: translateY(0); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr 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; - margin-left: 10px; + pointer-events: none; + display: inline-block; + margin-left: 10px; } -.directorist-tab__nav__link.directorist-tab__nav__active, -.directorist-tab__nav__link:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active, .directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active - .directorist-icon-mask:after, -.directorist-tab__nav__link:focus .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, -.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { - background-color: transparent; +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; } /* user dashboard sidebar nav action */ .directorist-tab__nav__action { - margin-top: 15px; + margin-top: 15px; } .directorist-tab__nav__action .directorist-btn { - display: block; + display: block; } .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } /* user dashboard tab style */ .directorist-tab__pane { - display: none; + display: none; } .directorist-tab__pane.directorist-tab__pane--active { - display: block; + display: block; } -#dashboard_profile - #user_profile_form.directorist-profile-responsive - .directorist-col-lg-3 { - width: 100%; +#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 { + width: 100%; } -#dashboard_profile - #user_profile_form.directorist-profile-responsive - .directorist-col-lg-9 { - width: 100%; +#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 { + width: 100%; } .directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; + padding: 25px; + background-color: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; } .directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 8px; - padding: 10.5px 30px; - background-color: #f6f7f9; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + -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-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } + .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-all-listing-col { + width: 50% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 50% !important; + } } @media only screen and (max-width: 767px) { - .directorist-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } + .directorist-all-listing-col { + width: 50% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 50% !important; + } } @media only screen and (max-width: 575px) { - .directorist-all-listing-col { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 100% !important; - } - .directorist-modal__dialog { - width: calc(100% - 30px) !important; - } - .directorist-advanced-filter__basic__element { - width: 100%; - -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-all-listing-col { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 100% !important; + } + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + -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; - } -} + .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 diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 2e0a85a3c0..13bbb36da0 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -3,1129 +3,990 @@ \******************************************************************************************************************************************************************************************************************************************************************************************************/ /* 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: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -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; } .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-left: 40px; -} -.directorist-content-module__contents - .directorist-form-social-info-field - .directorist-btn - i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents - .directorist-form-social-info-field - .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents - .directorist-form-social-info-field - .directorist-btn:hover - i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents - .directorist-form-social-info-field - select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents - .directorist-checkbox - .directorist-checkbox__label { - margin-left: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, +.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { + display: none; +} +.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, +.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { + display: none; +} +.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { + display: -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%; + 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-right: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-right: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - right: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + right: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + -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; - left: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + left: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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; - left: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + left: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: -webkit-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 15px 0 0; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 15px 0 0; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); - mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); + 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; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type="radio"] { - margin-right: 5px; +.gateway_list input[type=radio] { + margin-right: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + -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 !important; -} -.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: 100px; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.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: 500; - color: var(--directorist-color-primary); - background-color: transparent; -} -.directorist-content-active - .select2-container--default.select2-container--open - .select2-results__option - .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active - .select2-container--default.select2-container--open - .select2-results__option - .directorist-select2-contents - .directorist-icon-mask { - margin-right: 12px; -} -.directorist-content-active - .select2-container--default.select2-container--open - .select2-results__option - .directorist-select2-contents - .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active .select2-container--default .select2-results__option { + display: -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 !important; +} +.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: 100px; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.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: 500; + color: var(--directorist-color-primary); + background-color: transparent; +} +.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); + .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); } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type="checkbox"] + .check--select + label, -.custom-checkbox input[type="radio"] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-left: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type="checkbox"] + .check--select + label:before, -.custom-checkbox input[type="radio"] + .radio--select + label:before { - position: absolute; - font-size: 10px; - left: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type="checkbox"] + .check--select + label:after, -.custom-checkbox input[type="radio"] + .radio--select + label:after { - position: absolute; - left: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type="radio"] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type="radio"] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type="radio"] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type="radio"] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, -.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, -.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type=checkbox] + .check--select + label, +.custom-checkbox input[type=radio] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: -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%; + display: table; + width: 100%; } /* Directorist custom grid */ @@ -1136,2024 +997,2003 @@ body.logged-in.directorist-content-active .directorist-container-lg, .directorist-container-md, .directorist-container-sm { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; + -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-right: -15px; - margin-left: -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-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; + -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%; + -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 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; } .directorist-col-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; } .directorist-col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; } .directorist-col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; } .directorist-col-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; } .directorist-col-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; } .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; } .directorist-col-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; } .directorist-col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; } .directorist-col-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; } .directorist-col-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; } .directorist-offset-1 { - margin-left: 8.3333333333%; + margin-left: 8.3333333333%; } .directorist-offset-2 { - margin-left: 16.6666666667%; + margin-left: 16.6666666667%; } .directorist-offset-3 { - margin-left: 25%; + margin-left: 25%; } .directorist-offset-4 { - margin-left: 33.3333333333%; + margin-left: 33.3333333333%; } .directorist-offset-5 { - margin-left: 41.6666666667%; + margin-left: 41.6666666667%; } .directorist-offset-6 { - margin-left: 50%; + margin-left: 50%; } .directorist-offset-7 { - margin-left: 58.3333333333%; + margin-left: 58.3333333333%; } .directorist-offset-8 { - margin-left: 66.6666666667%; + margin-left: 66.6666666667%; } .directorist-offset-9 { - margin-left: 75%; + margin-left: 75%; } .directorist-offset-10 { - margin-left: 83.3333333333%; + margin-left: 83.3333333333%; } .directorist-offset-11 { - margin-left: 91.6666666667%; + margin-left: 91.6666666667%; } @media (min-width: 576px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-sm { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-sm-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-sm-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-sm-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-sm-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-sm-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-sm-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-sm-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-sm-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-sm-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-sm-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-sm-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-sm-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-sm-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-sm-0 { - margin-left: 0; - } - .directorist-offset-sm-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-sm-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-sm-3 { - margin-left: 25%; - } - .directorist-offset-sm-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-sm-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-sm-6 { - margin-left: 50%; - } - .directorist-offset-sm-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-sm-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-sm-9 { - margin-left: 75%; - } - .directorist-offset-sm-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-sm-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + 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%; - } + .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-lg { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-lg-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-lg-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-lg-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-lg-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-lg-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-lg-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-lg-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-lg-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-lg-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-lg-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-lg-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-lg-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-lg-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-lg-0 { - margin-left: 0; - } - .directorist-offset-lg-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-lg-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-lg-3 { - margin-left: 25%; - } - .directorist-offset-lg-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-lg-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-lg-6 { - margin-left: 50%; - } - .directorist-offset-lg-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-lg-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-lg-9 { - margin-left: 75%; - } - .directorist-offset-lg-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-lg-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; + } + .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-xl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; - } - .directorist-col-xl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xl-0 { - margin-left: 0; - } - .directorist-offset-xl-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-xl-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-xl-3 { - margin-left: 25%; - } - .directorist-offset-xl-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-xl-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-xl-6 { - margin-left: 50%; - } - .directorist-offset-xl-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-xl-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-xl-9 { - margin-left: 75%; - } - .directorist-offset-xl-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-xl-11 { - margin-left: 91.6666666667%; - } + .directorist-col-xl { + -webkit-box-flex: 1; + -webkit-flex: 1 0 0%; + -ms-flex: 1 0 0%; + flex: 1 0 0%; + } + .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%; - } + .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; + color: #444752; } .atbd_bg-primary { - background: #444752; + background: #444752; } .atbd_color-secondary { - color: #122069; + color: #122069; } .atbd_bg-secondary { - background: #122069; + background: #122069; } .atbd_color-success { - color: #00ac17; + color: #00AC17; } .atbd_bg-success { - background: #00ac17; + background: #00AC17; } .atbd_color-info { - color: #2c99ff; + color: #2C99FF; } .atbd_bg-info { - background: #2c99ff; + background: #2C99FF; } .atbd_color-warning { - color: #ef8000; + color: #EF8000; } .atbd_bg-warning { - background: #ef8000; + background: #EF8000; } .atbd_color-danger { - color: #ef0000; + color: #EF0000; } .atbd_bg-danger { - background: #ef0000; + background: #EF0000; } .atbd_color-light { - color: #9497a7; + color: #9497A7; } .atbd_bg-light { - background: #9497a7; + background: #9497A7; } .atbd_color-dark { - color: #202428; + color: #202428; } .atbd_bg-dark { - background: #202428; + background: #202428; } .atbd_color-badge-feature { - color: #fa8b0c; + color: #fa8b0c; } .atbd_bg-badge-feature { - background: #fa8b0c; + background: #fa8b0c; } .atbd_color-badge-popular { - color: #f51957; + color: #f51957; } .atbd_bg-badge-popular { - background: #f51957; + background: #f51957; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - left: 50%; - top: 50%; - margin-left: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + left: 50%; + top: 50%; + margin-left: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-left: 0; - margin-right: 0; - left: 15px; - right: 15px; - } + .sweet-alert { + width: auto; + margin-left: 0; + margin-right: 0; + left: 15px; + right: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-left: -17px; - margin-right: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: - padding 0.15s, - max-height 0.15s; - -webkit-transition: - padding 0.15s, - max-height 0.15s; - transition: - padding 0.15s, - max-height 0.15s; + background-color: #f1f1f1; + margin-left: -17px; + margin-right: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: padding 0.15s, max-height 0.15s; + -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-right: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-right: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - right: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + right: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - left: 50%; - margin-left: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + left: 50%; + margin-left: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px - rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + -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; - left: 50%; - top: 50%; - margin-left: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + left: 50%; + top: 50%; + margin-left: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + -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); - left: 17px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 16px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - left: 50%; - top: 10px; - border-radius: 2px; - margin-left: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + left: 50%; + top: 10px; + border-radius: 2px; + margin-left: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - left: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + left: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - left: 50%; - bottom: 17px; - border-radius: 2px; - margin-left: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + left: 50%; + bottom: 17px; + border-radius: 2px; + margin-left: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + content: ""; + 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; + 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; + border-radius: 0 120px 120px 0; + top: -11px; + left: 30px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 0 60px; + transform-origin: 0 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - left: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + 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); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + left: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - left: 14px; - top: 46px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 25px; + left: 14px; + top: 46px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - right: 8px; - top: 38px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 47px; + right: 8px; + top: 38px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation="pop"] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation=pop] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation="none"] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation=none] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation="slide-from-top"] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation=slide-from-top] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation="slide-from-bottom"] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation=slide-from-bottom] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation="pop"] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation=pop] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation="none"] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation=none] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation="slide-from-top"] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation=slide-from-top] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation="slide-from-bottom"] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation=slide-from-bottom] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + -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 ; } /*! @@ -3163,899 +3003,617 @@ 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; - /* Legacy 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-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: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; - /* social info */ + 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-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; + 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); + .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; - 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; + #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; } /* ========================== @@ -4063,11 +3621,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, @@ -4076,1141 +3634,1006 @@ 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-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); + -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; + 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%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-right: 45px; -} -.directorist-form-group - .select2-container--default - .select2-selection - .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group - .select2-container--default - .select2-selection - .select2-selection__clear { - padding-right: 15px; -} -.directorist-form-group - .select2-container--default - .select2-selection - .select2-selection__arrow { - right: 10px; + min-height: 40px; + padding-right: 45px; +} +.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { + padding-right: 15px; +} +.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { + right: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox - input[type="checkbox"] - + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-left: 15px; - padding-right: 15px; - max-width: 290px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding-left: 15px; + padding-right: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + -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; - 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; + 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; + 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; - left: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + -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: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 9px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 145px; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section - .ezmu__media-picker-icon-wrap-upload { - display: -webkit-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; + margin-bottom: 145px; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { + display: -webkit-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; + 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; - left: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper - .ezmu__thumbnail-list-item:hover - .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + -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; - left: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper - .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #ef0000; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #EF0000; + position: absolute; + left: 50%; + top: 50%; + -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 0 0 10px; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + -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; + 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-left: 5px; + padding-left: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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 { - left: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + left: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 11px; - height: 20px; + width: 11px; + height: 20px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - left: 0; - right: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -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; + 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, @@ -5218,827 +4641,786 @@ 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-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); + 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-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; } .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; - 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; + 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); + 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; - 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__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; + 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; + 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; + position: absolute; + top: 0; + left: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + -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: left; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: left; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; - left: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - right: 10px; - background-color: #ff385c; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs - .atbdp-thumb-actions - .thumbremovelink - .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + right: 10px; + background-color: #FF385C; + height: 32px; + width: 32px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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%; - left: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + -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; - right: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + right: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - left: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + left: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -6052,48 +5434,48 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - left: 0; - top: 0; + position: absolute; + left: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + -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: 0 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -6104,231 +5486,229 @@ 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 { - right: 0; - display: none; + right: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - left: 0; + left: 0; } .leaflet-control { - float: left; - clear: both; + float: left; + clear: both; } .leaflet-right .leaflet-control { - float: right; + float: right; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-left: 10px; + margin-left: 10px; } .leaflet-right .leaflet-control { - margin-right: 10px; + margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; + -webkit-transform-origin: 0 0; + transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: - transform 0.25s cubic-bezier(0, 0, 0.25, 1), - -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + 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 */ @@ -6337,1933 +5717,1740 @@ 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-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-bottom: none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-left-radius: 2px; - border-top-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: - bold 18px "Lucida Console", - Monaco, - monospace; - text-indent: 1px; + font: bold 18px "Lucida Console", Monaco, monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + -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 10px 6px 6px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 10px 6px 6px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-right: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -10px 5px -6px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-left: 5px; + margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -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: left; - border-radius: 10px; + padding: 1px; + text-align: left; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - left: 50%; - margin-left: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(45deg); + 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; - right: 0; - padding: 4px 4px 0 0; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: - 16px/14px Tahoma, - Verdana, - sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + -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 { - left: 50%; - margin-left: -6px; + left: 50%; + margin-left: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-left: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-left: -6px; + margin-left: -6px; } .leaflet-tooltip-right { - margin-left: 6px; + margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - right: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + right: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - left: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-left: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + left: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-left: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76a6fc; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76A6FC; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + -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; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: auto; - min-width: 100px; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 1; - font-size: 14px; - text-transform: capitalize; - background-color: #f7f7f7; - color: var(--directorist-color-body); + position: absolute; + right: 0; + top: 50%; + -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-left: 10px; - padding-top: 0; - padding-bottom: 0; - font-size: 15px; + display: none; +} +.directorist-form-group .wp-picker-container .wp-picker-open + .wp-picker-input-wrap { + display: -webkit-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; + 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; } .entry-content ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .entry-content a { - text-decoration: none; + text-decoration: none; } .entry-content .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); + margin: 0; + padding: 0; + color: var(--directorist-color-dark); } -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; +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; + 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(../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; - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ -} -.directorist-content-active - .select2.select2-container.select2-container--default - .select2-selection__rendered::-webkit-scrollbar { - display: none; -} -.directorist-content-active - .select2.select2-container.select2-container--default - .select2-selection__rendered - .select2-selection__clear { - padding-right: 25px; -} -.directorist-content-active - .select2.select2-container.select2-container--default - .select2-selection__arrow - b { - display: none; -} -.directorist-content-active - .select2.select2-container.select2-container--focus - .select2-selection { - border: none; - border-bottom: 2px solid var(--directorist-color-primary) !important; + margin-bottom: 0; +} + +.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { + top: 0; + border-color: var(--directorist-color-border); +} + +.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { + top: 32px; +} + +.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { + display: none; +} + +.directorist-content-active .select2.select2-container.select2-container--default { + width: 100% !important; +} +.directorist-content-active .select2.select2-container.select2-container--default .select2-selection { + min-height: 40px; + display: -webkit-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; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ +} +.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar { + display: none; +} +.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear { + padding-right: 25px; +} +.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b { + display: none; +} +.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection { + border: none; + border-bottom: 2px solid var(--directorist-color-primary) !important; } .directorist-content-active .select2-container.select2-container--open { - z-index: 99999; + z-index: 99999; } @media only screen and (max-width: 575px) { - .directorist-content-active .select2-container.select2-container--open { - width: calc(100% - 40px); - } -} - -.directorist-content-active - .select2-container--default - .select2-selection - .select2-selection__arrow - b { - margin-top: 0; -} - -.directorist-content-active - .select2-container - .directorist-select2-addons-area { - top: unset; - bottom: 20px; - right: 0; -} -.directorist-content-active - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - position: absolute; - right: 0; - padding: 0; - width: auto; - pointer-events: none; -} -.directorist-content-active - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-close { - position: absolute; - right: 15px; - padding: 0; - display: none; + .directorist-content-active .select2-container.select2-container--open { + width: calc(100% - 40px); + } +} + +.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b { + margin-top: 0; +} + +.directorist-content-active .select2-container .directorist-select2-addons-area { + top: unset; + bottom: 20px; + right: 0; +} +.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + position: absolute; + right: 0; + padding: 0; + width: auto; + pointer-events: none; +} +.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close { + position: absolute; + right: 15px; + padding: 0; + display: none; } /* Login/Signup Form CSS */ #recover-pass-modal { - display: none; + display: none; } .directorist-login-wrapper #recover-pass-modal .directorist-btn { - margin-top: 15px; + margin-top: 15px; } .directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { - text-decoration: none; + text-decoration: none; } body.modal-overlay-enabled { - position: relative; + position: relative; } body.modal-overlay-enabled:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.05); - z-index: 1; + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.05); + z-index: 1; } .directorist-widget { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget .directorist-card__header.directorist-widget__header { - padding: 20px 25px; + padding: 20px 25px; } -.directorist-widget - .directorist-card__header.directorist-widget__header - .directorist-widget__header__title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; +.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title { + -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 5px 0 0; + cursor: pointer; + margin: 0 5px 0 0; } .directorist-widget .directorist-widget-list .directorist-widget-list__icon { - font-size: 12px; - display: inline-block; - margin-right: 10px; - line-height: 28px; - width: 28px; - text-align: center; - background-color: #f1f3f8; - color: #9299b8; - border-radius: 50%; + font-size: 12px; + display: inline-block; + margin-right: 10px; + line-height: 28px; + width: 28px; + text-align: center; + background-color: #f1f3f8; + color: #9299b8; + border-radius: 50%; } .directorist-widget .directorist-widget-list .directorist-child-category { - padding-left: 44px; - margin-top: 2px; + padding-left: 44px; + margin-top: 2px; } .directorist-widget .directorist-widget-list .directorist-child-category li a { - position: relative; -} -.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%); + 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); + -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; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: -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; + 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; } /*** @@ -8271,8371 +7458,6755 @@ 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: 0 0; - transform-origin: 0 0; - -webkit-transform-style: flat; - transform-style: flat; + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + inset-inline-start: 0; + height: 100%; + width: calc(100% - 20px); + -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-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%; - left: 0; - width: 100%; + padding: 10px 0; + height: 80px; + top: 100%; + left: 0; + width: 100%; } .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); + -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-left: -1px; - width: 2px; - height: 5px; + margin-left: -1px; + width: 2px; + height: 5px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub { - height: 10px; + height: 10px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large { - height: 15px; + height: 15px; } /* Vertical layout; */ .directorist-custom-range-slider-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - left: 100%; + padding: 0 10px; + height: 100%; + top: 0; + left: 100%; } .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-left: 25px; + -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-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); - left: 50%; - bottom: 120%; -} -.directorist-custom-range-slider-horizontal - .directorist-custom-range-slider-origin - > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - left: auto; - bottom: 10px; -} - -.directorist-custom-range-slider-vertical - .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - right: 120%; -} -.directorist-custom-range-slider-vertical - .directorist-custom-range-slider-origin - > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - right: 28px; + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip { + -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; + 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%; + width: 100%; } .directorist-swiper__nav { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; + position: absolute; + top: 50%; + -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 { - left: 10px; + left: 10px; } .directorist-swiper__nav--next { - right: 10px; + right: 10px; } .directorist-swiper__nav--prev-related i { - left: 0; - background-color: #f4f4f4; + left: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--prev-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__nav--next-related i { - right: 0; - background-color: #f4f4f4; + right: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--next-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__pagination { - position: absolute; - text-align: center; - z-index: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + text-align: center; + z-index: 1; + display: -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 { - left: 20px; +.directorist-single-listing-slider .directorist-swiper__nav--prev-single-listing i { + left: 20px; } -.directorist-single-listing-slider - .directorist-swiper__nav--next-single-listing - i { - right: 20px; +.directorist-single-listing-slider .directorist-swiper__nav--next-single-listing i { + right: 20px; } .directorist-single-listing-slider .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-single-listing-slider .directorist-swiper__nav { - opacity: 1; - } - .directorist-single-listing-slider .directorist-swiper__nav i { - width: 30px; - height: 30px; - } + .directorist-single-listing-slider .directorist-swiper__nav { + opacity: 1; + } + .directorist-single-listing-slider .directorist-swiper__nav i { + width: 30px; + height: 30px; + } } .directorist-single-listing-slider .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider .swiper-slide img { - width: 100%; - height: 100%; - max-width: var(--gallery-crop-width, 740px); - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + max-width: var(--gallery-crop-width, 740px); + -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; - border-radius: 12px; - overflow: auto; - height: auto; + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + border-radius: 12px; + overflow: auto; + height: auto; } .directorist-single-listing-slider-thumb .swiper-wrapper { - gap: 10px; - height: auto; + gap: 10px; + height: auto; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; + display: none; } .directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider-thumb .swiper-slide { - position: relative; - min-width: 100px; - max-width: 100px; - height: 90px; - cursor: pointer; - margin: 0 !important; + position: relative; + min-width: 100px; + max-width: 100px; + height: 90px; + cursor: pointer; + margin: 0 !important; } .directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 14px; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 14px; } .directorist-single-listing-slider-thumb .swiper-slide:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - border-radius: 14px; - background-color: rgba(0, 0, 0, 0.3); - z-index: 1; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; -} -.directorist-single-listing-slider-thumb .swiper-slide:hover:before, -.directorist-single-listing-slider-thumb - .swiper-slide.swiper-slide-thumb-active:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; } @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; - left: 0; - top: 30px; - padding: 10px; - border: none; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 99999; + display: none; + position: absolute; + width: 100%; + min-width: 190px; + overflow-y: auto; + left: 0; + top: 30px; + padding: 10px; + border: none; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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 { - left: auto; - right: 0; + left: auto; + right: 0; } @media (max-width: 1440px) { - .directorist-dropdown__links { - left: unset; - right: 0; - } + .directorist-dropdown__links { + left: unset; + right: 0; + } } .directorist-dropdown.directorist-sortby-dropdown { - border-radius: 8px; - border: 2px solid var(--directorist-color-white); + border-radius: 8px; + border: 2px solid var(--directorist-color-white); } /* custom dropdown with select */ .directorist-dropdown-select { - position: relative; + position: relative; } .directorist-dropdown-select-toggle { - display: inline-block; - border: 1px solid #eee; - padding: 7px 15px; - position: relative; + display: inline-block; + border: 1px solid #eee; + padding: 7px 15px; + position: relative; } .directorist-dropdown-select-toggle:before { - content: ""; - position: absolute !important; - width: 100%; - height: 100%; - left: 0; - top: 0; + content: ""; + position: absolute !important; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-dropdown-select-items { - position: absolute; - width: 100%; - left: 0; - top: 40px; - border: 1px solid #eee; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); - z-index: 10; + position: absolute; + width: 100%; + left: 0; + top: 40px; + border: 1px solid #eee; + visibility: hidden; + opacity: 0; + pointer-events: none; + -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; - left: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch - .directorist-switch-input:checked - + .directorist-switch-label { - color: #1a1b29; - font-weight: 500; -} -.directorist-switch - .directorist-switch-input:checked - + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch - .directorist-switch-input:checked - + .directorist-switch-label:after { - -webkit-transform: translateX(20px); - transform: translateX(20px); + position: absolute; + left: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { + color: #1A1B29; + font-weight: 500; +} +.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { + -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); + -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; + content: ""; + position: absolute; + top: 0.75px; + left: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ECECEC; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - left: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: - transform 0.15s ease-in-out, - background-color 0.15s ease-in-out, - border-color 0.15s ease-in-out, - box-shadow 0.15s ease-in-out, - -webkit-transform 0.15s ease-in-out, - -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary - .directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked - + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + left: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + -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: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(-50%); - transform: translate(-50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, -.directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + -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); + 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; + 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); + 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-right: 5px; + margin-right: 5px; } .directorist-alert > a { - padding-left: 5px; + padding-left: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: -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; + margin-right: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-left: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-left: auto !important; + border: 0 none; + -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); + font-size: 16px; + margin-left: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #dcebfe; - color: #157cf6; + background-color: #DCEBFE; + color: #157CF6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157cf6; + color: #157CF6; } .directorist-alert.directorist-alert-warning { - background-color: #fee9d9; - color: #f56e00; + background-color: #FEE9D9; + color: #F56E00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #f56e00; + color: #F56E00; } .directorist-alert.directorist-alert-danger { - background-color: #fcd9d9; - color: #e80000; + background-color: #FCD9D9; + color: #E80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #e80000; + color: #E80000; } .directorist-alert.directorist-alert-success { - background-color: #d9efdc; - color: #009114; + background-color: #D9EFDC; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #fcd9d9; - color: #e80000; - border-radius: 3px; + background: #FCD9D9; + color: #E80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #e80000; + color: #E80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + -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-right: 0; + cursor: pointer; + padding-right: 0; } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -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; - right: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content - .directorist-modal__header - .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content .directorist-modal__header .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + right: 25px; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + -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); + 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 { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - left: 0; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 25px 15px 40px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + left: 0; + right: 0; + display: -webkit-box; + display: -webkit-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__header { + padding-left: 30px; + padding-right: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: - opacity 0.3s ease, - top 0.3s ease, - font-size 0.3s ease; - transition: - opacity 0.3s ease, - top 0.3s ease, - font-size 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-webkit-input-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-moz-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element:-ms-input-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-ms-input-placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::placeholder, -.directorist-search-modal__contents__body - .directorist-search-field__label - ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element { - padding-right: 20px; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element[type="date"], -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element[type="time"], -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-search-field__input.directorist-form-element[type="number"] { - padding-right: 0; + position: absolute; + left: 0; + top: 50%; + -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-select - .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-filter-location-icon - ~ .directorist-search-field__btn--clear { - right: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body - .directorist-search-field - .directorist-filter-location-icon - .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body - .directorist-search-field - .select2-container - .directorist-select2-addons-area - .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body - .directorist-search-field - .select2-container - .directorist-select2-addons-area - .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + right: 0; +} +.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + -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-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); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - left: 0; - right: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + left: 0; + right: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer - .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer - .directorist-advanced-filter__action - .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + -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; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + left: 50%; + -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; - 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; + 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; - } - .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: 0; - 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-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-radius_search { - width: auto; - padding-right: 0; - } - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.directorist-search-field-radius_search - .directorist-custom-range-slider__range__wrap { - right: 0; - } - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } - .directorist-search-modal--basic - .directorist-search-modal__input - .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; - } - .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-is-focused:not( - .input-has-noLabel - ).directorist-icon-right - .directorist-input-icon, - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.input-is-focused:not(.input-has-noLabel) - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: -20px; - } - .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-form-dropdown { - margin-right: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { + width: 100%; + margin: 0 20px; + } + .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: 0; + 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-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-radius_search { + width: auto; + padding-right: 0; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { + right: 0; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } + .directorist-search-modal--basic .directorist-search-modal__input .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; + } + .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-is-focused:not(.input-has-noLabel).directorist-icon-right .directorist-input-icon, + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + right: -20px; + } + .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-form-dropdown { + margin-right: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic - .directorist-search-modal__input - .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic - .directorist-search-modal__input - .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic - .directorist-advanced-filter__advanced__element - .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic - .directorist-checkbox-wrapper - .directorist-checkbox, -.directorist-search-modal--basic - .directorist-checkbox-wrapper - .directorist-radio, -.directorist-search-modal--basic - .directorist-radio-wrapper - .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, +.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, +.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-search-modal--basic - .directorist-search-tags - ~ .directorist-btn-ml { - margin-bottom: 10px; -} -.directorist-search-modal--basic - .directorist-select - .select2-container.select2-container--default - .select2-selection--single { - height: 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 { + 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-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; - font-weight: 500; - margin-bottom: 15px; +.directorist-search-modal--basic .directorist-search-field-radius_search > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + font-weight: 500; + margin-bottom: 15px; } .directorist-search-modal--basic .directorist-search-field-text_range > label { - display: none; + display: none; } -.directorist-search-modal--advanced - .directorist-search-modal__contents__body - .directorist-search-field__btn { - bottom: 12px; +.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 { - right: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, -.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input { - bottom: 0 !important; - padding-right: 25px; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input - .directorist-search-basic-dropdown-label, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input - .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-item, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-left: 5px; -} -.directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__btn, -.directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { + bottom: 0 !important; + padding-right: 25px; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input, - .directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-modal - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__btn, - .directorist-search-modal - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__btn { - right: 25px !important; - } + .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { + right: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + -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; - top: 100%; - left: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-radio-wrapper, -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .select2-container--default - .select2-selection--single - .select2-selection__rendered - .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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 6px 0 0 !important; + text-decoration: none; + margin: 0 6px 0 0 !important; } .directorist-color-picker-wrap .wp-color-result:hover { - background-color: #f9f9f9; + background-color: #F9F9F9; } .directorist-color-picker-wrap .wp-picker-input-wrap label input { - width: auto !important; + width: auto !important; } .directorist-color-picker-wrap .wp-picker-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-right: 0 !important; +.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { + padding-right: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + -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 { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + -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-right: 10px; + -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; + 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 { - left: 5px; +input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { + left: 5px; } -input.directorist-toggle-input:checked - + .directorist-toggle-input-label - span.directorist-toggle-input-label-icon::after { - left: calc(100% - 20px); +input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { + left: calc(100% - 20px); } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: -webkit-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; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} -.directorist-tab-navigation-list-item - .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -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; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + -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-right: 10px; + margin-right: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; + display: -webkit-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; + .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: ""; + .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-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; + 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; + 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; + 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; + -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-right: 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-right: 75px; + border-radius: 10px; + background-color: var(--directorist-color-bg-gray); } .directorist-content-active .directorist-author-profile__meta-list__item i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 44px; - height: 44px; - background-color: var(--directorist-color-primary); - border-radius: 10px; -} -.directorist-content-active - .directorist-author-profile__meta-list__item - i:after { - width: 18px; - height: 18px; - background-color: var(--directorist-color-white); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: 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-right: 50px; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding-right: 50px; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding: 0; - gap: 5px; - background: transparent; - border-radius: 0; - } - .directorist-content-active - .directorist-author-profile__meta-list__item:not(:first-child) - i { - display: none; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding: 0; + gap: 5px; + background: transparent; + border-radius: 0; + } + .directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i { + display: none; + } } .directorist-content-active .directorist-author-profile-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active - .directorist-author-profile-content - .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - margin: 0; -} -.directorist-content-active - .directorist-author-profile-content - .directorist-card__header__title - i { - width: 34px; - height: 34px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - border-radius: 100%; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-content-active - .directorist-author-profile-content - .directorist-card__header__title - i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + -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-left: 0; + margin-left: 0; } .directorist-content-active .directorist-author-info-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - font-size: 15px; - color: var(--directorist-color-body); + display: -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-right: 10px; - margin-right: 8px; - margin-top: 5px; - position: relative; -} -.directorist-content-active - .directorist-author-info-list__item - .directorist-label:before { - content: ":"; - position: absolute; - right: 0; - top: 0; + .directorist-content-active .directorist-author-info-list__item i { + margin-top: 0; + height: 34px; + width: 34px; + min-width: 34px; + border-radius: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; + .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); - /* Legacy Icon */ + 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 .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-author-listing-grid--fix - .directorist-col-lg-3 { - width: 33.3333333333%; +.directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 33.3333333333%; } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-lg-3 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-lg-3 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 100%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-4 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-4 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-4 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-4 { + width: 100%; + } } @media only screen and (max-width: 991px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 33.33%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 33.33%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 100%; + } } @media only screen and (max-width: 1199px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 25%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 25%; + } } @media only screen and (max-width: 991px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 33.33%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 33.33%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 100%; + } } -.directorist-content-active - .directorist-author-listing-content - .directorist-pagination { - padding-top: 35px; +.directorist-content-active .directorist-author-listing-content .directorist-pagination { + padding-top: 35px; } -.directorist-content-active - .directorist-author-listing-type - .directorist-type-nav { - background: none; +.directorist-content-active .directorist-author-listing-type .directorist-type-nav { + background: none; } /* category style three */ .directorist-category-child__card { - border: 1px solid #eee; - border-radius: 4px; + border: 1px solid #eee; + border-radius: 4px; } .directorist-category-child__card__header { - padding: 10px 20px; - border-bottom: 1px solid #eee; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-category-child__card__header a { - font-size: 18px; - font-weight: 600; - color: #222 !important; + font-size: 18px; + font-weight: 600; + color: #222 !important; } .directorist-category-child__card__header i { - width: 35px; - height: 35px; - border-radius: 50%; - background-color: #2c99ff; - color: var(--directorist-color-white); - font-size: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 5px; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: #2C99FF; + color: var(--directorist-color-white); + font-size: 16px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-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; + 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-right: 2px; -} -.directorist-content-active - .directorist-listings-header__left - .directorist-filter-btn:hover { - background-color: var(--directorist-color-bg-gray) !important; - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; -} -.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); + 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-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 { - right: 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 { + 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; + 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; - font-weight: 500; - 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; + font-weight: 500; + 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-right: 5px; -} -.listing-with-sidebar__header - .directorist-archive-sidebar-toggle - .directorist-icon-mask::after { - background-color: currentColor; - width: 14px; - height: 14px; + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + cursor: pointer; + display: none; +} +.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask { + margin-right: 5px; +} +.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask::after { + background-color: currentColor; + width: 14px; + height: 14px; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .listing-with-sidebar__header .directorist-archive-sidebar-toggle { + display: -webkit-inline-box; + display: -webkit-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; - left: -360px; - top: 0; - height: 100svh; - background-color: white; - z-index: 9999; - overflow: auto; - -webkit-box-shadow: 0 10px 15px - rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - } - .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { - padding-bottom: 30px; - } - .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: var(--directorist-color-light); - } + .listing-with-sidebar__sidebar { + position: fixed; + left: -360px; + top: 0; + height: 100svh; + background-color: white; + z-index: 9999; + overflow: auto; + -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--open { - left: 0; - visibility: visible; - opacity: 1; + left: 0; + visibility: visible; + opacity: 1; } .listing-with-sidebar__sidebar .directorist-form-group label { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-search-contents { - padding: 0; + padding: 0; } .listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content { - display: block !important; + display: block !important; } .listing-with-sidebar__sidebar .directorist-search-form__box { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar .directorist-search-form__box { - display: block; - height: 100svh; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - } - .listing-with-sidebar__sidebar - .directorist-search-form__box - .directorist-advanced-filter__advanced { - display: block; - } -} -.listing-with-sidebar__sidebar - .directorist-search-field__input.directorist-form-element:not( - [type="number"] - ) { - padding-right: 20px; + .listing-with-sidebar__sidebar .directorist-search-form__box { + display: block; + height: 100svh; + -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; + 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; -} -.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; -} -.listing-with-sidebar__sidebar - .directorist-form-group:last-child - .directorist-search-field { - margin-bottom: 0; + -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; +} +.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; +} +.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-icon-right - .directorist-input-icon { - right: 0; -} -.listing-with-sidebar__sidebar - .directorist-form-group.directorist-icon-left - .directorist-input-icon { - left: 0; + -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-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__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 { - margin: 0 20px 0 0; - } - .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-is-focused.input-has-noLabel { - margin: 0; - } - .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 - .directorist-filter-location-icon { - right: -15px; - } + .listing-with-sidebar .directorist-search-form__top .directorist-search-field { + margin: 0 20px 0 0; + } + .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-is-focused.input-has-noLabel { + margin: 0; + } + .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 .directorist-filter-location-icon { + right: -15px; + } } @media only screen and (max-width: 991px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 30px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 30px; + } } @media only screen and (max-width: 767px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 46px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 46px; + } } @media only screen and (max-width: 600px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 0; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 0; + } } .directorist-advanced-filter__basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -webkit-flex; + 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-location - .directorist-search-field.input-is-focused, -.directorist-advanced-filter__advanced__element.directorist-search-field-category - .directorist-search-field.input-is-focused { - margin-top: 0; +.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field.input-is-focused, .directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused { + margin-top: 0; } .directorist-advanced-filter__advanced__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + -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.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-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.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 { - right: 0; -} -.directorist-advanced-filter - .directorist-form-group.directorist-icon-left - .directorist-input-icon { - left: 0; + .directorist-advanced-filter__action .directorist-btn { + padding: 0 14.5px; + } +} +.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon { + right: 0; +} +.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { + left: 0; } .directorist-advanced-filter .directorist-date .directorist-form-group, .directorist-advanced-filter .directorist-time .directorist-form-group { - width: 100%; + width: 100%; } .directorist-advanced-filter .directorist-btn-ml { - display: inline-block; - margin-top: 10px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-body); + display: inline-block; + margin-top: 10px; + font-size: 13px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-advanced-filter .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-advanced-filter .directorist-btn-ml { - margin-top: 10px; - } + .directorist-advanced-filter .directorist-btn-ml { + margin-top: 10px; + } } .directorist-search-field-radius_search { - position: relative; + position: relative; } -.directorist-search-field-radius_search - .directorist-custom-range-slider__range__wrap { - position: absolute; - right: 0; - top: 0; +.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { + position: absolute; + right: 0; + top: 0; } .directorist-search-field-review .directorist-checkbox { - display: block; - width: auto; -} -.directorist-search-field-review - .directorist-checkbox - input[type="checkbox"] - + label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - font-size: 13px; - font-weight: 400; - padding-left: 35px; - color: var(--directorist-color-body); -} -.directorist-search-field-review - .directorist-checkbox - input[type="checkbox"] - + label:not(:last-child) { - margin-bottom: 20px; + display: block; + width: auto; +} +.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { + display: -webkit-box; + display: -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; + .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { + margin-bottom: 10px; + } +} +.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:before { + top: 3px; +} +.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { + top: -2px; } @media only screen and (max-width: 575px) { - .directorist-search-field-review - .directorist-checkbox - input[type="checkbox"] - + label:after { - top: 0; - } + .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { + top: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-field-review - .directorist-checkbox - input[type="checkbox"] - + label { - padding-left: 28px; - } -} -.directorist-search-field-review - .directorist-checkbox - input[type="checkbox"] - + label - .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light); -} -.directorist-search-field-review - .directorist-checkbox - input[value="5"] - + label - .directorist-icon-mask:after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review - .directorist-checkbox - input[value="4"] - + label - .directorist-icon-mask:not(:nth-child(5)):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review - .directorist-checkbox - input[value="3"] - + label - .directorist-icon-mask:nth-child(1):after, -.directorist-search-field-review - .directorist-checkbox - input[value="3"] - + label - .directorist-icon-mask:nth-child(2):after, -.directorist-search-field-review - .directorist-checkbox - input[value="3"] - + label - .directorist-icon-mask:nth-child(3):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review - .directorist-checkbox - input[value="2"] - + label - .directorist-icon-mask:nth-child(1):after, -.directorist-search-field-review - .directorist-checkbox - input[value="2"] - + label - .directorist-icon-mask:nth-child(2):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review - .directorist-checkbox - input[value="1"] - + label - .directorist-icon-mask:nth-child(1):after { - background-color: var(--directorist-color-star); + .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { + padding-left: 28px; + } +} +.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light); +} +.directorist-search-field-review .directorist-checkbox input[value="5"] + label .directorist-icon-mask:after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review .directorist-checkbox input[value="4"] + label .directorist-icon-mask:not(:nth-child(5)):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(2):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(3):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(2):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review .directorist-checkbox input[value="1"] + label .directorist-icon-mask:nth-child(1):after { + background-color: var(--directorist-color-star); } .directorist-search-field .directorist-price-ranges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: -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; - } + .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 { + 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-right: 5px; + margin-right: 5px; } .directorist-search-field .directorist-price-ranges__currency { - line-height: 1; + line-height: 1; } .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: 10px 0 0 10px; - } - .directorist-search-field - .directorist-price-ranges__price-frequency - label:last-child - .directorist-pf-range { - border-radius: 0 10px 10px 0; - } - .directorist-search-field - .directorist-price-ranges__price-frequency - label:not(last-child) { - border-right: 1px solid var(--directorist-color-border); - } -} -.directorist-search-field - .directorist-price-ranges__price-frequency - input[type="radio"] { - display: none; -} -.directorist-search-field - .directorist-price-ranges__price-frequency - input[type="radio"]:checked - + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + .directorist-search-field .directorist-price-ranges__price-frequency { + gap: 0; + margin: 0; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field .directorist-price-ranges__price-frequency label { + -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; + 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; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: 102px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-transform: capitalize; - line-height: 1; + position: absolute; + right: 0; + top: 50%; + -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-right: 18px; - padding-left: 45px; - font-weight: 400; - font-size: 14px; - border-radius: 8px; - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); - cursor: pointer; + position: relative; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; + 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; + 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; + 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; + z-index: 99999; } .directorist-search-top { - text-align: center; - margin-bottom: 34px; + text-align: center; + margin-bottom: 34px; } .directorist-search-top__title { - color: var(--directorist-color-dark); - font-size: 36px; - font-weight: 500; - margin-bottom: 18px; + color: var(--directorist-color-dark); + font-size: 36px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-top__subtitle { - color: var(--directorist-color-body); - font-size: 18px; - opacity: 0.8; - text-align: center; + color: var(--directorist-color-body); + font-size: 18px; + opacity: 0.8; + text-align: center; } .directorist-search-contents { - background-size: cover; - padding: 100px 0 120px; + background-size: cover; + padding: 100px 0 120px; } .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: - opacity 0.3s ease, - top 0.3s ease, - font-size 0.3s ease; - transition: - opacity 0.3s ease, - top 0.3s ease, - font-size 0.3s ease; -} -.directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-webkit-input-placeholder, -.directorist-search-field__label - ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-moz-placeholder, -.directorist-search-field__label - ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element:-ms-input-placeholder, -.directorist-search-field__label - ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::-ms-input-placeholder, -.directorist-search-field__label - ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label - ~ .directorist-form-group__with-prefix - .directorist-form-element::placeholder, -.directorist-search-field__label - ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + position: absolute; + left: 0; + top: 50%; + -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 { - right: 0; - opacity: 0; - visibility: hidden; + right: 0; + opacity: 0; + visibility: hidden; } .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 16px; + height: 16px; + background-color: #bcbcbc; + -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 { - right: -15px; - } + .directorist-search-field .directorist-filter-location-icon { + right: -15px; + } } -.directorist-search-field.input-is-focused - .directorist-search-field__input:not(.directorist-select) { - padding-right: 25px; +.directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) { + padding-right: 25px; } -.directorist-search-field.input-is-focused - .directorist-search-field__input.directorist-location-js { - padding-right: 45px; +.directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js { + padding-right: 45px; } -.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-is-focused .directorist-search-field__input[type=number] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { + opacity: 1; } .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-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-is-focused - .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); -} -.directorist-search-field.input-is-focused - .directorist-form-group__prefix--start { - opacity: 1; -} -.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-is-focused - .directorist-form-group__with-prefix - .directorist-search-field__input { - bottom: 0; + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); +} +.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-is-focused .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-is-focused .directorist-form-group__prefix--start { + opacity: 1; +} +.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-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { + bottom: 0; } .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-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-select - .directorist-search-field__label { - opacity: 1; + position: relative; + bottom: -5px; +} +.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-select .directorist-search-field__label { + opacity: 1; } .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.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-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, + padding-right: 45px; +} +.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-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-field.directorist-date .directorist-search-field__label, .directorist-search-field.directorist-time .directorist-search-field__label, .directorist-search-field.directorist-color .directorist-search-field__label, .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; + opacity: 0; } -.directorist-search-field - .directorist-select - ~ .directorist-search-field__btn--clear, -.directorist-search-field - .directorist-filter-location-icon - ~ .directorist-search-field__btn--clear { - right: 25px; +.directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, +.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { + right: 25px; } .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-search-field - .directorist-filter-location-icon - .directorist-icon-mask:after { - background-color: #808080; +.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { + background-color: #808080; } -.directorist-search-field - .directorist-filter-location-icon - ~ .directorist-search-field__btn--clear { - bottom: 8px; +.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { + bottom: 8px; } -.directorist-preload - .directorist-search-form-top - .directorist-search-field__label - ~ .directorist-search-field__input { - opacity: 0; - pointer-events: none; +.directorist-preload .directorist-search-form-top .directorist-search-field__label ~ .directorist-search-field__input { + opacity: 0; + pointer-events: none; } .directorist-search-form__box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - border: none; - border-radius: 10px; - padding: 22px 22px 22px 25px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: -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; - } + .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-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 { + 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; + } } @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-select, .directorist-search-form__top .directorist-search-category { - width: calc(100% + 15px); + width: calc(100% + 15px); } .directorist-search-form__top .directorist-search-form__single-category { - cursor: not-allowed; -} -.directorist-search-form__top - .directorist-search-form__single-category - .directorist-category-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top - .directorist-search-form__single-category - .directorist-category-select - ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top - .directorist-search-form__single-category - ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-form__single-category ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-form__single-location { - cursor: not-allowed; -} -.directorist-search-form__top - .directorist-search-form__single-location - .directorist-location-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top - .directorist-search-form__single-location - .directorist-location-select - ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top - .directorist-search-form__single-location - ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top .directorist-search-form__single-location ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: 0; - position: relative; - padding-bottom: 0; - padding-right: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + -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); + border-right: 1px solid var(--directorist-color-border); } @media screen and (max-width: 575px) { - .directorist-search-form__top - .directorist-search-field - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: -15px; - } + .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + right: -15px; + } } .directorist-search-form__top .directorist-search-field__btn--clear { - right: 15px; - bottom: 8px; -} -.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-is-focused - .directorist-search-field__input.directorist-select { - padding-right: 0; -} -.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-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.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-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.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-is-focused - .directorist-location-js { - padding-right: 45px; -} -.directorist-search-form__top - .directorist-search-field.input-is-focused - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: 15px; -} -.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-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; -} -.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); + right: 15px; + bottom: 8px; +} +.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-is-focused .directorist-search-field__input.directorist-select { + padding-right: 0; +} +.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-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.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-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.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-is-focused .directorist-location-js { + padding-right: 45px; +} +.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + right: 15px; +} +.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-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; +} +.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 - .wp-picker-input-wrap - label { - display: none; -} -.directorist-search-form__top - .directorist-search-field - .directorist-checkbox-wrapper, -.directorist-search-form__top - .directorist-search-field - .directorist-radio-wrapper, -.directorist-search-form__top - .directorist-search-field - .directorist-search-tags { - padding: 0; - gap: 20px; - -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-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 .wp-picker-input-wrap label { + display: none; +} +.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper, +.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper, +.directorist-search-form__top .directorist-search-field .directorist-search-tags { + padding: 0; + gap: 20px; + -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 { - 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.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 { + 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.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-is-focused.input-has-noLabel { - margin: 0 20px; - } - .directorist-search-form__top - .directorist-search-field.input-is-focused.input-has-noLabel - .directorist-search-field__btn { - right: 0; - } + .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0 20px; + } + .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-is-focused - .directorist-search-field__input { - bottom: 0; - } - .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-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .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-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .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-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-is-focused - .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-form__top - .directorist-search-field.input-is-focused - .directorist-search-field__btn { - right: -20px; - } - .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-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: 5px; - } - .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-is-focused - .directorist-location-js { - padding-right: 30px; - } - .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-is-focused.directorist-icon-right - .directorist-input-icon { - right: -20px; - } - .directorist-search-form__top - .directorist-search-field.input-is-focused - .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:not(.input-is-focused) - .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-form__top - .directorist-search-field.input-has-value:not(.input-is-focused) - .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top - .directorist-search-field.input-has-value:not(.input-is-focused) - .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top - .directorist-search-field.input-has-value:not(.input-is-focused) - .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top - .directorist-search-field.input-has-value:not(.input-is-focused) - .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top - .directorist-search-field.input-has-value:not(.input-is-focused) - .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top - .directorist-search-field - .directorist-price-ranges__label { - top: 12px; - left: 0; - } - .directorist-search-form__top - .directorist-search-field - .directorist-price-ranges__currency { - top: 12px; - left: 32px; - } + .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { + bottom: 0; + } + .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-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .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-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .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-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-is-focused .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn { + right: -20px; + } + .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-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: 5px; + } + .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-is-focused .directorist-location-js { + padding-right: 30px; + } + .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-is-focused.directorist-icon-right .directorist-input-icon { + right: -20px; + } + .directorist-search-form__top .directorist-search-field.input-is-focused .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: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; + 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; + .directorist-search-form__top .directorist-search-form-dropdown { + padding: 0 !important; + margin-right: 5px !important; + } + .directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear { + bottom: 12px; + opacity: 0; + visibility: hidden; +} +.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { + padding-right: 25px; +} +.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, +.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear, +.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i::after { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-form__top - .directorist-search-form-dropdown.input-has-value, - .directorist-search-form__top - .directorist-search-form-dropdown.input-is-focused { - margin-right: 20px !important; - } - .directorist-search-form__top - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__input, - .directorist-search-form__top - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-form__top - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__btn, - .directorist-search-form__top - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__btn { - right: 20px; - } - .directorist-search-form__top - .directorist-search-form-dropdown.input-has-value - .directorist-search-field__btn--clear, - .directorist-search-form__top - .directorist-search-form-dropdown.input-is-focused - .directorist-search-field__btn--clear { - bottom: 5px; - } + .directorist-search-form__top .directorist-search-form-dropdown.input-has-value, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused { + margin-right: 20px !important; + } + .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { + right: 20px; + } + .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear { + bottom: 5px; + } } .directorist-search-form__top .directorist-search-basic-dropdown { - position: relative; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - margin-bottom: 0 !important; - font-size: 14px; - font-weight: 400; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-body); -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-label - i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; +} +.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; - top: 100%; - left: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-height: 250px; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-search-tags, -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-radio-wrapper, -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox-wrapper { - gap: 12px; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox__label { - width: 100%; + .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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-right: 0 !important; - border: none !important; - bottom: 0; +.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input { + padding-right: 0 !important; + border: none !important; + bottom: 0; } -.directorist-search-form__top - .directorist-form-group__with-prefix - .directorist-search-field__input:focus { - border: none !important; +.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus { + border: none !important; } -.directorist-search-form__top - .directorist-form-group__with-prefix - .directorist-form-element { - padding-left: 0 !important; +.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element { + padding-left: 0 !important; } -.directorist-search-form__top - .directorist-form-group__with-prefix - ~ .directorist-search-field__btn--clear { - bottom: 12px; +.directorist-search-form__top .directorist-form-group__with-prefix ~ .directorist-search-field__btn--clear { + bottom: 12px; } .directorist-search-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-margin-end: auto; - margin-inline-end: auto; - -webkit-padding-start: 10px; - padding-inline-start: 10px; - gap: 10px; + display: -webkit-box; + 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-left: 0; - } + .directorist-search-form-action__filter .directorist-filter-btn { + padding-left: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action__filter { - display: none; - } + .directorist-search-form-action__filter { + display: none; + } } .directorist-search-form-action__submit .directorist-btn-search { - gap: 8px; - height: 50px; - padding: 0 25px; - font-size: 15px; - font-weight: 700; - border-radius: 8px; -} -.directorist-search-form-action__submit - .directorist-btn-search - .directorist-icon-mask::after { - height: 16px; - width: 16px; - background-color: var(--directorist-color-white); - -webkit-transform: rotate(270deg); - transform: rotate(270deg); + gap: 8px; + height: 50px; + padding: 0 25px; + font-size: 15px; + font-weight: 700; + border-radius: 8px; +} +.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask::after { + height: 16px; + width: 16px; + background-color: var(--directorist-color-white); + -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-left: 15px; +.atbdp-form-fade.directorist-search-field input[type=text] { + padding-left: 15px; } .atbdp-form-fade:before { - position: absolute; - content: ""; - width: 25px; - height: 25px; - border: 2px solid var(--directorist-color-primary); - border-top-color: transparent; - border-radius: 50%; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - -webkit-animation: atbd_spin2 2s linear infinite; - animation: atbd_spin2 2s linear infinite; - z-index: 9999; + position: absolute; + content: ""; + width: 25px; + height: 25px; + border: 2px solid var(--directorist-color-primary); + border-top-color: transparent; + border-radius: 50%; + left: 50%; + top: 50%; + -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; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + border-radius: 8px; + background: rgba(var(--directorist-color-primary-rgb), 0.3); + z-index: 9998; } .directorist-on-scroll-loading { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - gap: 8px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; + 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; + display: -webkit-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-right: 25px; + margin-right: 25px; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item:not(:last-child) { - margin-right: 20px; - } + .directorist-listing-type-selection__item:not(:last-child) { + margin-right: 20px; + } } .directorist-listing-type-selection__item a { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - color: var(--directorist-color-body); + position: relative; + display: -webkit-box; + display: -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; - left: 0; - bottom: 0; - width: 100%; - height: 2px; - border-radius: 6px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-primary); + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + border-radius: 6px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a .directorist-icon-mask { - display: inline-block; - margin: 0 0 7px; + display: inline-block; + margin: 0 0 7px; } .directorist-listing-type-selection__item a .directorist-icon-mask:after { - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); + width: 20px; + height: 20px; + background-color: var(--directorist-color-body); } -.directorist-listing-type-selection__item - .directorist-listing-type-selection__link--current { - font-weight: 700; - color: var(--directorist-color-primary); +.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current { + font-weight: 700; + color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item - .directorist-listing-type-selection__link--current - .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item - .directorist-listing-type-selection__link--current:after { - opacity: 1; - visibility: visible; +.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after { + opacity: 1; + visibility: visible; } .directorist-search-form-wrap .directorist-listing-type-selection { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-form-wrap .directorist-listing-type-selection { - margin: 0 auto; - } + .directorist-search-form-wrap .directorist-listing-type-selection { + margin: 0 auto; + } } .directorist-search-contents .directorist-btn-ml:after { - content: ""; - display: inline-block; - margin-left: 5px; - -webkit-mask-image: url(../js/../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-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); + -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, @@ -16645,6103 +14216,4936 @@ input.directorist-toggle-input:checked .directorist-listing-category-top li a span.fab, .directorist-listing-category-top li a span.fas, .directorist-listing-category-top li a span.la { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-listing-category-top li a .directorist-icon-mask::after { - position: relative; - height: 15px; - width: 15px; - background-color: var(--directorist-color-body); + position: relative; + height: 15px; + width: 15px; + background-color: var(--directorist-color-body); } .directorist-listing-category-top li a p { - font-size: 14px; - line-height: 1; - font-weight: 400; - margin: 0; - color: var(--directorist-color-body); + font-size: 14px; + line-height: 1; + font-weight: 400; + margin: 0; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-listing-category-top li a i { - display: none; - } + .directorist-listing-category-top li a i { + display: none; + } } .directorist-search-field .directorist-location-js + .address_result { - position: absolute; - width: 100%; - left: 0; - top: 45px; - z-index: 1; - min-width: 250px; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 10; + position: absolute; + width: 100%; + left: 0; + top: 45px; + z-index: 1; + min-width: 250px; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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%; - left: 0; - top: 45px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - border-radius: 3px; - z-index: 1; - max-height: 300px; - overflow-y: scroll; + position: absolute; + width: 100%; + left: 0; + top: 45px; + background-color: var(--directorist-color-white); + -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-right: 1px solid var(--directorist-color-border); + -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%; + 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; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-custom-range-slider__label { - font-size: 14px; - font-weight: 400; - margin: 0 10px 0 0; - color: var(--directorist-color-light-gray); + font-size: 14px; + font-weight: 400; + margin: 0 10px 0 0; + color: var(--directorist-color-light-gray); } .directorist-custom-range-slider__prefix { - line-height: 1; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } .directorist-custom-range-slider__range__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - font-size: 14px; - font-weight: 500; + display: -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); - /* Styles */ + 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%; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - z-index: 0; + position: absolute; + content: ""; + border-radius: inherit; + width: 100%; + height: 100%; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + z-index: 0; } .directorist-categories__single--image .directorist-categories__single__name, .directorist-categories__single--image .directorist-categories__single__total { - color: var(--directorist-color-white); + color: var(--directorist-color-white); } .directorist-categories__single__content { - position: relative; - z-index: 1; - text-align: center; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 50px 30px; + position: relative; + z-index: 1; + text-align: center; + -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; - 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; + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { + width: 50px; + height: 50px; } @media screen and (max-width: 991px) { - .directorist-categories__single--style-one - .directorist-categories__single__content - .directorist-icon-mask::after { - width: 40px; - height: 40px; - } -} -.directorist-categories__single--style-one.directorist-categories__single--image - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not( - .directorist-categories__single--image - ) - .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; -} -.directorist-categories__single--style-one:not( - .directorist-categories__single--image - ) - .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not( - .directorist-categories__single--image - ) - .directorist-categories__single__total { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); + .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { + width: 40px; + height: 40px; + } +} +.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask::after { + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); } .directorist-categories__single--style-two .directorist-icon-mask { - border: 4px solid var(--directorist-color-primary); - border-radius: 50%; - padding: 16px; + border: 4px solid var(--directorist-color-primary); + border-radius: 50%; + padding: 16px; } .directorist-categories__single--style-two .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } -.directorist-categories__single--style-two.directorist-categories__single--image - .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-two.directorist-categories__single--image - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three { - height: var(--directorist-category-box-width); - border-radius: 50%; + height: var(--directorist-category-box-width); + border-radius: 50%; } .directorist-categories__single--style-three .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .directorist-categories__single--style-three .directorist-category-term { - display: none; + display: none; } .directorist-categories__single--style-three .directorist-category-count { - font-size: 16px; - font-weight: 600; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 48px; - height: 48px; - border-radius: 50%; - border: 3px solid var(--directorist-color-primary); - margin-top: 15px; -} -.directorist-categories__single--style-three.directorist-categories__single--image - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + font-size: 16px; + font-weight: 600; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: 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; } @media screen and (max-width: 991px) { - .directorist-categories .directorist-col-3 { - width: 25%; - } + .directorist-categories .directorist-col-3 { + width: 25%; + } } @media screen and (max-width: 767px) { - .directorist-categories .directorist-col-3 { - width: 50%; - } + .directorist-categories .directorist-col-3 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-categories .directorist-col-3 { - width: 100%; - } + .directorist-categories .directorist-col-3 { + width: 100%; + } } @media screen and (max-width: 991px) { - .directorist-categories .directorist-col-4 { - width: 33.33%; - } + .directorist-categories .directorist-col-4 { + width: 33.33%; + } } @media screen and (max-width: 767px) { - .directorist-categories .directorist-col-4 { - width: 50%; - } + .directorist-categories .directorist-col-4 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-categories .directorist-col-4 { - width: 100%; - } + .directorist-categories .directorist-col-4 { + width: 100%; + } } .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 */ + /* 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-right-radius: 0; - border-bottom-left-radius: 0; - padding-bottom: 5px; -} -.directorist-taxonomy-list-one - .directorist-taxonomy-list__toggle--open - .directorist-taxonomy-list__toggler - .directorist-icon-mask::after { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.directorist-taxonomy-list-one - .directorist-taxonomy-list__icon - .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-white); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-one - .directorist-taxonomy-list__icon - .directorist-icon-mask::after { - width: 15px; - height: 15px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + padding-bottom: 5px; +} +.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__toggler .directorist-icon-mask::after { + -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__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; + -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: ""; - 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%); + -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); + -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; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: inherit; -} -.directorist-location--grid-one - .directorist-location__single--img - .directorist-location__content { - position: absolute; - left: 0; - bottom: 0; - z-index: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-location--grid-one - .directorist-location__single--img - .directorist-location__content - a { - color: var(--directorist-color-white); -} -.directorist-location--grid-one - .directorist-location__single--img - .directorist-location__count { - color: var(--directorist-color-white); + position: absolute; + content: ""; + width: 100%; + height: inherit; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: inherit; +} +.directorist-location--grid-one .directorist-location__single--img .directorist-location__content { + position: absolute; + left: 0; + bottom: 0; + z-index: 1; + -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%; - left: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-location--grid-one .directorist-location__count { - display: block; - font-size: 14px; - font-weight: 400; + display: block; + font-size: 14px; + font-weight: 400; } .directorist-location--grid-two .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-two .directorist-location__single--img { - height: auto; + height: auto; } -.directorist-location--grid-two - .directorist-location__single--img - .directorist-location__content { - padding: 10px 0 0 0; +.directorist-location--grid-two .directorist-location__single--img .directorist-location__content { + padding: 10px 0 0 0; } .directorist-location--grid-two .directorist-location__single img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: var(--directorist-border-radius-lg); + width: 100%; + height: 100%; + -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%; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: var(--directorist-border-radius-lg); -} -.directorist-location--grid-two - .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-location--grid-two - .directorist-location__single:not(.directorist-location__single--img) - .directorist-location__content - h3, -.directorist-location--grid-two - .directorist-location__single:not(.directorist-location__single--img) - .directorist-location__content - a, -.directorist-location--grid-two - .directorist-location__single:not(.directorist-location__single--img) - .directorist-location__content - span { - text-align: center; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: var(--directorist-border-radius-lg); +} +.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + -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%; - left: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-location--grid-two .directorist-location__count { - display: block; + display: block; } .directorist-location .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } @media screen and (max-width: 991px) { - .directorist-location .directorist-col-3 { - width: 25%; - } + .directorist-location .directorist-col-3 { + width: 25%; + } } @media screen and (max-width: 767px) { - .directorist-location .directorist-col-3 { - width: 50%; - } + .directorist-location .directorist-col-3 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-location .directorist-col-3 { - width: 100%; - } + .directorist-location .directorist-col-3 { + width: 100%; + } } @media screen and (max-width: 991px) { - .directorist-location .directorist-col-4 { - width: 33.33%; - } + .directorist-location .directorist-col-4 { + width: 33.33%; + } } @media screen and (max-width: 767px) { - .directorist-location .directorist-col-4 { - width: 50%; - } + .directorist-location .directorist-col-4 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-location .directorist-col-4 { - width: 100%; - } + .directorist-location .directorist-col-4 { + width: 100%; + } } .directorist-location .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + -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; - right: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + right: 20px; + position: absolute; + -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-left: 5px; - color: var(--directorist-color-info); + margin-left: 5px; + color: var(--directorist-color-info); } .directorist-author__form__toggle-area a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-author__form__recover-pass-modal .directorist-form-group { - padding: 25px; + padding: 25px; } .directorist-author__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0 0 20px; } .directorist-author__message__text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } /* Authentication style */ .directorist-authentication { - height: 0; - opacity: 0; - visibility: hidden; - -webkit-transition: - height 0.3s ease, - opacity 0.3s ease, - visibility 0.3s ease; - transition: - height 0.3s ease, - opacity 0.3s ease, - visibility 0.3s ease; + height: 0; + opacity: 0; + visibility: hidden; + -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-left: 5px; - color: #2c99ff; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + 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; + 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-right: 40px !important; + padding-right: 40px !important; } .directorist-password-group-toggle { - position: absolute; - top: calc(50% + 16px); - right: 15px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; + position: absolute; + top: calc(50% + 16px); + right: 15px; + -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; - /* Legacy Icon */ -} -.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-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); + 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; + 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 */ @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-6 { - width: 100%; - } + .directorist-authors__cards .directorist-col-6 { + width: 100%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-4 { - width: 50%; - } + .directorist-authors__cards .directorist-col-4 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-4 { - width: 100%; - } + .directorist-authors__cards .directorist-col-4 { + width: 100%; + } } @media (max-width: 1199px) { - .directorist-authors__cards .directorist-col-3 { - width: 33.33%; - } + .directorist-authors__cards .directorist-col-3 { + width: 33.33%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-3 { - width: 50%; - } + .directorist-authors__cards .directorist-col-3 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-3 { - width: 100%; - } + .directorist-authors__cards .directorist-col-3 { + width: 100%; + } } @media (max-width: 1199px) { - .directorist-authors__cards .directorist-col-2 { - width: 25%; - } + .directorist-authors__cards .directorist-col-2 { + width: 25%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-2 { - width: 33.33%; - } + .directorist-authors__cards .directorist-col-2 { + width: 33.33%; + } } @media (max-width: 767px) { - .directorist-authors__cards .directorist-col-2 { - width: 50%; - } + .directorist-authors__cards .directorist-col-2 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-2 { - width: 100%; - } + .directorist-authors__cards .directorist-col-2 { + width: 100%; + } } .directorist-authors__pagination { - margin-top: 25px; + margin-top: 25px; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - right: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + right: 5px; + top: 50%; + text-align: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - position: relative; - padding: 33px 20px 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; + position: relative; + padding: 33px 20px 24px; } .directorist-content-active .directorist-listing-single__info:empty { - display: none; + display: none; } .directorist-content-active .directorist-listing-single__info__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 6px; -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single__info__top - .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-listing-card-posted-on { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 0; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-listing-card-posted-on - i { - display: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 6px; +} +.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i { + display: none; } .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-right: 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-right: 8px; } .directorist-content-active .directorist-listing-single__info__list a { - text-decoration: none; - color: var(--directorist-color-body); - word-break: break-word; + text-decoration: none; + color: var(--directorist-color-body); + word-break: break-word; } .directorist-content-active .directorist-listing-single__info__list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active - .directorist-listing-single__info__list - .directorist-listing-card-location-list { - display: block; - margin: 0; +.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list { + display: block; + margin: 0; } .directorist-content-active .directorist-listing-single__info__list__label { - display: inline-block; - margin-right: 5px; + display: inline-block; + margin-right: 5px; } .directorist-content-active .directorist-listing-single__info--right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - position: absolute; - right: 20px; - top: 20px; + display: -webkit-box; + 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; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 15px; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 10px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 10px; + } } .directorist-content-active .directorist-listing-single__info__excerpt { - margin: 10px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 20px; - text-align: left; + margin: 10px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 20px; + text-align: left; } .directorist-content-active .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; + color: var(--directorist-color-primary); + text-decoration: underline; } .directorist-content-active .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-content-active .directorist-listing-single__info__top-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 20px; - width: 100%; + display: -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__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; + 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); + 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__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; - /* 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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; + 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 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: #f51957; -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-featured { - background-color: #fa8b0c; -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single - .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active - .directorist-listing-single - .directorist-mark-as-favorite__btn - .directorist-favorite-tooltip - span { - top: auto; - bottom: 35px; -} -.directorist-content-active - .directorist-listing-single - .directorist-mark-as-favorite__btn - .directorist-favorite-tooltip - span:before { - top: auto; - bottom: -7px; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb - .directorist-pricing-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - margin: 0; - border-radius: 3px; - background: var(--directorist-color-white); - padding: 0 8px; - font-weight: 700; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb - .directorist-pricing-meta - .directorist-listing-price { - color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author { - position: absolute; - bottom: 0; - top: unset; - -webkit-transform: translateY(50%); - transform: translateY(50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - z-index: 1; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-left { - left: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-right { - right: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-center { - left: 50%; - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author - img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author - a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); + margin: 3px; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular { + background-color: #f51957; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured { + background-color: #fa8b0c; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { + top: auto; + bottom: 35px; +} +.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { + top: auto; + bottom: -7px; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { + position: absolute; + bottom: 0; + top: unset; + -webkit-transform: translateY(50%); + transform: translateY(50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 1; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { + left: 20px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { + right: 20px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { + left: 50%; + -webkit-transform: translate(-50%, 50%); + transform: translate(-50%, 50%); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); } @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-left: 0; - font-size: 12px; - font-weight: normal; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-rating-meta - .directorist-total-review { - font-size: 12px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-price { - font-size: 12px; - font-weight: 600; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__meta { - font-size: 12px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-icon-mask:after { - width: 14px; - height: 14px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info__excerpt { - font-size: 12px; - line-height: 1.6; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info__list - > li, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info__list - > div { - font-size: 12px; - line-height: 1.2; - gap: 8px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-view-count, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-category - a, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-category__extran-count { - font-size: 12px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-category__popup { - margin-left: 5px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-listing-author - a, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-category - > a - .directorist-icon-mask { - width: 30px; - height: 30px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info__list - .directorist-icon-mask { - top: 0; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info__list - .directorist-icon-mask:after { - width: 12px; - height: 14px; - } -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__thumb { - margin: 0; + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) { + display: none; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after { + width: 10px; + height: 10px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg { + margin-left: 0; + font-size: 12px; + font-weight: normal; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review { + font-size: 12px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price { + font-size: 12px; + font-weight: 600; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { + font-size: 12px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after { + width: 14px; + height: 14px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { + font-size: 12px; + line-height: 1.6; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > li, + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > div { + font-size: 12px; + line-height: 1.2; + gap: 8px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count, + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a, + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count { + font-size: 12px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup { + margin-left: 5px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a, + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category > a .directorist-icon-mask { + width: 30px; + height: 30px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask { + top: 0; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after { + width: 12px; + height: 14px; + } +} +.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { + margin: 0; } @media only screen and (min-width: 576.99px) { - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__thumb { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 320px; - min-height: 240px; - padding: 10px 0 10px 10px; - } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { + -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; - } + .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 { - right: unset; - left: -30px; - top: 20px; - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info--right - .directorist-favorite-icon { - width: 20px; - height: 20px; - border-radius: 100%; - background-color: var(--directorist-color-white); - } - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info--right - .directorist-favorite-icon:before { - width: 10px; - height: 10px; - } -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-top-left { - left: 20px; - top: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-top-right { - top: 20px; - right: 10px; + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right { + right: unset; + left: -30px; + top: 20px; + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon { + width: 20px; + height: 20px; + border-radius: 100%; + background-color: var(--directorist-color-white); + } + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before { + width: 10px; + height: 10px; + } +} +.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left { + left: 20px; + top: 20px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { + top: 20px; + right: 10px; } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-top-right { - right: unset; - left: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-bottom-left { - left: 20px; - bottom: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-thumb-bottom-right { - right: 10px; - bottom: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info - .directorist-badge { - margin: 0; - padding: 0; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-listing-single__info - .directorist-badge:after { - display: none; + .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { + right: unset; + left: 20px; + -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; - 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; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; } @media screen and (max-width: 575px) { - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text, - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-open, - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-close, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-open, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-popular, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-new, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-featured, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-featured, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-popular, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-new, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); + .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); } .directorist-content-active .directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info { - z-index: 1; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - figure { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-listing-single__header__left:empty, -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-listing-single__header__right:empty { - display: none; + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge { + display: -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-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; + padding: 0; } .directorist-rating-meta i.directorist-icon-mask:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-rating-meta i.directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; + background-color: #d1d1d1; } .directorist-rating-meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 3px 0 6px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 3px 0 6px; } .directorist-rating-meta .directorist-total-review { - font-weight: 400; - color: var(--directorist-color-light-gray); + font-weight: 400; + color: var(--directorist-color-light-gray); } .directorist-rating-meta.directorist-info-item-rating i, .directorist-rating-meta.directorist-info-item-rating span.la, .directorist-rating-meta.directorist-info-item-rating span.fa { - margin-left: 4px; + margin-left: 4px; } /* mark as favorite btn */ .directorist-mark-as-favorite__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - position: relative; - text-decoration: none; - padding: 0; - font-weight: unset; - line-height: unset; - text-transform: unset; - letter-spacing: unset; - background: transparent; - border: none; - cursor: pointer; -} -.directorist-mark-as-favorite__btn:hover, -.directorist-mark-as-favorite__btn:focus { - outline: 0; - text-decoration: none; -} -.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, -.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { - background-color: var(--directorist-color-danger); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - right: 0; - top: 35px; - background-color: var(--directorist-color-dark); - color: var(--directorist-color-white); - font-size: 13px; - border-radius: 3px; - text-align: center; - padding: 5px; - z-index: 111; + position: absolute; + min-width: 120px; + right: 0; + top: 35px; + background-color: var(--directorist-color-dark); + color: var(--directorist-color-white); + font-size: 13px; + border-radius: 3px; + text-align: center; + padding: 5px; + z-index: 111; } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before { - content: ""; - position: absolute; - border-bottom: 8px solid var(--directorist-color-dark); - border-right: 6px solid transparent; - border-left: 6px solid transparent; - right: 8px; - top: -7px; + content: ""; + position: absolute; + border-bottom: 8px solid var(--directorist-color-dark); + border-right: 6px solid transparent; + border-left: 6px solid transparent; + right: 8px; + top: -7px; } /* listing card without thumbnail */ -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 20px 22px 0 22px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header__left - .directorist-listing-single__badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: relative; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header__left - .directorist-badge { - background-color: #f4f4f4; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header__title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-thumb-listing-author { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-thumb-listing-author - a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-thumb-listing-author - img { - height: 100%; - width: 100%; - max-width: none; - border-radius: 50%; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 1.2; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { + display: -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-bottom: 0; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info { - padding: 10px 22px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info:empty { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list { - margin: 16px 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - a, -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: left; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div { - margin-bottom: 2px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div - .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div - .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - a:hover { - color: var(--directorist-color-body); -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__content { - border: 0 none; - padding: 10px 22px 25px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__meta__right - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline { + margin-bottom: 0; +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { + padding: 10px 22px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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 { + width: 100%; + margin-bottom: 13px; } -.directorist-listing-single.directorist-listing-list - .directorist-listing-single__header - .directorist-listing-single__info { - padding: 0; +.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__info { + padding: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge { - padding: 0; - margin: 0; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge { + padding: 0; + margin: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge:after { - display: none; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after { + display: none; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge.directorist-badge-open, -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge.directorist-badge-close { - padding: 0 5px; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close { + padding: 0 5px; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { + width: auto; + height: auto; } -.directorist-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-left: 10px; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + 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; + 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; + content: ""; + left: 40px; + bottom: -11px; + border: 6px solid transparent; + border-top-color: var(--directorist-color-white); + display: inline-block; + position: absolute; } .directorist-listing-category__popup__content a { - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - line-height: normal; - padding: 10px; - border-radius: 8px; + color: var(--directorist-color-body); + display: -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 { - left: unset; - right: -30px; +.directorist-listing-single__meta__right .directorist-listing-category__popup__content { + left: unset; + right: -30px; } -.directorist-listing-single__meta__right - .directorist-listing-category__popup__content:after { - left: unset; - right: 40px; +.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after { + left: unset; + right: 40px; } .directorist-listing-price-range span { - font-weight: 600; - color: rgba(122, 130, 166, 0.3); + font-weight: 600; + color: rgba(122, 130, 166, 0.3); } .directorist-listing-price-range span.directorist-price-active { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } #map.leaflet-container, #gmap.leaflet-container, .directorist-single-map.leaflet-container { - /*rtl:ignore*/ - direction: ltr; + /*rtl:ignore*/ + direction: ltr; } #map.leaflet-container .leaflet-popup-content-wrapper, #gmap.leaflet-container .leaflet-popup-content-wrapper, .directorist-single-map.leaflet-container .leaflet-popup-content-wrapper { - border-radius: 8px; - padding: 0; + border-radius: 8px; + padding: 0; } #map.leaflet-container .leaflet-popup-content, #gmap.leaflet-container .leaflet-popup-content, .directorist-single-map.leaflet-container .leaflet-popup-content { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } @media only screen and (max-width: 480px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 300px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 300px !important; + } } @media only screen and (max-width: 375px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 250px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 250px !important; + } } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .atbdp-map.atbdp-body - img { - width: 100%; +.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .media-body - h3 - a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container - .leaflet-popup-content - .atbdp-listings-title-block - h3.atbdp-no-margin, -#gmap.leaflet-container - .leaflet-popup-content - .atbdp-listings-title-block - h3.atbdp-no-margin, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .atbdp-listings-title-block - h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, +#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, +.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-location, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container - .leaflet-popup-content - .osm-iw-location - .directorist-icon-mask, -#gmap.leaflet-container - .leaflet-popup-content - .osm-iw-location - .directorist-icon-mask, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .osm-iw-location - .directorist-icon-mask { - display: inline-block; - margin-right: 4px; +.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location { + margin-bottom: 6px; + display: -webkit-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; +.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; + margin: 0; + line-height: 1; + width: 350px !important; } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .atbdp-map.atbdp-body - img { - width: 100%; +.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .media-body - h3 - a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container - .leaflet-popup-content - .media-body - .atbdp-listings-title-block - h3.atbdp-no-margin, -#gmap.leaflet-container - .leaflet-popup-content - .media-body - .atbdp-listings-title-block - h3.atbdp-no-margin, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .media-body - .atbdp-listings-title-block - h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, +#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, +.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .media-body - .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container - .leaflet-popup-content - .media-body - .osm-iw-location - .directorist-icon-mask, -#gmap.leaflet-container - .leaflet-popup-content - .media-body - .osm-iw-location - .directorist-icon-mask, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .media-body - .osm-iw-location - .directorist-icon-mask { - display: inline-block; - margin-right: 4px; +.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location { + margin-bottom: 6px; + display: -webkit-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; +.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; + margin: 0; } #map.leaflet-container .leaflet-popup-content .map-info-wrapper img, #gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - img { - width: 100%; -} -#map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details, -#gmap.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details { - padding: 15px; -} -#map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - h3, -#gmap.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - h3, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - h3 { - font-size: 16px; - margin-bottom: 0; - margin-top: 0; -} -#map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - .miw-contents-footer - .iw-close-btn, -#gmap.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - .miw-contents-footer - .iw-close-btn, -.directorist-single-map.leaflet-container - .leaflet-popup-content - .map-info-wrapper - .map-info-details - .miw-contents-footer - .iw-close-btn { - display: none; +.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img { + width: 100%; +} +#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, +#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, +.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details { + padding: 15px; +} +#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, +#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, +.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3 { + font-size: 16px; + margin-bottom: 0; + margin-top: 0; +} +#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, +#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, +.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn { + display: none; } #map.leaflet-container .leaflet-popup-close-button, #gmap.leaflet-container .leaflet-popup-close-button, .directorist-single-map.leaflet-container .leaflet-popup-close-button { - position: absolute; - width: 25px; - height: 25px; - background: rgba(68, 71, 82, 0.5); - border-radius: 50%; - color: var(--directorist-color-white); - right: 10px; - left: auto; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - line-height: inherit; - padding: 0; - display: none; + position: absolute; + width: 25px; + height: 25px; + background: rgba(68, 71, 82, 0.5); + border-radius: 50%; + color: var(--directorist-color-white); + right: 10px; + left: auto; + top: 10px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - right: 20px; - width: 30px; - height: 30px; - border-radius: 100%; - background-color: var(--directorist-color-white); -} -.map-listing-card-single - .directorist-mark-as-favorite__btn - .directorist-favorite-icon::before { - width: 16px; - height: 16px; + position: absolute; + top: 20px; + right: 20px; + width: 30px; + height: 30px; + border-radius: 100%; + background-color: var(--directorist-color-white); +} +.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon::before { + width: 16px; + height: 16px; } .map-listing-card-single__img .atbd_tooltip { - margin-left: 10px; - margin-bottom: 10px; + margin-left: 10px; + margin-bottom: 10px; } .map-listing-card-single__img .atbd_tooltip img { - width: auto; + width: auto; } .map-listing-card-single__img a { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + width: 100%; + display: -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-left: 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-left: 7px; + margin-bottom: 5px; + border: 3px solid var(--directorist-color-white); } .map-listing-card-single__author img { - width: 100%; - height: 100%; - border-radius: 100%; + width: 100%; + height: 100%; + border-radius: 100%; } .map-listing-card-single__content { - padding: 15px 10px 10px; + padding: 15px 10px 10px; } .map-listing-card-single__content__title { - font-size: 16px; - font-weight: 500; - margin: 0 0 10px !important; - color: var(--directorist-color-dark); + font-size: 16px; + font-weight: 500; + margin: 0 0 10px !important; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a { - text-decoration: unset; - color: var(--directorist-color-dark); + text-decoration: unset; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; - gap: 10px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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-right: 4px; + margin-right: 4px; } .map-listing-card-single__content__meta .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-warning); + width: 15px; + height: 15px; + background-color: var(--directorist-color-warning); } -.map-listing-card-single__content__meta - .directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; +.map-listing-card-single__content__meta .directorist-icon-mask.star-empty:after { + background-color: #d1d1d1; } .map-listing-card-single__content__meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 3px 0 6px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 3px 0 6px; } .map-listing-card-single__content__meta .directorist-listing-price { - font-size: 14px; - color: var(--directorist-color-body); + font-size: 14px; + color: var(--directorist-color-body); } .map-listing-card-single__content__meta .directorist-info-item { - position: relative; -} -.map-listing-card-single__content__meta - .directorist-info-item:not(:last-child) { - padding-right: 8px; - margin-right: 8px; -} -.map-listing-card-single__content__meta - .directorist-info-item:not(:last-child):before { - content: ""; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 3px; - height: 3px; - border-radius: 100%; - background-color: var(--directorist-color-gray-hover); + position: relative; +} +.map-listing-card-single__content__meta .directorist-info-item:not(:last-child) { + padding-right: 8px; + margin-right: 8px; +} +.map-listing-card-single__content__meta .directorist-info-item:not(:last-child):before { + content: ""; + position: absolute; + right: 0; + top: 50%; + -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-left: 5px; + margin-left: 5px; } -.leaflet-popup-content-wrapper - .leaflet-popup-content - .map-info-wrapper - .map-info-details - .iw-close-btn { - display: none; +.leaflet-popup-content-wrapper .leaflet-popup-content .map-info-wrapper .map-info-details .iw-close-btn { + display: none; } .myDivIcon { - text-align: center !important; - line-height: 20px !important; - position: relative; + text-align: center !important; + line-height: 20px !important; + position: relative; } .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; - background-color: var(--directorist-color-marker-shape); + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: 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; + 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: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 9px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .marker-cluster-shape { - width: 35px; - height: 35px; - background-color: var(--directorist-color-marker-shape); - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-marker-icon); - font-size: 15px; - font-weight: 700; - position: relative; - cursor: pointer; + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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%; + position: absolute; + content: ""; + width: 47px; + height: 47px; + left: -6px; + top: -6px; + background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); + border-radius: 50%; } /*style the box*/ .atbdp-map .gm-style .gm-style-iw, .atbd_google_map .gm-style .gm-style-iw, .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 350px; - padding: 0; - border-radius: 8px; - -webkit-box-shadow: unset; - box-shadow: unset; - max-height: none !important; + width: 350px; + padding: 0; + border-radius: 8px; + -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; - right: -40px !important; - top: -30px !important; - left: auto; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - border: none; - cursor: pointer; + padding: 20px 0 15px; +} +.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-title { + font-size: 1.75rem; + margin: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; +} +.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close { + width: 32px; + height: 32px; + right: -40px !important; + top: -30px !important; + left: auto; + position: absolute; + -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: left; - display: block; + font-size: 18px; + margin-bottom: 12px; + text-align: left; + display: block; } .directorist-report-abuse-modal .directorist-modal__body textarea { - min-height: 90px; - resize: none; - padding: 10px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); + min-height: 90px; + resize: none; + padding: 10px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); } .directorist-report-abuse-modal .directorist-modal__body textarea:focus { - border: 1px solid var(--directorist-color-primary); + border: 1px solid var(--directorist-color-primary); } .directorist-report-abuse-modal #directorist-report-abuse-message-display { - color: var(--directorist-color-body); - margin-top: 15px; + color: var(--directorist-color-body); + margin-top: 15px; } -.directorist-report-abuse-modal - #directorist-report-abuse-message-display:empty { - margin: 0; +.directorist-report-abuse-modal #directorist-report-abuse-message-display:empty { + margin: 0; } .directorist-report-abuse-modal .directorist-modal__footer { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - border: none; + padding: 0; + display: -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; + 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; + padding: 20px 30px 20px; } .directorist-report-abuse-modal #directorist-report-abuse-form { - text-align: left; + text-align: left; } .directorist-rated-stars ul, .atbd_rated_stars ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-rated-stars li, .atbd_rated_stars li { - display: inline-block; - padding: 0; - margin: 0; + display: inline-block; + padding: 0; + margin: 0; } .directorist-rated-stars span, .atbd_rated_stars span { - color: #d4d3f3; - display: block; - width: 14px; - height: 14px; - position: relative; + color: #d4d3f3; + display: block; + width: 14px; + height: 14px; + position: relative; } .directorist-rated-stars span:before, .atbd_rated_stars span:before { - content: ""; - -webkit-mask-image: url(../js/../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; + 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); + 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; - /* Legacy Icon */ + 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; + font-size: 15px; } .directorist-single-tag-list a > span:not(.directorist-icon-mask) { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - margin-right: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 15px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: 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); + 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-left: 0; +.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced { + padding-left: 0; } .directorist-sidebar .directorist-add-listing-types { - padding: 25px; + padding: 25px; } .directorist-sidebar .directorist-add-listing-types__single { - margin: 0; + margin: 0; } -.directorist-sidebar - .directorist-add-listing-types - .directorist-container-fluid { - padding: 0; +.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid { + padding: 0; } .directorist-sidebar .directorist-add-listing-types .directorist-row { - gap: 15px; - margin: 0; -} -.directorist-sidebar - .directorist-add-listing-types - .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - padding: 0; - margin: 0; -} -.directorist-sidebar - .directorist-widget-taxonomy - .directorist-taxonomy-list-one - .directorist-taxonomy-list__toggle--open:not( - .directorist-taxonomy-list__card--icon - ) - + .directorist-taxonomy-list__sub-item { - padding: 0; -} -.directorist-sidebar - .directorist-widget-taxonomy - .directorist-taxonomy-list-one - .directorist-taxonomy-list - > .directorist-taxonomy-list__toggle--open - ~ .directorist-taxonomy-list__sub-item { - margin-top: 10px; - padding: 10px 20px; -} -.directorist-sidebar - .directorist-taxonomy-list-one - .directorist-taxonomy-list__card - + .directorist-taxonomy-list__sub-item { - padding: 0; - margin-top: 0; -} -.directorist-sidebar - .directorist-taxonomy-list-one - .directorist-taxonomy-list__toggle--open - + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; -} -.directorist-sidebar - .directorist-taxonomy-list-one - .directorist-taxonomy-list__toggle--open - + .directorist-taxonomy-list__sub-item - li { - margin-top: 0; + gap: 15px; + margin: 0; +} +.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { + width: 100%; + -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; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.8); - z-index: 999; + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + left: 0; + display: -webkit-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-right: 10px; +.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter { + margin-right: 10px; } .directorist-single-contents-area .directorist-card__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-width: 34px; - height: 34px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); -} -.directorist-single-contents-area - .directorist-card__header-icon - .directorist-icon-mask { - color: var(--directorist-color-dark); -} -.directorist-single-contents-area - .directorist-card__header-icon - .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: -webkit-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-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 { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + 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; + } } .directorist-single-listing-quick-action .directorist-social-share-links { - position: absolute; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - z-index: 2; - visibility: hidden; - opacity: 0; - right: 0; - top: calc(100% + 30px); - background-color: var(--directorist-color-white); - border-radius: 8px; - width: 150px; - -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - list-style-type: none; - padding: 10px; - margin: 0; + position: absolute; + -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; + padding-left: 0; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item a { - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - font-size: 14px; - font-weight: 500; - border: 0 none; - border-radius: 8px; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-single-listing-quick-action - .directorist-social-links__item - a - span.la, -.directorist-single-listing-quick-action - .directorist-social-links__item - a - span.lab, -.directorist-single-listing-quick-action - .directorist-social-links__item - a - span.fa, + padding: 8px 12px; + display: -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); + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after, +.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after, +.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after, +.directorist-single-listing-quick-action .directorist-social-links__item a i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action .directorist-social-links__item a span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la, +.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa, +.directorist-single-listing-quick-action .directorist-social-links__item a:hover i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-single-listing-action { - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - font-weight: 400; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-white) !important; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; + gap: 8px; + -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-left: 20px; - margin-left: 0; + list-style: disc; + padding-left: 20px; + margin-left: 0; } .directorist-listing-details__text li { - list-style: disc; + list-style: disc; } .directorist-listing-details__listing-title { - font-size: 30px; - font-weight: 600; - display: inline-block; - margin: 15px 0 0; - color: var(--directorist-color-dark); + font-size: 30px; + font-weight: 600; + display: inline-block; + margin: 15px 0 0; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-listing-details__listing-title { - font-size: 24px; - } + .directorist-listing-details__listing-title { + font-size: 24px; + } } .directorist-listing-details__tagline { - margin: 10px 0; - color: var(--directorist-color-body); + margin: 10px 0; + color: var(--directorist-color-body); } -.directorist-listing-details - .directorist-pricing-meta - .directorist-listing-price { - padding: 5px 10px; - border-radius: 6px; - background-color: var(--directorist-color-light); +.directorist-listing-details .directorist-pricing-meta .directorist-listing-price { + padding: 5px 10px; + border-radius: 6px; + background-color: var(--directorist-color-light); } .directorist-listing-details .directorist-listing-single__info { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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, @@ -22750,5366 +19154,4415 @@ input.directorist-toggle-input:checked .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-right: 10px; - width: auto; + margin-right: 10px; + width: auto; } .directorist-single-author-avatar .directorist-single-author-avatar-inner img { - width: 50px; - height: 50px; - border-radius: 50%; -} -.directorist-single-author-avatar .directorist-single-author-name h1, -.directorist-single-author-avatar .directorist-single-author-name h2, -.directorist-single-author-avatar .directorist-single-author-name h3, -.directorist-single-author-avatar .directorist-single-author-name h4, -.directorist-single-author-avatar .directorist-single-author-name h5, -.directorist-single-author-avatar .directorist-single-author-name h6 { - font-size: 16px; - font-weight: 500; - line-height: 1.2; - letter-spacing: normal; - margin: 0 0 3px; - color: var(--color-dark); + width: 50px; + height: 50px; + border-radius: 50%; +} +.directorist-single-author-avatar .directorist-single-author-name h1, .directorist-single-author-avatar .directorist-single-author-name h2, .directorist-single-author-avatar .directorist-single-author-name h3, .directorist-single-author-avatar .directorist-single-author-name h4, .directorist-single-author-avatar .directorist-single-author-name h5, .directorist-single-author-avatar .directorist-single-author-name h6 { + font-size: 16px; + font-weight: 500; + line-height: 1.2; + letter-spacing: normal; + margin: 0 0 3px; + color: var(--color-dark); } .directorist-single-author-avatar .directorist-single-author-membership { - font-size: 14px; - color: var(--directorist-color-light-gray); + font-size: 14px; + color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info { - margin-top: 15px; + margin-top: 15px; } .directorist-single-author-contact-info ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - padding: 0; + -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; + 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; + margin-bottom: 12px; } .directorist-single-author-contact-info ul a { - text-decoration: none; - color: var(--directorist-color-body); + text-decoration: none; + color: var(--directorist-color-body); } .directorist-single-author-contact-info ul a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-author-contact-info ul .directorist-icon-mask::after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light-gray); + width: 14px; + height: 14px; + background-color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info-text { - font-size: 15px; - margin-left: 12px; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + margin-left: 12px; + -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-right: 10px; - font-size: 14px; - text-align: center; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - color: var(--directorist-color-light-gray); - background-color: var(--directorist-color-bg-light); -} -.directorist-details-info-wrap - .directorist-single-info__label-icon - .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: 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; + position: relative; + min-width: 70px; + margin-top: 5px; + padding-right: 10px; } .directorist-details-info-wrap .directorist-single-info__label__text:before { - content: ":"; - position: absolute; - right: 0; - top: 0; + content: ":"; + position: absolute; + right: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label__text { - min-width: 60px; - } -} -.directorist-details-info-wrap - .directorist-single-info-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-right: 10px; + display: inline-block; + vertical-align: middle; + margin-right: 10px; } .directorist-rating-given-block .directorist-rating-given-block__label a, .directorist-rating-given-block .directorist-rating-given-block__stars a { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .directorist-rating-given-block .directorist-rating-given-block__label { - margin-right: 10px; - margin: 0 10px 0 0; + margin-right: 10px; + margin: 0 10px 0 0; } .directorist-rating-given-block__stars .br-widget a:before { - content: ""; - -webkit-mask-image: url(../js/../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-left: 20px; + display: inline-block; + margin-left: 20px; } .directorist-review-current-rating { - margin-bottom: 16px; + margin-bottom: 16px; } .directorist-review-current-rating .directorist-review-current-rating__label { - margin-right: 10px; - margin-bottom: 0; + margin-right: 10px; + margin-bottom: 0; } .directorist-review-current-rating .directorist-review-current-rating__label, .directorist-review-current-rating .directorist-review-current-rating__stars { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } -.directorist-review-current-rating - .directorist-review-current-rating__stars - li { - display: inline-block; +.directorist-review-current-rating .directorist-review-current-rating__stars li { + display: inline-block; } -.directorist-review-current-rating - .directorist-review-current-rating__stars - span { - color: #d4d3f3; +.directorist-review-current-rating .directorist-review-current-rating__stars span { + color: #d4d3f3; } -.directorist-review-current-rating - .directorist-review-current-rating__stars - span:before { - content: "\f005"; - font-size: 14px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; +.directorist-review-current-rating .directorist-review-current-rating__stars span:before { + content: "\f005"; + font-size: 14px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } -.directorist-review-current-rating - .directorist-review-current-rating__stars - span.directorist-rate-active { - color: #fa8b0c; +.directorist-review-current-rating .directorist-review-current-rating__stars span.directorist-rate-active { + color: #fa8b0c; } .directorist-single-review { - padding-bottom: 26px; - padding-top: 30px; - border-bottom: 1px solid #e3e6ef; + padding-bottom: 26px; + padding-top: 30px; + border-bottom: 1px solid #e3e6ef; } .directorist-single-review:first-child { - padding-top: 0; + padding-top: 0; } .directorist-single-review:last-child { - padding-bottom: 0; - border-bottom: 0; + padding-bottom: 0; + border-bottom: 0; } .directorist-single-review .directorist-single-review__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: -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-right: 12px; + margin-right: 12px; } .directorist-single-review .directorist-single-review-avatar img { - max-width: 50px; - border-radius: 50%; + max-width: 50px; + border-radius: 50%; } -.directorist-single-review - .directorist-rated-stars - ul - li - span.directorist-rate-active { - color: #fa8b0c; +.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active { + color: #fa8b0c; } .atbdp-universal-pagination ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -5px; - padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); -} -.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_h { - visibility: hidden; - opacity: 0; - left: 70%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_d { - visibility: visible; - opacity: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover { - color: var(--directorist-color-primary); -} -.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_h { - visibility: visible; - opacity: 1; - left: 50%; -} -.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_d { - visibility: hidden; - opacity: 0; - left: 30%; + opacity: 0.5; +} +.atbdp-universal-pagination li[class^=atbd-page-jump-] { + min-width: 30px; + min-height: 30px; + position: relative; + cursor: pointer; +} +.atbdp-universal-pagination li[class^=atbd-page-jump-] .la { + position: absolute; + left: 50%; + top: 50%; + -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; + padding: 0 14px; + line-height: 2.55; } /*================================== Review: New Style ===================================*/ .directorist-review-container { - padding: 0; - margin-bottom: 35px; + padding: 0; + margin-bottom: 35px; } .directorist-review-container .comment-notes, .directorist-review-container .comment-form-cookies-consent { - margin-bottom: 20px; - font-style: italic; - font-size: 14px; - font-weight: normal; + margin-bottom: 20px; + font-style: italic; + font-size: 14px; + font-weight: normal; } .directorist-review-content a > i { - font-size: 13.5px; + font-size: 13.5px; } .directorist-review-content .directorist-btn > i { - margin-right: 5px; + margin-right: 5px; } .directorist-review-content #cancel-comment-reply-link, .directorist-review-content .directorist-js-cancel-comment-edit { - font-size: 14px; - margin-left: 15px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-left: 15px; + color: var(--directorist-color-deep-gray); } -.directorist-review-content #cancel-comment-reply-link:hover, -.directorist-review-content #cancel-comment-reply-link:focus, +.directorist-review-content #cancel-comment-reply-link:hover, .directorist-review-content #cancel-comment-reply-link:focus, .directorist-review-content .directorist-js-cancel-comment-edit:hover, .directorist-review-content .directorist-js-cancel-comment-edit:focus { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-review-content #cancel-comment-reply-link, - .directorist-review-content .directorist-js-cancel-comment-edit { - margin-left: 0; - } + .directorist-review-content #cancel-comment-reply-link, + .directorist-review-content .directorist-js-cancel-comment-edit { + margin-left: 0; + } } .directorist-review-content .directorist-review-content__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 6px 20px; - border: 1px solid #eff1f6; - border-bottom-color: #f2f2f2; - background-color: var(--directorist-color-white); - border-radius: 16px 16px 0 0; -} -.directorist-review-content - .directorist-review-content__header - h3:not(.directorist-card__header__title) { - font-size: 16px; - font-weight: 500; - color: #1a1b29; - margin: 10px 0; -} -.directorist-review-content - .directorist-review-content__header - h3:not(.directorist-card__header__title) - span { - color: var(--directorist-color-body); -} -.directorist-review-content - .directorist-review-content__header - h3:not(.directorist-card__header__title) - span:before { - content: "-"; - color: #8f8e9f; - padding-right: 5px; -} -.directorist-review-content - .directorist-review-content__header - .directorist-btn { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content - .directorist-review-content__header - .directorist-btn - .directorist-icon-mask { - display: inline-block; - margin-right: 4px; -} -.directorist-review-content - .directorist-review-content__header - .directorist-btn - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-review-content - .directorist-review-content__header - .directorist-btn:hover { - opacity: 0.8; -} -.directorist-review-content - .directorist-review-content__header - .directorist-noreviews { - font-size: 16px; - margin-bottom: 0; - padding: 19px 20px 15px; -} -.directorist-review-content - .directorist-review-content__header - .directorist-noreviews - a { - color: #2c99ff; + display: -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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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; + -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; + -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; + 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; + 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-right: 5px; + content: "-"; + color: #8F8E9F; + padding-right: 5px; } .directorist-review-submit__header .directorist-btn { - font-size: 13px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 20px; - min-height: 40px; - border-radius: 8px; + font-size: 13px; + -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; + display: inline-block; + margin-right: 4px; } -.directorist-review-submit__header - .directorist-btn - .directorist-icon-mask::after { - width: 13px; - height: 13px; - background-color: var(--directorist-color-white); +.directorist-review-submit__header .directorist-btn .directorist-icon-mask::after { + width: 13px; + height: 13px; + background-color: var(--directorist-color-white); } .directorist-review-submit__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; - border-top: 0 none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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; - left: 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; + 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; + 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-right: 4px; -} -.directorist-review-submit__overview__benchmarks - .directorist-benchmark-single - label:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); -} -.directorist-review-submit__reviews, -.directorist-review-submit__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - margin-left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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); + border-top: 1px solid var(--directorist-color-border); } .directorist-review-submit .directorist-comment-edit-request { - position: relative; + position: relative; } .directorist-review-submit .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; } .directorist-review-submit .directorist-comment-edit-request > li { - border-top: 1px solid var(--directorist-color-border); -} -.directorist-review-submit - .directorist-comment-edit-request - .directorist-comment-edit-request { - position: relative; -} -.directorist-review-submit - .directorist-comment-edit-request - .directorist-comment-edit-request:after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-submit - .directorist-comment-edit-request - .directorist-comment-edit-request:before { - position: absolute; - z-index: 100; - left: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} - -.directorist-review-single - .directorist-comment-editing - .directorist-review-single__report, -.directorist-review-single - .directorist-comment-editing - .directorist-review-single__content, -.directorist-review-single - .directorist-comment-editing - .directorist-review-single__actions { - display: none; + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before { + position: absolute; + z-index: 100; + left: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + -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-left: 15px; + -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); + 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-left: 14px; - color: var(--directorist-color-deep-gray); + display: inline-block; + font-size: 13px; + margin-left: 14px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__report a { - font-size: 13px; - color: #8c90a4; - display: block; + font-size: 13px; + color: #8C90A4; + display: block; } .directorist-review-single__content p { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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-right: 6px; + margin-right: 6px; } .directorist-review-single__actions a .directorist-icon-mask::after { - width: 13.5px; - height: 13.5px; - background-color: var(--directorist-color-deep-gray); + width: 13.5px; + height: 13.5px; + background-color: var(--directorist-color-deep-gray); } .directorist-review-single .directorist-review-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -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-left: 0; - padding-right: 0; -} -.directorist-review-single - .directorist-review-submit - .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 13px; - max-width: 100%; - width: 100%; - margin: 0; + padding-left: 0; + padding-right: 0; +} +.directorist-review-single .directorist-review-submit .directorist-card__header__title { + display: -webkit-box; + display: -webkit-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; - left: -20px; - top: 0; - width: 2px; - height: 100%; - content: ""; - background-color: var(--directorist-color-border-gray); + padding-bottom: 0; +} +.directorist-review-single .directorist-review-single .directorist-review-single__header { + margin-bottom: 15px; +} +.directorist-review-single .directorist-review-single .directorist-review-single__info { + position: relative; +} +.directorist-review-single .directorist-review-single .directorist-review-single__info:before { + position: absolute; + left: -20px; + top: 0; + width: 2px; + height: 100%; + content: ""; + background-color: var(--directorist-color-border-gray); } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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-left: 0; - padding-right: 0; + padding: 25px; +} +.directorist-review-submit__form#commentform .directorist-form-group, .directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group { + display: -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; + 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-left: 20px; - font-size: 14px; - font-weight: 500; + background-color: #E1E4EC !important; + text-decoration: none !important; + outline: 0; +} +.directorist-review-submit__form .directorist-review-criteria__single a.br-selected, .directorist-review-submit__form .directorist-review-criteria__single a.br-active { + background-color: var(--directorist-color-warning) !important; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating { + display: inline-block; + margin-left: 20px; + font-size: 14px; + font-weight: 500; } .directorist-review-submit__form .directorist-form-group:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-review-submit__form .directorist-form-group textarea { - background-color: #f6f7f9; - font-size: 15px; - display: block; - resize: vertical; - margin: 0; + background-color: #F6F7F9; + font-size: 15px; + display: block; + resize: vertical; + margin: 0; } .directorist-review-submit__form .directorist-form-group textarea:focus { - background-color: #f6f7f9; + background-color: #F6F7F9; } .directorist-review-submit__form .directorist-form-group label { - display: block; - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - margin-bottom: 5px; -} -.directorist-review-submit__form .directorist-form-group input[type="text"], -.directorist-review-submit__form .directorist-form-group input[type="email"], -.directorist-review-submit__form .directorist-form-group input[type="url"] { - height: 46px; - background-color: var(--directorist-color-white); - margin: 0; -} -.directorist-review-submit__form - .directorist-form-group - input[type="text"]::-webkit-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="email"]::-webkit-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="url"]::-webkit-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form - .directorist-form-group - input[type="text"]::-moz-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="email"]::-moz-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="url"]::-moz-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form - .directorist-form-group - input[type="text"]:-ms-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="email"]:-ms-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="url"]:-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form - .directorist-form-group - input[type="text"]::-ms-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="email"]::-ms-input-placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="url"]::-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form - .directorist-form-group - input[type="text"]::placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="email"]::placeholder, -.directorist-review-submit__form - .directorist-form-group - input[type="url"]::placeholder { - color: var(--directorist-color-deep-gray); + display: block; + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + margin-bottom: 5px; +} +.directorist-review-submit__form .directorist-form-group input[type=text], +.directorist-review-submit__form .directorist-form-group input[type=email], +.directorist-review-submit__form .directorist-form-group input[type=url] { + height: 46px; + background-color: var(--directorist-color-white); + margin: 0; +} +.directorist-review-submit__form .directorist-form-group input[type=text]::-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; - right: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + position: relative; + margin: 5px; +} +.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery { + display: -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; + 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; + 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-right: 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-right: 20px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-img { - margin-right: 0; - } -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-img - img { - max-width: 100px; - border-radius: 6px; + .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { + margin-right: 0; + } +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img img { + max-width: 100px; + border-radius: 6px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-content { - margin-top: 10px; - } -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-title { - font-size: 15px; - font-weight: 500; - margin: 0 0 6px; -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-title - a { - color: var(--directorist-color-dark); - text-decoration: none; -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-category { - color: var(--directorist-color-primary); - text-decoration: none; -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-category - span.la, -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-category - span.fa, -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-category - span.fas, -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single - .directorist-listing-category - i { - margin-right: 6px; - color: var(--directorist-color-light-gray); -} -.directorist-favourite-items-wrap - .directorist-dashboard-items-list__single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-content { + margin-top: 10px; + } +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title { + font-size: 15px; + font-weight: 500; + margin: 0 0 6px; +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title a { + color: var(--directorist-color-dark); + text-decoration: none; +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category { + color: var(--directorist-color-primary); + text-decoration: none; +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.la, +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fa, +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fas, +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i { + margin-right: 6px; + color: var(--directorist-color-light-gray); +} +.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { + display: -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; - /* 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; + .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-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%; - left: 0; - overflow: visible; - position: fixed; - top: 0; - width: 100%; - z-index: 9999999; - display: none; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + height: 100%; + left: 0; + overflow: visible; + position: fixed; + top: 0; + width: 100%; + z-index: 9999999; + display: none; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } #directorist-dashboard-preloader div { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - position: absolute; - width: 64px; - height: 64px; - margin: 8px; - border: 8px solid var(--directorist-color-primary); - border-radius: 50%; - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - border-color: var(--directorist-color-primary) transparent transparent - transparent; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + -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; + -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-left: 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-left: 0; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0; - } + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + } } .directorist-user-dashboard-tab li { - list-style: none; + list-style: none; } .directorist-user-dashboard-tab li:not(:last-child) { - margin-right: 20px; + margin-right: 20px; } .directorist-user-dashboard-tab li a { - display: inline-block; - font-size: 14px; - font-weight: 500; - padding: 20px 0; - text-decoration: none; - color: var(--directorist-color-dark); - position: relative; + display: inline-block; + font-size: 14px; + font-weight: 500; + padding: 20px 0; + text-decoration: none; + color: var(--directorist-color-dark); + position: relative; } .directorist-user-dashboard-tab li a:after { - position: absolute; - left: 0; - bottom: -4px; - width: 100%; - height: 2px; - border-radius: 8px; - opacity: 0; - visibility: hidden; - content: ""; - background-color: var(--directorist-color-primary); + position: absolute; + left: 0; + bottom: -4px; + width: 100%; + height: 2px; + border-radius: 8px; + opacity: 0; + visibility: hidden; + content: ""; + background-color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab li a { - padding-bottom: 5px; - } + .directorist-user-dashboard-tab li a { + padding-bottom: 5px; + } } .directorist-user-dashboard-tab .directorist-user-dashboard-search { - position: relative; - border-radius: 12px; - margin: 16px 0 16px 16px; + position: relative; + border-radius: 12px; + margin: 16px 0 16px 16px; } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { - position: absolute; - left: 16px; - top: 50%; - line-height: 1; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 16px; + top: 50%; + line-height: 1; + -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 18px 10px 40px; - min-width: 260px; - height: 36px; - background-color: #f6f7f9; - margin-bottom: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; + border: 0 none; + border-radius: 18px; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + padding: 10px 18px 10px 40px; + min-width: 260px; + height: 36px; + background-color: #f6f7f9; + margin-bottom: 0; + -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: left; + text-align: left; } -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing { - min-width: 320px; +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { + min-width: 320px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing { - min-width: 260px; - } + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { + min-width: 260px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing { - min-width: 230px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing-type { - min-width: 180px; + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { + min-width: 230px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { + min-width: 180px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing-type { - min-width: 160px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-category { - min-width: 180px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-ex-date { - min-width: 250px; + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { + min-width: 160px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-category { + min-width: 180px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { + min-width: 250px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-ex-date { - min-width: 220px; - } + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { + min-width: 220px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-ex-date { - min-width: 200px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-status { - min-width: 160px; + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { + min-width: 200px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { + min-width: 160px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-status { - min-width: 130px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist_table-plan { - min-width: 120px; + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { + min-width: 130px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { + min-width: 120px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist_table-plan { - min-width: 100px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-actions { - min-width: 200px; + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { + min-width: 100px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { + min-width: 200px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-actions { - min-width: 150px; - } -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:first-child - th { - padding-top: 22px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:first-child - td { - padding-top: 28px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:last-child - td, -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:last-child - th { - padding-bottom: 22px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:last-child - .directorist-dropdown - .directorist-dropdown-menu { - bottom: 100%; - top: auto; - -webkit-transform: translateY(-15px); - transform: translateY(-15px); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - tr:first-child - .directorist-dropdown - .directorist-dropdown-menu { - bottom: auto; - top: 35px; - -webkit-transform: translateY(0); - transform: translateY(0); + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { + min-width: 150px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th { + padding-top: 22px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td { + padding-top: 28px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td, +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th { + padding-bottom: 22px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu { + bottom: 100%; + top: auto; + -webkit-transform: translateY(-15px); + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu { + bottom: auto; + top: 35px; + -webkit-transform: translateY(0); + transform: translateY(0); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - padding: 12.5px 22px; - border: 0 none; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + padding: 12.5px 22px; + border: 0 none; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - letter-spacing: 1.1px; - font-size: 12px; - font-weight: 500; - color: #8f8e9f; - text-transform: uppercase; - border-bottom: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__img { - margin-right: 12px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__img - img { - width: 44px; - height: 44px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 6px; - max-width: inherit; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__content - .directorist-title { - margin: 0 0 5px; - font-size: 15px; - font-weight: 500; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__content - .directorist-title - a { - color: #0a0b1e; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-listing-table-listing-info__content - .directorist-price { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge { - font-size: 12px; - font-weight: 700; - border-radius: 4px; - padding: 3px 7px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.primary { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.directorist_status_publish { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.directorist_status_pending { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.directorist_status_private { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.danger { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist_badge.warning { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning), 0.15); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - a { - font-size: 13px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - a.directorist-link-btn { - color: var(--directorist-color-info); - font-weight: 500; - margin-right: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - a.directorist-link-btn - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-info); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - .directorist-btn-more { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - .directorist-btn-more - i, -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - .directorist-btn-more - span, -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - .directorist-btn-more - svg { - position: relative; - top: 1.5px; - margin-right: 5px; - font-size: 14px; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - .directorist-checkbox - label { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown { - position: relative; - border: 0 none; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown - .directorist-dropdown-menu { - position: absolute; - right: 0; - top: 35px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown - .directorist-dropdown-menu.active { - opacity: 1; - visibility: visible; - z-index: 22; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu { - min-width: 230px; - border: 1px solid #eff1f6; - padding: 0 0 10px 0; - border-radius: 6px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list { - position: relative; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list:not(:last-child) { - padding-bottom: 10px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list:not(:last-child):after { - position: absolute; - left: 20px; - bottom: 0; - width: calc(100% - 40px); - height: 1px; - background-color: #eff1f6; - content: ""; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist-dropdown-item { - padding: 10px 20px; - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - text-decoration: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist-dropdown-item:hover { - background-color: #f6f7f9; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist-dropdown-item:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist-dropdown-item - i { - font-size: 15px; - margin-right: 14px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist_custom-checkbox { - padding: 10px 20px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist_custom-checkbox:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-dropdown-menu__list - .directorist_custom-checkbox - label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent - .directorist_dashboard_rating - li:not(:last-child) { - margin-right: 4px; + letter-spacing: 1.1px; + font-size: 12px; + font-weight: 500; + color: #8f8e9f; + text-transform: uppercase; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info { + display: -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; + -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 span.fas, +.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa, +.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.la { + font-size: 15px; + margin-right: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li a { - padding: 0; + padding: 0; } .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 2px 22px 0 22px; - padding: 30px 0 40px; - border-top: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers { - margin: 4px; - padding: 0; - line-height: normal; - height: 40px; - min-height: 40px; - width: 40px; - min-width: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border: 2px solid var(--directorist-color-border); - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-transition: 0.3s; - transition: 0.3s; - color: var(--directorist-color-body); - text-align: center; - margin: 4px; - right: auto; - float: none; - font-size: 15px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers:hover, -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers:hover - .directorist-icon-mask:after, -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers.current - .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent - .directorist-dashboard-pagination - .page-numbers - .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); -} - -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing { - min-width: 218px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-listing-type { - min-width: 95px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-ex-date { - min-width: 140px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-status { - min-width: 115px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist_table-plan { - min-width: 120px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th.directorist-table-actions { - min-width: 155px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - td, -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - tr - th { - padding: 12px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix - .directorist-user-dashboard-tabcontent - .directorist-listing-table - .directorist-actions - a.directorist-link-btn { - margin-right: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -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; + 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); - left: 0; - top: 0; - z-index: 9999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: 9999; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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-right: 2px solid var(--directorist-color-white); - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - visibility: hidden; - opacity: 0; + border: 2px solid var(--directorist-color-primary); + width: 15px; + height: 15px; + display: inline-block; + border-radius: 50%; + border-right: 2px solid var(--directorist-color-white); + -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; - left: 0; - width: 100%; - height: 100%; - display: none; - opacity: 0; - z-index: -1; - background-color: var(--directorist-color-white); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: none; + opacity: 0; + z-index: -1; + background-color: var(--directorist-color-white); } .directorist-shade.directorist-active { - display: block; - z-index: 21; + display: block; + z-index: 21; } .table.atbd_single_saved_item { - margin: 0; - background-color: var(--directorist-color-white); - border-collapse: collapse; - width: 100%; - min-width: 240px; + margin: 0; + background-color: var(--directorist-color-white); + border-collapse: collapse; + width: 100%; + min-width: 240px; } .table.atbd_single_saved_item td, .table.atbd_single_saved_item th, .table.atbd_single_saved_item tr { - border: 1px solid #ececec; + border: 1px solid #ececec; } .table.atbd_single_saved_item td { - padding: 0 15px; + padding: 0 15px; } .table.atbd_single_saved_item td p { - margin: 5px 0; + margin: 5px 0; } .table.atbd_single_saved_item th { - text-align: left; - padding: 5px 15px; + text-align: left; + padding: 5px 15px; } .table.atbd_single_saved_item .action a.btn { - text-decoration: none; - font-size: 14px; - padding: 8px 15px; - border-radius: 8px; - display: inline-block; + text-decoration: none; + font-size: 14px; + padding: 8px 15px; + border-radius: 8px; + display: inline-block; } .directorist-user-dashboard__nav { - min-width: 230px; - padding: 20px 10px; - margin-right: 30px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - left: 0; - border-radius: 12px; - overflow: hidden; - overflow-y: auto; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + min-width: 230px; + padding: 20px 10px; + margin-right: 30px; + -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; - } + .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 { + right: 20px; + top: 10px; + } } .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: none; - position: absolute; - right: 15px; - top: 50px; + display: none; + position: absolute; + right: 15px; + top: 50px; } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: block; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + display: block; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - right: 20px; - top: 10px; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + right: 20px; + top: 10px; + } } .directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { - min-width: unset; - width: 0 !important; - height: 0; - margin-right: 0; - left: -230px; - visibility: hidden; - opacity: 0; - padding: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + min-width: unset; + width: 0 !important; + height: 0; + margin-right: 0; + left: -230px; + visibility: hidden; + opacity: 0; + padding: 0; + pointer-events: none; + -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-left: 25px; - text-decoration: none; + padding-left: 25px; + text-decoration: none; } .directorist-tab__nav__link { - font-size: 14px; - border-radius: 4px; - padding: 10px; - outline: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-body); - text-decoration: none; + font-size: 14px; + border-radius: 4px; + padding: 10px; + outline: 0; + display: -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; - margin-right: 10px; + pointer-events: none; + display: inline-block; + margin-right: 10px; } -.directorist-tab__nav__link.directorist-tab__nav__active, -.directorist-tab__nav__link:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active, .directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active - .directorist-icon-mask:after, -.directorist-tab__nav__link:focus .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, -.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { - background-color: transparent; +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; } /* user dashboard sidebar nav action */ .directorist-tab__nav__action { - margin-top: 15px; + margin-top: 15px; } .directorist-tab__nav__action .directorist-btn { - display: block; + display: block; } .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } /* user dashboard tab style */ .directorist-tab__pane { - display: none; + display: none; } .directorist-tab__pane.directorist-tab__pane--active { - display: block; + display: block; } -#dashboard_profile - #user_profile_form.directorist-profile-responsive - .directorist-col-lg-3 { - width: 100%; +#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 { + width: 100%; } -#dashboard_profile - #user_profile_form.directorist-profile-responsive - .directorist-col-lg-9 { - width: 100%; +#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 { + width: 100%; } .directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; + padding: 25px; + background-color: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; } .directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 8px; - padding: 10.5px 30px; - background-color: #f6f7f9; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + -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; - left: 4px; - -webkit-transition: left 0.25s; - transition: left 0.25s; + display: block; + background: white; + border-radius: 50%; + width: 16px; + height: 16px; + position: absolute; + top: 3px; + left: 4px; + -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%); + 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); + background: var(--directorist-color-primary); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch:before { - left: 25px; + left: 25px; } .directorist-toggle-checkbox { - position: absolute; - visibility: hidden; + position: absolute; + visibility: hidden; } .directorist-user-socials .directorist-user-social-label { - font-size: 18px; - padding-bottom: 18px; - margin-bottom: 28px !important; - border-bottom: 1px solid #eff1f6; + font-size: 18px; + padding-bottom: 18px; + margin-bottom: 28px !important; + border-bottom: 1px solid #eff1f6; } .directorist-user-socials label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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; + margin-right: 6px; } -.directorist-user-socials - label - .directorist-social-icon - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #0a0b1e; +.directorist-user-socials label .directorist-social-icon .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #0a0b1e; } #directorist-prifile-notice .directorist-alert { - width: 100%; - display: inline-block; - margin-top: 15px; + width: 100%; + display: inline-block; + margin-top: 15px; } .directorist-announcement-wrapper { - background-color: var(--directorist-color-white); - border-radius: 12px; - padding: 20px 10px; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + background-color: var(--directorist-color-white); + border-radius: 12px; + padding: 20px 10px; + -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-left: 15px; + -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; - } + .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 { + padding-left: 0; + margin: 12px 0 6px; + text-align: center; + } +} +.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title { + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + margin-bottom: 6px; + margin-top: 0; +} +.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p { + font-size: 14px; + font-weight: 400; + color: #69708e; +} +.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p:empty { + display: none; } .directorist-announcement-wrapper .directorist-announcement__content p:empty { - display: none; + display: none; } .directorist-announcement-wrapper .directorist-announcement__close { - -webkit-box-flex: 0; - -webkit-flex: 0; - -ms-flex: 0; - flex: 0; -} -.directorist-announcement-wrapper - .directorist-announcement__close - .close-announcement { - height: 36px; - width: 36px; - border-radius: 50%; - background-color: #f5f5f5; - border: 0 none; - padding: 0; - -webkit-transition: 0.35s; - transition: 0.35s; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-announcement-wrapper - .directorist-announcement__close - .close-announcement - .directorist-icon-mask::after { - -webkit-transition: 0.35s; - transition: 0.35s; - background-color: #474868; -} -.directorist-announcement-wrapper - .directorist-announcement__close - .close-announcement:hover { - background-color: var(--directorist-color-danger); -} -.directorist-announcement-wrapper - .directorist-announcement__close - .close-announcement:hover - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + -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: left; - padding: 9px 20px; - border: none; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-bg-gray); + font-size: 14px; + font-weight: 500; + text-align: left; + padding: 9px 20px; + border: none; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-bg-gray); } .directorist-payment-table tbody td { - font-size: 14px; - font-weight: 500; - padding: 5px 0; - vertical-align: top; - border: none; - color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 500; + padding: 5px 0; + vertical-align: top; + border: none; + color: var(--directorist-color-dark); } .directorist-payment-table tbody tr:first-child td { - padding-top: 20px; + padding-top: 20px; } .directorist-payment-table__label { - font-weight: 400; - width: 140px; - color: var(--directorist-color-light-gray) !important; + font-weight: 400; + width: 140px; + color: var(--directorist-color-light-gray) !important; } .directorist-payment-table__title { - font-size: 15px; - font-weight: 600; - margin: 0 0 10px !important; - text-transform: capitalize; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + margin: 0 0 10px !important; + text-transform: capitalize; + color: var(--directorist-color-dark); } .directorist-payment-table__title.directorist-payment-table__title--large { - font-size: 16px; + font-size: 16px; } .directorist-payment-table p { - font-size: 13px; - margin: 0; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin: 0; + color: var(--directorist-color-light-gray); } .directorist-payment-summery-table tbody td { - padding: 12px 0; + padding: 12px 0; } .directorist-payment-summery-table tbody td:nth-child(even) { - text-align: right; + text-align: right; } .directorist-payment-summery-table tbody tr.directorsit-payment-table-total td, -.directorist-payment-summery-table - tbody - tr.directorsit-payment-table-total - .directorist-payment-table__title { - font-size: 16px; +.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title { + font-size: 16px; } .directorist-btn-view-listing { - min-height: 54px; - border-radius: 10px; + min-height: 54px; + border-radius: 10px; } .directorist-checkout-card { - -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - -webkit-filter: none; - filter: none; + -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-left: -2px; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 50%; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px; - margin-top: 0 !important; - } - .atbd_content_active - #directorist.atbd_wrapper - .atbd_seach_fields_wrapper - .atbdp-search-form { - margin-left: -15px; - margin-right: -15px; - } + .ads-advanced .price-frequency { + margin-left: -2px; + } + #directorist.atbd_wrapper .atbdp_col-5 { + -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; - } + .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; - } + .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; - } + .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; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } @media (max-width: 400px) { - .atbd_content_active - #directorist.atbd_wrapper - .atbd_generic_header - .atbd_generic_header_title - .more-filter, - .atbd_content_active - #directorist.atbd_wrapper - .atbd_generic_header - .atbd_generic_header_title - h3 { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active - #directorist.atbd_wrapper - .widget.atbd_widget - .atbd_categorized_listings - ul - li - .atbd_right_content - .atbd_cat_popup - .atbd_cat_popup_wrapper, - .atbd_content_active - .widget.atbd_widget - .atbd_categorized_listings - ul - li - .atbd_right_content - .atbd_cat_popup - .atbd_cat_popup_wrapper { - left: -90px; - } - .atbd_content_active - #directorist.atbd_wrapper - .widget.atbd_widget - .atbd_listing_info - .atbd_listing_category - .atbd_cat_popup - .atbd_cat_popup_wrapper:before, - .atbd_content_active - #directorist.atbd_wrapper - .widget.atbd_widget - .atbd_categorized_listings - ul - li - .atbd_right_content - .atbd_cat_popup - .atbd_cat_popup_wrapper:before, - .atbd_content_active - .widget.atbd_widget - .atbd_categorized_listings - ul - li - .atbd_right_content - .atbd_cat_popup - .atbd_cat_popup_wrapper:before { - left: auto; - right: 15px; - } - .atbd_content_active - #directorist.atbd_wrapper - .at-modal - .atm-contents-inner - .dcl_pricing_plan - .atbd_plan_core_features - span { - display: block; - margin-right: 0; - padding-right: 0; - padding-left: 15px; - } - .atbd_content_active - #directorist.atbd_wrapper - .at-modal - .atm-contents-inner - .dcl_pricing_plan - .atbd_plan_core_features - span:after { - content: "-" !important; - right: auto; - left: 0; - } - .atbd_content_active - #directorist.atbd_wrapper - .atbd_saved_items_wrapper - .thumb_title - .img_wrapper - img { - max-width: none; - } - .atbd_content_active - #directorist.atbd_wrapper - .atbd_content_module_title_area - .atbd_listing_action_area - .atbd_action.atbd_share:hover - .atbd_directory_social_wrap, - .atbd_content_active - #directorist.atbd_wrapper - .atbd_content_module__tittle_area - .atbd_listing_action_area - .atbd_action.atbd_share:hover - .atbd_directory_social_wrap { - right: -40px; - } + .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title .more-filter, + .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper, + .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper { + left: -90px; + } + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_listing_info .atbd_listing_category .atbd_cat_popup .atbd_cat_popup_wrapper:before, + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before, + .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before { + left: auto; + right: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span { + display: block; + margin-right: 0; + padding-right: 0; + padding-left: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span:after { + content: "-" !important; + right: auto; + left: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_saved_items_wrapper .thumb_title .img_wrapper img { + max-width: none; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, + .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { + right: -40px; + } } @media (max-width: 340px) { - .atbd_content_active - #directorist.atbd_wrapper - .atbd_generic_header - .atbd_listing_action_btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - .atbd_content_active - #directorist.atbd_wrapper - .atbd_listing_action_btn - .dropdown { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active - #directorist.atbd_wrapper - .atbd_listing_action_btn - .dropdown - + .dropdown { - margin-left: 0; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { + display: -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; - } - .directorist-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } + .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-all-listing-col { + width: 50% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 50% !important; + } } @media only screen and (max-width: 767px) { - .directorist-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } + .directorist-all-listing-col { + width: 50% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 50% !important; + } } @media only screen and (max-width: 575px) { - .directorist-all-listing-col { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 100% !important; - } - .directorist-modal__dialog { - width: calc(100% - 30px) !important; - } - .directorist-advanced-filter__basic__element { - width: 100%; - -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-all-listing-col { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 100% !important; + } + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + -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; - } + .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*/ + .directorist-user-dashboard-tab ul { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding-left: 0; + } + .directorist-user-dashboard-tab ul li { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + } + .directorist-user-dashboard-tab ul li a { + padding-bottom: 5px; + } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-left: 0; + } + .directorist-author-profile-wrap .directorist-author-avatar { + display: block; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-bottom: 15px; + } + .directorist-author-profile-wrap .directorist-author-avatar { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info p { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-right: 0; + display: inline-block; + } +} + +/*# sourceMappingURL=public-main.css.map*/ \ No newline at end of file diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 44b0b59da9..4b6e3bd2c0 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -3,1129 +3,990 @@ \******************************************************************************************************************************************************************************************************************************************************************************************************/ /* 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; } .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 !important; -} -.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: 100px; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.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: 500; - color: var(--directorist-color-primary); - background-color: transparent; -} -.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 !important; +} +.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: 100px; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.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: 500; + color: var(--directorist-color-primary); + background-color: transparent; +} +.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); + .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); } .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 */ @@ -1136,2024 +997,2003 @@ body.logged-in.directorist-content-active .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 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 100%; } .directorist-col-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 25%; } .directorist-col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 33.3333333333%; } .directorist-col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 41.6666666667%; } .directorist-col-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 50%; } .directorist-col-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 58.3333333333%; } .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 66.6666666667%; } .directorist-col-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 75%; } .directorist-col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 83.3333333333%; } .directorist-col-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 91.6666666667%; } .directorist-col-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + 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 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - 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 { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + 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-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-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-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-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 ; } /*! @@ -3163,899 +3003,617 @@ 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; - /* Legacy 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-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: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; - /* social info */ + 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 - .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; } /* ========================== @@ -4063,11 +3621,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, @@ -4076,1141 +3634,1006 @@ 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; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-right: 15px; - padding-left: 15px; - max-width: 290px; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding-right: 15px; + padding-left: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + -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: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 9px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 145px; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field - .ez-media-uploader - .ezmu__media-picker-section - .ezmu__media-picker-icon-wrap-upload { - display: -webkit-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: 145px; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { + display: -webkit-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: 11px; - height: 20px; + width: 11px; + height: 20px; } /* 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, @@ -5218,827 +4641,786 @@ 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-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; } .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 */ @@ -6052,48 +5434,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 */ @@ -6104,231 +5486,229 @@ 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 */ @@ -6337,1933 +5717,1740 @@ 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; } .entry-content ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .entry-content a { - text-decoration: none; + text-decoration: none; } .entry-content .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); + margin: 0; + padding: 0; + color: var(--directorist-color-dark); } -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; +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; - display: -webkit-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; - -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; + display: -webkit-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; + -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; } /*** @@ -8271,8371 +7458,6755 @@ 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%; + width: 100%; } .directorist-swiper__nav { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; + position: absolute; + top: 50%; + -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; - border-radius: 12px; - overflow: auto; - height: auto; + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + border-radius: 12px; + overflow: auto; + height: auto; } .directorist-single-listing-slider-thumb .swiper-wrapper { - gap: 10px; - height: auto; + gap: 10px; + height: auto; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; + display: none; } .directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider-thumb .swiper-slide { - position: relative; - min-width: 100px; - max-width: 100px; - height: 90px; - cursor: pointer; - margin: 0 !important; + position: relative; + min-width: 100px; + max-width: 100px; + height: 90px; + cursor: pointer; + margin: 0 !important; } .directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 14px; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + border-radius: 14px; } .directorist-single-listing-slider-thumb .swiper-slide:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - border-radius: 14px; - background-color: rgba(0, 0, 0, 0.3); - z-index: 1; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; -} -.directorist-single-listing-slider-thumb .swiper-slide:hover:before, -.directorist-single-listing-slider-thumb - .swiper-slide.swiper-slide-thumb-active:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; } @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-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-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__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; - } - .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: 0; - 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-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-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 - .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; - } - .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-is-focused:not( - .input-has-noLabel - ).directorist-icon-right - .directorist-input-icon, - .directorist-search-modal--basic - .directorist-search-modal__input - .directorist-search-field.input-is-focused:not(.input-has-noLabel) - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - left: -20px; - } - .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-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 { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { + width: 100%; + margin: 0 20px; + } + .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: 0; + 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-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-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 .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; + } + .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-is-focused:not(.input-has-noLabel).directorist-icon-right .directorist-input-icon, + .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + left: -20px; + } + .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-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 { - 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 { + 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-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; - font-weight: 500; - margin-bottom: 15px; +.directorist-search-modal--basic .directorist-search-field-radius_search > label { + position: unset; + -webkit-transform: unset; + transform: unset; + display: block; + font-size: 14px; + font-weight: 500; + margin-bottom: 15px; } .directorist-search-modal--basic .directorist-search-field-text_range > label { - display: none; + display: none; } -.directorist-search-modal--advanced - .directorist-search-modal__contents__body - .directorist-search-field__btn { - bottom: 12px; +.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; - top: 100%; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-radio-wrapper, -.directorist-search-modal - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal - .select2-container--default - .select2-selection--single - .select2-selection__rendered - .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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-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); - /* Legacy Icon */ + 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 .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-author-listing-grid--fix - .directorist-col-lg-3 { - width: 33.3333333333%; +.directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 33.3333333333%; } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-lg-3 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-lg-3 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { + width: 100%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-4 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-4 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-4 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-4 { + width: 100%; + } } @media only screen and (max-width: 991px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 33.33%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 33.33%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-3 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { + width: 100%; + } } @media only screen and (max-width: 1199px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 25%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 25%; + } } @media only screen and (max-width: 991px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 33.33%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 33.33%; + } } @media only screen and (max-width: 767px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 50%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 50%; + } } @media only screen and (max-width: 575px) { - .directorist-content-active - .directorist-author-listing-content.directorist-author-listing-grid--fix - .directorist-col-2 { - width: 100%; - } + .directorist-content-active .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { + width: 100%; + } } -.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; -} -.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); + 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-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; - font-weight: 500; - 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; + font-weight: 500; + 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); + } } .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; -} -.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; -} -.listing-with-sidebar__sidebar - .directorist-form-group:last-child - .directorist-search-field { - margin-bottom: 0; + -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; +} +.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; +} +.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-icon-right - .directorist-input-icon { - left: 0; -} -.listing-with-sidebar__sidebar - .directorist-form-group.directorist-icon-left - .directorist-input-icon { - right: 0; + -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-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__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 { - margin: 0 0 0 20px; - } - .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-is-focused.input-has-noLabel { - margin: 0; - } - .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 - .directorist-filter-location-icon { - left: -15px; - } + .listing-with-sidebar .directorist-search-form__top .directorist-search-field { + margin: 0 0 0 20px; + } + .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-is-focused.input-has-noLabel { + margin: 0; + } + .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 .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-location - .directorist-search-field.input-is-focused, -.directorist-advanced-filter__advanced__element.directorist-search-field-category - .directorist-search-field.input-is-focused { - margin-top: 0; +.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field.input-is-focused, .directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused { + margin-top: 0; } .directorist-advanced-filter__advanced__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + -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.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.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; + line-height: 1; } .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 .directorist-filter-location-icon { + left: -15px; + } } -.directorist-search-field.input-is-focused - .directorist-search-field__input:not(.directorist-select) { - padding-left: 25px; +.directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) { + padding-left: 25px; } -.directorist-search-field.input-is-focused - .directorist-search-field__input.directorist-location-js { - padding-left: 45px; +.directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js { + padding-left: 45px; } -.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-is-focused .directorist-search-field__input[type=number] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; } -.directorist-search-field.input-is-focused - .directorist-search-field__input::placeholder { - opacity: 1; +.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { + opacity: 1; } .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-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-is-focused - .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); -} -.directorist-search-field.input-is-focused - .directorist-form-group__prefix--start { - opacity: 1; -} -.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-is-focused - .directorist-form-group__with-prefix - .directorist-search-field__input { - bottom: 0; + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); +} +.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-is-focused .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-is-focused .directorist-form-group__prefix--start { + opacity: 1; +} +.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-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { + bottom: 0; } .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-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-select - .directorist-search-field__label { - opacity: 1; + position: relative; + bottom: -5px; +} +.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-select .directorist-search-field__label { + opacity: 1; } .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.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-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, + padding-left: 45px; +} +.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-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 { + 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; + } } @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-select, .directorist-search-form__top .directorist-search-category { - width: calc(100% + 15px); + width: calc(100% + 15px); } .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); } @media screen and (max-width: 575px) { - .directorist-search-form__top - .directorist-search-field - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - left: -15px; - } + .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + left: -15px; + } } .directorist-search-form__top .directorist-search-field__btn--clear { - left: 15px; - bottom: 8px; -} -.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-is-focused - .directorist-search-field__input.directorist-select { - padding-left: 0; -} -.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-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.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-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.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-is-focused - .directorist-location-js { - padding-left: 45px; -} -.directorist-search-form__top - .directorist-search-field.input-is-focused - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - left: 15px; -} -.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-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; -} -.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); + left: 15px; + bottom: 8px; +} +.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-is-focused .directorist-search-field__input.directorist-select { + padding-left: 0; +} +.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-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; +} +.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-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; +} +.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-is-focused .directorist-location-js { + padding-left: 45px; +} +.directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { + left: 15px; +} +.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-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; +} +.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 - .wp-picker-container - .wp-picker-input-wrap - label { - display: none; -} -.directorist-search-form__top - .directorist-search-field - .directorist-checkbox-wrapper, -.directorist-search-form__top - .directorist-search-field - .directorist-radio-wrapper, -.directorist-search-form__top - .directorist-search-field - .directorist-search-tags { - padding: 0; - gap: 20px; - -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-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 .wp-picker-input-wrap label { + display: none; +} +.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper, +.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper, +.directorist-search-form__top .directorist-search-field .directorist-search-tags { + padding: 0; + gap: 20px; + -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.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.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-is-focused.input-has-noLabel { - margin: 0 20px; - } - .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-is-focused.input-has-noLabel { + margin: 0 20px; + } + .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-is-focused - .directorist-search-field__input { - bottom: 0; - } - .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-is-focused - .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .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-is-focused - .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .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-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-is-focused - .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-form__top - .directorist-search-field.input-is-focused - .directorist-search-field__btn { - left: -20px; - } - .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-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: 5px; - } - .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-is-focused - .directorist-location-js { - padding-left: 30px; - } - .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-is-focused.directorist-icon-right - .directorist-input-icon { - left: -20px; - } - .directorist-search-form__top - .directorist-search-field.input-is-focused - .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: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-is-focused .directorist-search-field__input { + bottom: 0; + } + .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-is-focused .directorist-search-field__input::-moz-placeholder { + opacity: 1; + } + .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-is-focused .directorist-search-field__input::-ms-input-placeholder { + opacity: 1; + } + .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-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-is-focused .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn { + left: -20px; + } + .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-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: 5px; + } + .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-is-focused .directorist-location-js { + padding-left: 30px; + } + .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-is-focused.directorist-icon-right .directorist-input-icon { + left: -20px; + } + .directorist-search-form__top .directorist-search-field.input-is-focused .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: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; - top: 100%; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-height: 250px; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-search-tags, -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-radio-wrapper, -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox-wrapper { - gap: 12px; -} -.directorist-search-form__top - .directorist-search-basic-dropdown - .directorist-search-basic-dropdown-content - .directorist-checkbox__label { - width: 100%; + .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + -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, @@ -16645,6102 +14216,4935 @@ input.directorist-toggle-input:checked .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; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none; + outline: none; + -webkit-box-shadow: none; + box-shadow: none; } .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); - /* Styles */ + 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--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; } @media screen and (max-width: 991px) { - .directorist-categories .directorist-col-3 { - width: 25%; - } + .directorist-categories .directorist-col-3 { + width: 25%; + } } @media screen and (max-width: 767px) { - .directorist-categories .directorist-col-3 { - width: 50%; - } + .directorist-categories .directorist-col-3 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-categories .directorist-col-3 { - width: 100%; - } + .directorist-categories .directorist-col-3 { + width: 100%; + } } @media screen and (max-width: 991px) { - .directorist-categories .directorist-col-4 { - width: 33.33%; - } + .directorist-categories .directorist-col-4 { + width: 33.33%; + } } @media screen and (max-width: 767px) { - .directorist-categories .directorist-col-4 { - width: 50%; - } + .directorist-categories .directorist-col-4 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-categories .directorist-col-4 { - width: 100%; - } + .directorist-categories .directorist-col-4 { + width: 100%; + } } .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 */ + /* 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__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; + -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; } @media screen and (max-width: 991px) { - .directorist-location .directorist-col-3 { - width: 25%; - } + .directorist-location .directorist-col-3 { + width: 25%; + } } @media screen and (max-width: 767px) { - .directorist-location .directorist-col-3 { - width: 50%; - } + .directorist-location .directorist-col-3 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-location .directorist-col-3 { - width: 100%; - } + .directorist-location .directorist-col-3 { + width: 100%; + } } @media screen and (max-width: 991px) { - .directorist-location .directorist-col-4 { - width: 33.33%; - } + .directorist-location .directorist-col-4 { + width: 33.33%; + } } @media screen and (max-width: 767px) { - .directorist-location .directorist-col-4 { - width: 50%; - } + .directorist-location .directorist-col-4 { + width: 50%; + } } @media screen and (max-width: 575px) { - .directorist-location .directorist-col-4 { - width: 100%; - } + .directorist-location .directorist-col-4 { + width: 100%; + } } .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; - /* Legacy Icon */ -} -.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 - > 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 */ @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-6 { - width: 100%; - } + .directorist-authors__cards .directorist-col-6 { + width: 100%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-4 { - width: 50%; - } + .directorist-authors__cards .directorist-col-4 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-4 { - width: 100%; - } + .directorist-authors__cards .directorist-col-4 { + width: 100%; + } } @media (max-width: 1199px) { - .directorist-authors__cards .directorist-col-3 { - width: 33.33%; - } + .directorist-authors__cards .directorist-col-3 { + width: 33.33%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-3 { - width: 50%; - } + .directorist-authors__cards .directorist-col-3 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-3 { - width: 100%; - } + .directorist-authors__cards .directorist-col-3 { + width: 100%; + } } @media (max-width: 1199px) { - .directorist-authors__cards .directorist-col-2 { - width: 25%; - } + .directorist-authors__cards .directorist-col-2 { + width: 25%; + } } @media (max-width: 991px) { - .directorist-authors__cards .directorist-col-2 { - width: 33.33%; - } + .directorist-authors__cards .directorist-col-2 { + width: 33.33%; + } } @media (max-width: 767px) { - .directorist-authors__cards .directorist-col-2 { - width: 50%; - } + .directorist-authors__cards .directorist-col-2 { + width: 50%; + } } @media (max-width: 575px) { - .directorist-authors__cards .directorist-col-2 { - width: 100%; - } + .directorist-authors__cards .directorist-col-2 { + width: 100%; + } } .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__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - position: relative; - padding: 33px 20px 24px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 8px; + position: relative; + padding: 33px 20px 24px; } .directorist-content-active .directorist-listing-single__info:empty { - display: none; + display: none; } .directorist-content-active .directorist-listing-single__info__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 6px; -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single__info__top - .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-listing-card-posted-on { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 0; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active - .directorist-listing-single__info__top - .directorist-listing-card-posted-on - i { - display: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + gap: 6px; +} +.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i { + display: none; } .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; - /* 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; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-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 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: #f51957; -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-featured { - background-color: #fa8b0c; -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-content-active - .directorist-listing-single - .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single - .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active - .directorist-listing-single - .directorist-mark-as-favorite__btn - .directorist-favorite-tooltip - span { - top: auto; - bottom: 35px; -} -.directorist-content-active - .directorist-listing-single - .directorist-mark-as-favorite__btn - .directorist-favorite-tooltip - span:before { - top: auto; - bottom: -7px; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb - .directorist-pricing-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - margin: 0; - border-radius: 3px; - background: var(--directorist-color-white); - padding: 0 8px; - font-weight: 700; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-listing-single__thumb - .directorist-pricing-meta - .directorist-listing-price { - color: var(--directorist-color-danger); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author { - position: absolute; - bottom: 0; - top: unset; - -webkit-transform: translateY(50%); - transform: translateY(50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - z-index: 1; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-left { - right: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-right { - left: 20px; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author.directorist-alignment-center { - right: 50%; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author - img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-thumb-listing-author - a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); + margin: 3px; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular { + background-color: #f51957; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured { + background-color: #fa8b0c; +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single .directorist_open_status_badge { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} +.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { + top: auto; + bottom: 35px; +} +.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { + top: auto; + bottom: -7px; + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { + position: absolute; + bottom: 0; + top: unset; + -webkit-transform: translateY(50%); + transform: translateY(50%); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 1; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { + right: 20px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { + left: 20px; +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { + right: 50%; + -webkit-transform: translate(50%, 50%); + transform: translate(50%, 50%); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); } @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; - 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; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; } @media screen and (max-width: 575px) { - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text, - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-open, - .directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-close, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-open, - .directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-popular, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-new, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge-featured, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-featured, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-popular, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-card - .directorist-badge.directorist-badge--only-text.directorist-badge-new, -.directorist-content-active - .directorist-listing-single.directorist-listing-list - .directorist-badge.directorist-badge--only-text.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); + .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); } .directorist-content-active .directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info { - z-index: 1; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - figure { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-listing-single__header__left:empty, -.directorist-content-active - .directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__header - .directorist-listing-single__header__right:empty { - display: none; + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge { + display: -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-bottom: 0; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info { - padding: 10px 22px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info:empty { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list { - margin: 16px 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - a, -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__list - li - span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: right; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div { - margin-bottom: 2px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div - .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - > div - .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - li - a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__info__excerpt - a:hover { - color: var(--directorist-color-body); -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__content { - border: 0 none; - padding: 10px 22px 25px; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__meta__right - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb - .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline { + margin-bottom: 0; +} +.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { + padding: 10px 22px 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-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 { - padding: 0; - margin: 0; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge { + padding: 0; + margin: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge:after { - display: none; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after { + display: none; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge.directorist-badge-open, -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-info-item.directorist-badge.directorist-badge-close { - padding: 0 5px; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close { + padding: 0 5px; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { + width: auto; + height: auto; } -.directorist-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: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); - mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + width: 9px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + -webkit-mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .marker-cluster-shape { - width: 35px; - height: 35px; - background-color: var(--directorist-color-marker-shape); - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-marker-icon); - font-size: 15px; - font-weight: 700; - position: relative; - cursor: pointer; + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-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; - /* Legacy Icon */ + 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; + 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-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 { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + 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; + } } .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); + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after, +.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after, +.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after, +.directorist-single-listing-quick-action .directorist-social-links__item a i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action .directorist-social-links__item a span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la, +.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa, +.directorist-single-listing-quick-action .directorist-social-links__item a:hover i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-single-listing-action { - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - font-weight: 400; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-white) !important; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; + gap: 8px; + -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, @@ -22749,5364 +19153,4413 @@ input.directorist-toggle-input:checked .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; - /* 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; + .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 { - bottom: auto; - top: 35px; - -webkit-transform: translateY(0); - transform: translateY(0); + .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { + min-width: 150px; + } +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th { + padding-top: 22px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td { + padding-top: 28px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td, +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th { + padding-bottom: 22px; +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu { + bottom: 100%; + top: auto; + -webkit-transform: translateY(-15px); + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu { + bottom: auto; + top: 35px; + -webkit-transform: translateY(0); + transform: translateY(0); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr 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; - margin-left: 10px; + pointer-events: none; + display: inline-block; + margin-left: 10px; } -.directorist-tab__nav__link.directorist-tab__nav__active, -.directorist-tab__nav__link:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active, .directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active - .directorist-icon-mask:after, -.directorist-tab__nav__link:focus .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, -.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { - background-color: transparent; +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; } /* user dashboard sidebar nav action */ .directorist-tab__nav__action { - margin-top: 15px; + margin-top: 15px; } .directorist-tab__nav__action .directorist-btn { - display: block; + display: block; } .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } /* user dashboard tab style */ .directorist-tab__pane { - display: none; + display: none; } .directorist-tab__pane.directorist-tab__pane--active { - display: block; + display: block; } -#dashboard_profile - #user_profile_form.directorist-profile-responsive - .directorist-col-lg-3 { - width: 100%; +#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 { + width: 100%; } -#dashboard_profile - #user_profile_form.directorist-profile-responsive - .directorist-col-lg-9 { - width: 100%; +#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 { + width: 100%; } .directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; + padding: 25px; + background-color: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; } .directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 8px; - padding: 10.5px 30px; - background-color: #f6f7f9; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + -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-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } + .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-all-listing-col { + width: 50% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 50% !important; + } } @media only screen and (max-width: 767px) { - .directorist-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } + .directorist-all-listing-col { + width: 50% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 50% !important; + } } @media only screen and (max-width: 575px) { - .directorist-all-listing-col { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 100% !important; - } - .directorist-modal__dialog { - width: calc(100% - 30px) !important; - } - .directorist-advanced-filter__basic__element { - width: 100%; - -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-all-listing-col { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-12 { + width: 100% !important; + } + .directorist-all-listing-col.directorist-col-6 { + width: 100% !important; + } + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + -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; - } -} + .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 diff --git a/assets/js/account.js b/assets/js/account.js index 9a10161c2a..6ee162daa9 100644 --- a/assets/js/account.js +++ b/assets/js/account.js @@ -1,614 +1,401 @@ -/******/ (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; - /******/ - } - /******/ // 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 +__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 diff --git a/assets/js/admin-multi-directory-builder.js b/assets/js/admin-multi-directory-builder.js index 2b1caecfff..179894afa3 100644 --- a/assets/js/admin-multi-directory-builder.js +++ b/assets/js/admin-multi-directory-builder.js @@ -26436,7 +26436,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = return options_values.includes(value); } /* syncValidationWithLocalState( validation_log ) { - return validation_log; + return validation_log; } */ } }); @@ -34451,7 +34451,7 @@ var render = function render() { key: alert_key, staticClass: "cptm-form-alert", class: 'cptm-' + alert.type - }, [_vm._v("\n " + _vm._s(alert.message) + "\n ")]); + }, [_vm._v("\r\n " + _vm._s(alert.message) + "\r\n ")]); }), 0) : _vm._e()]); }; var staticRenderFns = []; @@ -43995,35 +43995,35 @@ if (true) { }; } -/****************************************************************************** -Copyright (c) Microsoft Corporation. - -Permission to use, copy, modify, and/or distribute this software for any -purpose with or without fee is hereby granted. - -THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH -REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY -AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, -INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM -LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR -OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR -PERFORMANCE OF THIS SOFTWARE. -***************************************************************************** */ - -var __assign = function() { - __assign = Object.assign || function __assign(t) { - for (var s, i = 1, n = arguments.length; i < n; i++) { - s = arguments[i]; - for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; - } - return t; - }; - return __assign.apply(this, arguments); -}; - -typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) { - var e = new Error(message); - return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e; +/****************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */ + +var __assign = function() { + __assign = Object.assign || function __assign(t) { + for (var s, i = 1, n = arguments.length; i < n; i++) { + s = arguments[i]; + for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; + } + return t; + }; + return __assign.apply(this, arguments); +}; + +typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) { + var e = new Error(message); + return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e; }; var uid$2 = 0; diff --git a/assets/js/admin-multi-directory-builder.min.js b/assets/js/admin-multi-directory-builder.min.js index 3e96f1a308..031ee517bc 100644 --- a/assets/js/admin-multi-directory-builder.min.js +++ b/assets/js/admin-multi-directory-builder.min.js @@ -58800,4 +58800,4 @@ } }); })(); -})(); +})(); \ No newline at end of file diff --git a/assets/js/admin-settings-manager.js b/assets/js/admin-settings-manager.js index ae2cefff9b..c6b606eaf6 100644 --- a/assets/js/admin-settings-manager.js +++ b/assets/js/admin-settings-manager.js @@ -26333,7 +26333,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = return options_values.includes(value); } /* syncValidationWithLocalState( validation_log ) { - return validation_log; + return validation_log; } */ } }); @@ -34382,7 +34382,7 @@ var render = function render() { key: alert_key, staticClass: "cptm-form-alert", class: 'cptm-' + alert.type - }, [_vm._v("\n " + _vm._s(alert.message) + "\n ")]); + }, [_vm._v("\r\n " + _vm._s(alert.message) + "\r\n ")]); }), 0) : _vm._e()]); }; var staticRenderFns = []; @@ -43926,35 +43926,35 @@ if (true) { }; } -/****************************************************************************** -Copyright (c) Microsoft Corporation. - -Permission to use, copy, modify, and/or distribute this software for any -purpose with or without fee is hereby granted. - -THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH -REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY -AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, -INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM -LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR -OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR -PERFORMANCE OF THIS SOFTWARE. -***************************************************************************** */ - -var __assign = function() { - __assign = Object.assign || function __assign(t) { - for (var s, i = 1, n = arguments.length; i < n; i++) { - s = arguments[i]; - for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; - } - return t; - }; - return __assign.apply(this, arguments); -}; - -typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) { - var e = new Error(message); - return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e; +/****************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */ + +var __assign = function() { + __assign = Object.assign || function __assign(t) { + for (var s, i = 1, n = arguments.length; i < n; i++) { + s = arguments[i]; + for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; + } + return t; + }; + return __assign.apply(this, arguments); +}; + +typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) { + var e = new Error(message); + return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e; }; var uid$2 = 0; diff --git a/assets/js/admin-settings-manager.min.js b/assets/js/admin-settings-manager.min.js index 65d67eb124..c0aea287d2 100644 --- a/assets/js/admin-settings-manager.min.js +++ b/assets/js/admin-settings-manager.min.js @@ -1,2 +1,58954 @@ /*! For license information please see admin-settings-manager.min.js.LICENSE.txt */ -!function(){var t={75:function(t,e,i){"use strict";i.d(e,{CR:function(){return a},Gv:function(){return o}});var n=i(2284);function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}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 a,s=!0,l=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return s=t.done,t},e:function(t){l=!0,a=t},f:function(){try{s||null==i.return||i.return()}finally{if(l)throw a}}}}(t.split("."));try{for(s.s();!(n=s.n()).done;){var l=n.value;if(!o(a))return i;if(!a.hasOwnProperty(l))return i;a=a[l]}}catch(t){s.e(t)}finally{s.f()}return a}},111:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-widget-card-wrap cptm-widget-card-inline-wrap cptm-widget-badge-card-wrap"},[e("div",{staticClass:"cptm-widget-card cptm-widget-badge cptm-has-widget-control cptm-widget-actions-tools-wrap"},[t._v("\n "+t._s(t.label)+"\n \n "),e("widget-action-tools",{attrs:{canEdit:t.canEdit,canMove:t.canMove,canTrash:t.canTrash},on:{drag:function(e){return t.dragStart()},dragend:function(e){return t.dragEnd()},edit:function(e){return t.$emit("edit")},trash:function(e){return t.$emit("trash")}}})],1),t._v(" "),e("span",{staticClass:"cptm-widget-card-drop-append",class:t.dropAppendClass,on:{dragover:function(t){t.preventDefault()},dragenter:function(e){return t.handleDragEnter()},dragleave:function(e){return t.handleDragLeave()},drop:function(e){return t.handleDrop()}}})])};n._withStripped=!0;var r={name:"icon-card-widget",props:{label:{type:String},options:{type:Object},widgetDropable:{type:Boolean,default:!1},canMove:{type:Boolean,default:!0},canEdit:{type:Boolean,default:!0},canTrash:{type:Boolean,default:!0}},computed:{dropAppendClass:function(){return{dropable:!this.dragging&&(this.drop_append_dropable||this.widgetDropable),"drag-enter":this.drop_append_drag_enter}}},data:function(){return{drop_append_dropable:!1,drop_append_drag_enter:!1,dragging:!1}},methods:{dragStart:function(){this.dragging=!0,this.$emit("drag")},dragEnd:function(){this.dragging=!1,this.$emit("dragend")},handleDragEnter:function(){this.$emit("dragenter"),this.drop_append_drag_enter=!0},handleDragLeave:function(){this.$emit("dragleave"),this.drop_append_drag_enter=!1},handleDrop:function(){this.$emit("drop"),this.dragging=!1,this.drop_append_dropable=!1,this.drop_append_drag_enter=!1}}},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},178:function(t,e,i){"use strict";var n=i(2284),r=i(4467),o=i(5353),a=i(1642),s=i(5478);function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}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,s=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){s=!0,o=t},f:function(){try{a||null==i.return||i.return()}finally{if(s)throw o}}}}(t);try{for(s.s();!(o=s.n()).done;){var c=o.value,d=void 0!==c.id?c.id:"";t[a].id=e+d,a++}}catch(t){s.e(t)}finally{s.f()}return t},formGroupClass:function(){return d({},this.validationLog.inputErrorClasses?this.validationLog.inputErrorClasses:{})}}),data:function(){return{local_value:[],validationLog:{}}},methods:{getCheckedStatus:function(t){return this.local_value.includes(this.getValue(t))},getValue:function(t){return void 0!==t.value?t.value:""},getTheOptions:function(){return JSON.parse(JSON.stringify(this.theOptions))},filtereValue:function(t){if(!t||!Array.isArray(t))return[];var e=this.theOptions.map((function(t){if(void 0!==t.value)return t.value}));return t.filter((function(t){return e.includes(t)}))},hasDeprecatedValue:function(t){if(!t&&"object"!==(0,n.A)(t))return[];var e=JSON.parse(JSON.stringify(t)),i=this.theOptions.map((function(t){if(void 0!==t.value)return t.value})),r=e.filter((function(t){return!i.includes(t)}));return!(!r&&"object"!==(0,n.A)(r))&&!!r.length&&r},removeDeprecatedValue:function(t,e){return JSON.parse(JSON.stringify(t)).filter((function(t){return!e.includes(t)}))}}}},186:function(t,e,i){"use strict";var n=i(4467),r=i(5478);function o(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}e.A={mixins:[r.A],model:{prop:"value",event:"input"},computed:{theThumbnail:function(){return this.thumbnailSrc},hasThumbnail:function(){return!!this.thumbnail_src.length},thumbnailSrc:function(){return this.thumbnail_src,this.thumbnail_src},theButtonLabel:function(){return this.hasThumbnail?this.changeButtonLabel:this.selectButtonLabel},formGroupClass:function(){return function(t){for(var e=1;e0?e("div",{staticClass:"cptm-form-builder-group-field-item",class:t.expandState?"expanded":""},[t.canMoveWidget?e("draggable-list-item",{on:{"drag-start":function(e){return t.$emit("drag-start")},"drag-end":function(e){return t.$emit("drag-end")}}},[e("div",{staticClass:"cptm-form-builder-group-field-item-drag"},[e("span",{staticClass:"uil uil-draggabledots",attrs:{"aria-hidden":"true"}})])]):t._e(),t._v(" "),e("form-builder-widget-titlebar-component",{attrs:{label:t.widgetTitle,sublabel:t.widgetSubtitle,icon:t.widgetIcon,iconType:t.widgetIconType,expanded:t.expandState,alert:t.alert},on:{"toggle-expand":t.toggleExpand}}),t._v(" "),e("slide-up-down",{attrs:{active:t.expandState,duration:500}},[t.widget_fields&&"object"===(0,n.A)(t.widget_fields)?e("div",{staticClass:"cptm-form-builder-group-field-item-body"},[e("field-list-component",{attrs:{root:t.activeWidgets,"section-id":t.widgetKey,"field-list":t.widget_fields,value:t.activeWidgets[t.widgetKey]?t.activeWidgets[t.widgetKey]:""},on:{alert:t.updateAlert,update:function(e){return t.$emit("update-widget-field",{widget_key:t.widgetKey,payload:e})}}})],1):t._e()]),t._v(" "),e("div",{ref:"dropdownContent",staticClass:"cptm-form-builder-group-actions-dropdown cptm-form-builder-group-actions-dropdown--field"},[t.canTrashWidget?e("a",{staticClass:"cptm-form-builder-group-actions-dropdown-btn",attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.toggleExpandedDropdown.apply(null,arguments)}}},[e("span",{staticClass:"uil uil-ellipsis-h",attrs:{"aria-hidden":"true"}})]):t._e(),t._v(" "),e("slide-up-down",{attrs:{active:t.expandedDropdown,duration:500}},[e("div",{staticClass:"cptm-form-builder-group-actions-dropdown-content",class:t.expandedDropdown?"expanded":""},[e("a",{staticClass:"cptm-form-builder-field-item-action-link",attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.handleTrashClick.apply(null,arguments)}}},[e("span",{staticClass:"uil uil-trash-alt",attrs:{"aria-hidden":"true"}}),t._v("\n Remove Field\n ")])])])],1),t._v(" "),e("confirmation-modal",{attrs:{visible:t.showConfirmationModal,widgetName:t.widgetName},on:{confirm:t.trashWidget,cancel:t.closeConfirmationModal}})],1):t._e()};r._withStripped=!0;var o=i(4467),a=i(2893),s=i(75);function l(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function c(t){for(var e=1;e=this.maxWidget},infoTexts:function(){var t=[];return this.maxWidgetLimitIsReached&&Object.keys(this.unSelectedWidgetsList).length&&t.push({type:"info",text:this.decodeInfoText(this.maxWidget,this.maxWidgetInfoText)}),t},mainWrapperClass:function(){return(0,o.A)({active:this.active},this.animation,!0)}},data:function(){return{localSelectedWidgets:[]}},methods:{init:function(){if("object"===(0,a.A)(this.selectedWidgets)){var t=new Set(this.selectedWidgets);this.localSelectedWidgets=(0,r.A)(t)}},close:function(){console.log("close"),this.$emit("close")},decodeInfoText:function(t,e){return e.replace(/__DATA__/gi,t).replace(/({\w+})/gi,(function(e){if(t<2)return"";var i=e.replace(/{/gi,"");return i.replace(/}/gi,"")})).replace(/({\w+\|\w+})/gi,(function(e){var i=e.match(/\w+|w+/gi);return"object"!==(0,a.A)(i)&&i.length<2?"":t<2?i[0]:i[1]}))},selectWidget:function(t){if(!this.maxWidgetLimitIsReached&&void 0===this.activeWidgets[t]){var e=this.localSelectedWidgets.indexOf(t);-1==e?(this.localSelectedWidgets.push(t),this.$emit("widget-selection",{key:t,selected_widgets:this.localSelectedWidgets})):this.localSelectedWidgets.splice(e,1)}},widgetListClass:function(t){return{hide:void 0!==this.activeWidgets[t],disabled:this.maxWidgetLimitIsReached||void 0!==this.activeWidgets[t],clickable:!this.maxWidgetLimitIsReached}}}},l=(0,i(4486).A)(s,n,[],!1,null,null,null).exports},993:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return a}});var n=function(){var t=this,e=t._self._c;return t.canShow?e(t.getTheTheme("ajax-action-field"),t._b({tag:"component",on:{update:function(e){return t.$emit("update",e)},"do-action":function(e){return t.$emit("do-action",e)},validate:function(e){return t.$emit("validate",e)}}},"component",t.$props,!1)):t._e()};n._withStripped=!0;var r=i(5718),o={name:"ajax-action-field",mixins:[i(5478).A,r.A]},a=(0,i(4486).A)(o,n,[],!1,null,null,null).exports},1023:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-widget-card-wrap cptm-widget-card-inline-wrap cptm-widget-badge-card-wrap"},[e("div",{staticClass:"cptm-widget-card cptm-widget-badge cptm-has-widget-control cptm-widget-actions-tools-wrap"},[t._v("\n "+t._s(t.label)+"\n \n "),e("widget-action-tools",{attrs:{canEdit:t.canEdit,canMove:t.canMove,canTrash:t.canTrash},on:{drag:function(e){return t.dragStart()},dragend:function(e){return t.dragEnd()},edit:function(e){return t.$emit("edit")},trash:function(e){return t.$emit("trash")}}})],1),t._v(" "),e("span",{staticClass:"cptm-widget-card-drop-append",class:t.dropAppendClass,on:{dragover:function(t){t.preventDefault()},dragenter:function(e){return t.handleDragEnter()},dragleave:function(e){return t.handleDragLeave()},drop:function(e){return t.handleDrop()}}})])};n._withStripped=!0;var r={name:"category-card-widget",props:{label:{type:String},options:{type:Object},widgetDropable:{type:Boolean,default:!1},canMove:{type:Boolean,default:!0},canEdit:{type:Boolean,default:!0},canTrash:{type:Boolean,default:!0}},computed:{dropAppendClass:function(){return{dropable:!this.dragging&&(this.drop_append_dropable||this.widgetDropable),"drag-enter":this.drop_append_drag_enter}}},data:function(){return{drop_append_dropable:!1,drop_append_drag_enter:!1,dragging:!1}},methods:{dragStart:function(){this.dragging=!0,this.$emit("drag")},dragEnd:function(){this.dragging=!1,this.$emit("dragend")},handleDragEnter:function(){this.$emit("dragenter"),this.drop_append_drag_enter=!0},handleDragLeave:function(){this.$emit("dragleave"),this.drop_append_drag_enter=!1},handleDrop:function(){this.$emit("drop"),this.dragging=!1,this.drop_append_dropable=!1,this.drop_append_drag_enter=!1}}},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},1074:function(t){t.exports=function(t){return t.split("")}},1173:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return p}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-multi-option-group"},[e("h3",{staticClass:"cptm-multi-option-label"},[t._v(t._s(t.label))]),t._v(" "),t._l(t.theActiveGroups,(function(i,n){return[e("div",{key:n,staticClass:"cptm-multi-option-group-section"},[e("h3",[t._v("# "+t._s(n+1))]),t._v(" "),t._l(i,(function(r,o){return[e(r.type+"-field",t._b({key:"".concat(t.fieldId,"_").concat(o),tag:"component",attrs:{root:i,validation:t.getValidation(o,n,r),value:r.value},on:{update:function(e){return t.updateValue(n,o,e)}}},"component",t.getSanitizedOption(r),!1))]})),t._v(" "),e("p",{staticStyle:{"text-align":"right"}},[e("button",{staticClass:"cptm-btn cptm-btn-secondery",attrs:{type:"button"},on:{click:function(e){return t.removeOptionGroup(n)}}},[t._v("\n "+t._s(t.removeButtonLabel)+"\n ")])])],2)]})),t._v(" "),e("button",{staticClass:"cptm-btn cptm-btn-primary",attrs:{type:"button"},on:{click:function(e){return t.addNewOptionGroup()}}},[t._v("\n "+t._s(t.addNewButtonLabel)+"\n ")])],2)};n._withStripped=!0;var r=i(2284),o=i(4467),a=i(5353);function s(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function(t,e){if(t){if("string"==typeof t)return l(t,e);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?l(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){i&&(t=i);var n=0,r=function(){};return{s:r,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}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,s=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){s=!0,o=t},f:function(){try{a||null==i.return||i.return()}finally{if(s)throw o}}}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}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,s=!0,l=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return s=t.done,t},e:function(t){l=!0,o=t},f:function(){try{s||null==i.return||i.return()}finally{if(l)throw o}}}}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}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,l=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){l=!0,o=t},f:function(){try{a||null==i.return||i.return()}finally{if(l)throw o}}}}function s(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i1&&!this.isObject(h)&&y++,g.length>1&&!y&&(h=h[g[1]]),void 0===h&&y++,!y&&(this.checkComparison({data_a:h,data_b:f.value,compare:m})&&(l.push(d[b]),_++))}_?o++:r++}}else{h=d[g[0]];var w=void 0!==d.hidden&&d.hidden;if(g.length>1&&!this.isObject(h)&&v++,g.length>1&&!v&&(h=d[g[0]][g[1]],w=void 0!==d[g[0]].hidden&&d[g[0]].hidden),w&&v++,void 0===h&&v++,v){r++;continue}if(!this.checkComparison({data_a:h,data_b:f.value,compare:m})){r++;continue}l.push(d[g[0]]),o++}}}}catch(t){p.e(t)}finally{p.f()}var O=!1;switch(s){case"and":O=!r;break;case"or":O=!!o}return{status:O,failed_conditions:r,succeed_conditions:o,matched_data:l}},checkComparison:function(t){var e={data_a:"",data_b:"",compare:"="};Object.assign(e,t);var i=!1;switch(e.compare){case"=":i=e.data_a==e.data_b;break;case"==":i=e.data_a===e.data_b;break;case"!=":case"not":i=e.data_a!==e.data_b;break;case">":i=e.data_a>e.data_b;break;case"<":i=e.data_a=":i=e.data_a>=e.data_b;break;case"<=":i=e.data_a<=e.data_b}return i},getFormFieldName:function(t){return t+"-field"},updateFieldValue:function(t,e){this.$store.commit("updateFieldValue",{field_key:t,value:e})},updateFieldValidationState:function(t,e){this.$store.commit("updateFieldData",{field_key:t,option_key:"validationState",value:e})},updateFieldData:function(t,e,i){this.$store.commit("updateFieldData",{field_key:t,option_key:e,value:i})},getActiveClass:function(t,e){return t===e?"active":""},getTergetFields:function(t){var e={root:this.fields,path:""};if(this.isObject(t)&&Object.assign(e,t),"string"!=typeof e.path)return null;var i=null,r=e.path.split("."),o=!1;if(r&&"object"===(0,n.A)(r)){i=this.fields;var s,l=a(r);try{for(l.s();!(s=l.n()).done;){var c=s.value;if(c.length)if("self"!==c){if(void 0===i[c]){o=!0;break}if(void 0!==i[c].isVisible&&!i[c].isVisible){o=!0;break}i=null!==i?i[c]:e.root[c]}else i=e.root}}catch(t){l.e(t)}finally{l.f()}}return!o&&JSON.parse(JSON.stringify(i))},getSanitizedProps:function(t){if(t&&"object"===(0,n.A)(t)){var e=JSON.parse(JSON.stringify(t));return delete e.value,e}return t}},data:function(){return{default_option:{value:"",label:"Select..."}}}}},1653:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return c}});var n=function(){var t=this,e=t._self._c;return e("div",{},[t.card_templates?[e("div",{staticClass:"cptm-card-top-area cptm-text-center cptm-mb-20"},[e("select-field",{attrs:{theme:"default",options:t.theCardBiulderTemplateOptionList},model:{value:t.template_id,callback:function(e){t.template_id=e},expression:"template_id"}})],1),t._v(" "),e(t.theCardBiulderTemplate,t._b({tag:"component",attrs:{"field-id":t.fieldId,value:t.theCardBiulderValue},on:{update:function(e){return t.updateValue(e)}}},"component",t.theCurrentTemplateModel,!1))]:[e(t.cardBiulderTemplate,{tag:"component",attrs:{"field-id":t.fieldId,value:t.value,widgets:t.widgets,layout:t.layout,"card-options":t.cardOptions},on:{update:function(e){return t.$emit("update",e)}}})]],2)};n._withStripped=!0;var r=i(2284),o=i(4467);function a(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function s(t){for(var e=1;e=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}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,s=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){s=!0,o=t},f:function(){try{a||null==i.return||i.return()}finally{if(s)throw o}}}}function p(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i=t.maxWidget},widgetIsAccepted:function(t,e){return!t.acceptedWidgets||!this.isTruthyObject(t.acceptedWidgets)||!!t.acceptedWidgets.includes(this.theAvailableWidgets[e].widget_name)},widgetIsDropable:function(t){return!(!this._currentDraggingWidget.key.length||!this.isTruthyObject(this._currentDraggingWidget.origin)||!t.selectedWidgets.includes(this._currentDraggingWidget.key)&&(this.maxWidgetLimitIsReached(t)||!this.widgetIsAccepted(t,this._currentDraggingWidget.key)))},appendWidget:function(t,e){var i=this.currentDraggingWidget.key,n=this.currentDraggingWidget.origin.selectedWidgets,r=n.indexOf(i),o=e.selectedWidgets.indexOf(t)+1;e.selectedWidgets.includes(i)&&0===r&&o--,a.Ay.delete(n,n.indexOf(i)),e.selectedWidgets.splice(o,0,this.currentDraggingWidget.key),this.onDragEndWidget()},handleDropOnPlaceholder:function(t){var e=this.currentDraggingWidget.key,i=this.currentDraggingWidget.origin.selectedWidgets,n=t.selectedWidgets;this.isTruthyObject(i)&&this.isTruthyObject(n)&&(this.maxWidgetLimitIsReached(t)||this.widgetIsAccepted(t,e)&&(n.includes(e)||(a.Ay.delete(i,i.indexOf(e)),a.Ay.set(n,n.length,e)),this.onDragEndWidget()))},handleDragEnterOnPlaceholder:function(t){},handleDragOverOnPlaceholder:function(t){},handleDragleaveOnPlaceholder:function(t){},editWidget:function(t){void 0!==this.active_widgets[t]&&(this.active_widgets[t].options||"object"===(0,o.A)(this.active_widgets[t].options))&&(this.widgetOptionsWindow=d(d({},this.widgetOptionsWindowDefault),this.active_widgets[t].options),this.widgetOptionsWindow.widget=t,this.active_insert_widget_key="")},editOption:function(t,e){if(this.isObject(t[e].options)){var i=t[e].options,n=this.widgetOptionsWindowDefault;this.widgetCardOptionsWindow=d(d({},n),i),this.widgetCardOptionsWindow.widget={path:t,widget_key:e}}},updateCardWidgetOptionsData:function(t,e){},updateWidgetOptionsData:function(t,e){},closeCardWidgetOptionsWindow:function(){this.widgetCardOptionsWindow=this.widgetOptionsWindowDefault},closeWidgetOptionsWindow:function(){this.widgetOptionsWindow=this.widgetOptionsWindowDefault},trashWidget:function(t,e){if(e.selectedWidgets.includes(t)){var i=e.selectedWidgets.indexOf(t);a.Ay.delete(e.selectedWidgets,i),void 0!==this.active_widgets[t]&&(a.Ay.delete(this.active_widgets,t),t===this.widgetOptionsWindow.widget&&this.closeWidgetOptionsWindow())}},activeInsertWindow:function(t){var e=this;setTimeout((function(){e.active_insert_widget_key!==t?e.active_insert_widget_key=t:e.active_insert_widget_key=""}),0)},insertWidget:function(t,e){this.isTruthyObject(this.theAvailableWidgets[t.key])&&(a.Ay.set(this.active_widgets,t.key,d({},this.theAvailableWidgets[t.key])),a.Ay.set(e,"selectedWidgets",t.selected_widgets),this.editWidget(t.key))},closeInsertWindow:function(t){this.active_insert_widget_key=""},getWidgetLabel:function(t){var e="";return"string"==typeof t.label&&(e=t.label),this.isObject(t.options)&&t.options.fields&&t.options.fields.label&&"text"===t.options.fields.type&&t.options.fields.label.value&&t.options.fields.label.value.length&&(e=t.options.fields.label.value),e},getActiveInsertWindowStatus:function(t){return t===this.active_insert_widget_key}}},g=(0,i(4486).A)(f,n,[function(){var t=this._self._c;return t("div",{staticClass:"cptm-card-preview-thumbnail-bg"},[t("span",{staticClass:"uil uil-scenery"})])}],!1,null,null,null).exports},1873:function(t,e,i){var n=i(9325).Symbol;t.exports=n},1928:function(t){"use strict";function e(t){this.message=t}e.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},e.prototype.__CANCEL__=!0,t.exports=e},1942:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=i(2284),r=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-builder-group-title-area",class:t.widgetsExpanded?"expanded":""},[e("h3",{staticClass:"cptm-form-builder-group-title"},[e("span",{domProps:{innerHTML:t._s(t.label)}}),t._v(" "),t.groupFields&&"object"===(0,n.A)(t.groupFields)?e("a",{staticClass:"cptm-form-builder-header-action-link cptm-ml-5 cptm-link-light",attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.$emit("toggle-expand-group")}}},[e("span",{staticClass:"fa fa-cog",attrs:{"aria-hidden":"true"}}),t._v(" Options\n ")]):t._e()]),t._v(" "),t.groupData&&t.groupData.fields&&t.groupData.fields.length?e("div",{staticClass:"cptm-form-builder-group-title-actions"},[e("a",{staticClass:"cptm-form-builder-header-action-link",class:t.widgetsExpanded?"action-collapse-down":"action-collapse-up",attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.$emit("toggle-expand-widgets")}}},[e("span",{staticClass:"uil uil-angle-down",attrs:{"aria-hidden":"true"}})])]):t._e()])};r._withStripped=!0;var o=(0,i(4486).A)({name:"form-builder-widget-group-titlebar-component",props:{groupData:{default:""},groupSettings:{default:""},groupFields:{default:""},widgetsExpanded:{default:!1}},created:function(){},computed:{label:function(){var t="";return this.groupData.defaultGroupLabel||(t=this.groupData.defaultGroupLabel),this.groupSettings.label||(t=this.groupData.label),t}},data:function(){return{}}},r,[],!1,null,null,null).exports},2012:function(t,e,i){"use strict";var n=i(9516),r=["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"];t.exports=function(t){var e,i,o,a={};return t?(n.forEach(t.split("\n"),(function(t){if(o=t.indexOf(":"),e=n.trim(t.substr(0,o)).toLowerCase(),i=n.trim(t.substr(o+1)),e){if(a[e]&&r.indexOf(e)>=0)return;a[e]="set-cookie"===e?(a[e]?a[e]:[]).concat([i]):a[e]?a[e]+", "+i:i}})),a):a}},2018:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group"},[t.label.length?e("label",[e(t.labelType,{tag:"component"},[t._v(t._s(t.label))])],1):t._e(),t._v(" "),t.description.length?e("p",{staticClass:"cptm-form-group-info",domProps:{innerHTML:t._s(t.description)}}):t._e(),t._v(" "),e("div",{staticClass:"cptm-form-range-wrap"},[e("div",{staticClass:"cptm-form-range-bar"},[e("div",{staticClass:"directorist_slider-range"},[e("span",{staticClass:"directorist_range-bar"},[e("span",{staticClass:"directorist_range-fill",style:t.rangeFillStyle})]),t._v(" "),e("input",{directives:[{name:"model",rawName:"v-model",value:t.range_value,expression:"range_value"}],staticClass:"directorist_slider-input",attrs:{type:"range",id:t.fieldId,step:t.theStep,min:t.theMin,max:t.theMax,name:t.name},domProps:{value:t.range_value},on:{__r:function(e){t.range_value=e.target.value}}})])]),t._v(" "),e("div",{staticClass:"cptm-form-range-output"},[e("span",{staticClass:"cptm-form-range-output-text"},[t._v(t._s(t.range_value))])])]),t._v(" "),e("form-field-validatior",{attrs:{"section-id":t.sectionId,"field-id":t.fieldId,root:t.root,value:t.value,rules:t.rules},on:{validate:function(e){return t.$emit("validate",e)}},model:{value:t.validationLog,callback:function(e){t.validationLog=e},expression:"validationLog"}})],1)};n._withStripped=!0;var r={name:"range-field-theme-default",mixins:[i(8180).A]},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},2054:function(t){var e="\\ud800-\\udfff",i="["+e+"]",n="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",r="\\ud83c[\\udffb-\\udfff]",o="[^"+e+"]",a="(?:\\ud83c[\\udde6-\\uddff]){2}",s="[\\ud800-\\udbff][\\udc00-\\udfff]",l="(?:"+n+"|"+r+")?",c="[\\ufe0e\\ufe0f]?",d=c+l+"(?:\\u200d(?:"+[o,a,s].join("|")+")"+c+l+")*",u="(?:"+[o+n+"?",n,a,s,i].join("|")+")",p=RegExp(r+"(?="+r+")|"+u+d,"g");t.exports=function(t){return t.match(p)||[]}},2057:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return a}});var n=i(2284),r=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group",class:t.formGroupClass},["hidden"!==t.input_type&&t.label.length?e("label",[e(t.labelType,{tag:"component"},[t._v(t._s(t.label))])],1):t._e(),t._v(" "),t.description.length?e("p",{staticClass:"cptm-form-group-info",domProps:{innerHTML:t._s(t.description)}}):t._e(),t._v(" "),"object"!==(0,n.A)(t.filteredValue)?e("input",{staticClass:"cptm-form-control",class:t.formControlClass,attrs:{type:t.input_type,placeholder:t.placeholder,disabled:t.disable},domProps:{value:t.filteredValue},on:{keyup:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.$emit("enter",e.target.value)},blur:function(e){return t.$emit("blur",e.target.value)},input:function(e){return t.$emit("update",e.target.value)}}}):t._e(),t._v(" "),"object"===(0,n.A)(t.filteredValue)?e("input",{attrs:{type:"hidden"},domProps:{value:JSON.stringify(t.filteredValue)}}):t._e(),t._v(" "),e("form-field-validatior",{attrs:{"section-id":t.sectionId,"field-id":t.fieldId,root:t.root,value:t.filteredValue,rules:t.rules},on:{validate:function(e){return t.$emit("validate",e)}},model:{value:t.validationLog,callback:function(e){t.validationLog=e},expression:"validationLog"}})],1)};r._withStripped=!0;var o={name:"text-field-theme-default",mixins:[i(8808).A]},a=(0,i(4486).A)(o,r,[],!1,null,null,null).exports},2136:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=i(4467),r=function(){var t=this,e=t._self._c;return e("div",{staticClass:"setting-left-sibebar"},[e("ul",{staticClass:"settings-nav"},t._l(t.menu,(function(i,r){return e("li",{key:r,staticClass:"settings-nav__item",class:{active:i.active}},[e("a",{staticClass:"settings-nav__item__link",class:(0,n.A)({},"nav-has-dropdwon",i.submenu),attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.swichToNav({menu_key:r},e)}}},[i.icon?e("span",{staticClass:"settings-nav__item__icon",domProps:{innerHTML:t._s(i.icon)}}):t._e(),t._v(" \n "+t._s(i.label)+" "),i.submenu?e("span",{staticClass:"drop-toggle-caret"}):t._e()]),t._v(" "),i.submenu?e("ul",t._l(i.submenu,(function(i,n){return e("li",{key:n},[e("a",{class:{active:i.active},attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.swichToNav({menu_key:r,submenu_key:n},e)}}},[i.icon?e("span",{staticClass:"settings-nav__item__icon",domProps:{innerHTML:t._s(i.icon)}}):t._e(),t._v(" \n "+t._s(i.label)+"\n ")])])})),0):t._e()])})),0)])};r._withStripped=!0;var o=(0,i(4486).A)({name:"sidebar-navigation",props:["menu"],computed:{},data:function(){return{navigation:{general:{label:"General",icon:"fa fa-home",link:"#",active:!0,submenu:{general_settings:{label:"General Setttings",icon:"fa fa-home",active:!0}}},users:{label:"Users",icon:"fa fa-home",link:"#",active:!0,submenu:{users_settings:{label:"Users Setttings",icon:"fa fa-home",link:"#",active:!0}}}}}},methods:{swichToNav:function(t,e){e.preventDefault(),this.$store.commit("swichToNav",t)}}},r,[],!1,null,null,null).exports},2225:function(t){var e="\\ud800-\\udfff",i="\\u2700-\\u27bf",n="a-z\\xdf-\\xf6\\xf8-\\xff",r="A-Z\\xc0-\\xd6\\xd8-\\xde",o="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",a="["+o+"]",s="\\d+",l="["+i+"]",c="["+n+"]",d="[^"+e+o+s+i+n+r+"]",u="(?:\\ud83c[\\udde6-\\uddff]){2}",p="[\\ud800-\\udbff][\\udc00-\\udfff]",f="["+r+"]",g="(?:"+c+"|"+d+")",h="(?:"+f+"|"+d+")",v="(?:['’](?:d|ll|m|re|s|t|ve))?",m="(?:['’](?:D|LL|M|RE|S|T|VE))?",_="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",b="[\\ufe0e\\ufe0f]?",y=b+_+"(?:\\u200d(?:"+["[^"+e+"]",u,p].join("|")+")"+b+_+")*",w="(?:"+[l,u,p].join("|")+")"+y,O=RegExp([f+"?"+c+"+"+v+"(?="+[a,f,"$"].join("|")+")",h+"+"+m+"(?="+[a,f+g,"$"].join("|")+")",f+"?"+g+"+"+v,f+"+"+m,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",s,w].join("|"),"g");t.exports=function(t){return t.match(O)||[]}},2284:function(t,e,i){"use strict";function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}i.d(e,{A:function(){return n}})},2286:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return r}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"directorist-draggable-list-item-wrapper",style:t.wrapperStyle,attrs:{"data-list-id":t.listId}},[e("div",{staticClass:"directorist-droppable-area-wrap",class:t.className,style:{display:t.droppable?"flex":"none"}},[t.droppableBefore?e("span",{staticClass:"directorist-droppable-area directorist-droppable-area-top",on:{dragover:function(t){t.preventDefault()},dragenter:function(e){t.dragenterBeforeItem=!0},dragleave:function(e){t.dragenterBeforeItem=!1},drop:function(e){return t.handleDroppedBefore()}}}):t._e(),t._v(" "),t.droppableAfter?e("span",{staticClass:"directorist-droppable-area directorist-droppable-area-bottom",on:{dragover:function(t){t.preventDefault()},dragenter:function(e){t.dragenterAfterItem=!0},dragleave:function(e){t.dragenterAfterItem=!1},drop:function(e){return t.handleDroppedAfter()}}}):t._e()]),t._v(" "),t.dragenterBeforeItem?e("div",{staticClass:"directorist-droppable-item-preview directorist-droppable-item-preview-before"}):t._e(),t._v(" "),t._t("default"),t._v(" "),t.dragenterAfterItem?e("div",{staticClass:"directorist-droppable-item-preview directorist-droppable-item-preview-after"}):t._e()],2)};n._withStripped=!0;var r=(0,i(4486).A)({name:"draggable-list-item-wrapper",props:{isDraggingSelf:{default:!1},listId:{default:""},droppable:{default:!1},droppableBefore:{default:!0},droppableAfter:{default:!0},className:{default:""}},computed:{wrapperStyle:function(){var t={};return this.isDraggingSelf&&(t.display="none"),t}},data:function(){return{dragenterBeforeItem:!1,dragenterAfterItem:!1}},methods:{handleDroppedBefore:function(){this.dragenterBeforeItem=!1,this.dragenterAfterItem=!1,this.$emit("drop",{drop_direction:"before"})},handleDroppedAfter:function(){this.dragenterBeforeItem=!1,this.dragenterAfterItem=!1,this.$emit("drop",{drop_direction:"after"})}}},n,[],!1,null,null,null).exports},2293:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group"},[e("div",{staticClass:"atbdp-row"},[e("div",{staticClass:"atbdp-col atbdp-col-4"},[t.label.length?e("label",[e(t.labelType,{tag:"component"},[t._v(t._s(t.label))])],1):t._e(),t._v(" "),t.description.length?e("p",{staticClass:"cptm-form-group-info",domProps:{innerHTML:t._s(t.description)}}):t._e()]),t._v(" "),e("div",{staticClass:"atbdp-col atbdp-col-8"},[e("button",{staticClass:"cptm-btn cptm-btn-secondery",attrs:{type:"button"},on:{click:function(e){return t.restore()}}},[e("span",{staticClass:"fas fa-sync-alt"}),t._v("\n "+t._s(t.buttonLabel)+"\n ")]),t._v(" "),t.validation_message?e("div",{staticClass:"cptm-form-group-feedback"},[e("div",{staticClass:"cptm-form-alert",class:"cptm-"+t.validation_message.type},[t._v("\n "+t._s(t.validation_message.message)+"\n ")])]):t._e()])])])};n._withStripped=!0;var r={name:"restore-field-theme-butterfly",mixins:[i(6199).A]},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},2309:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return a}});var n=i(2284),r=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group",class:t.formGroupClass},[e("div",{staticClass:"atbdp-row"},[e("div",{staticClass:"atbdp-col atbdp-col-4"},["hidden"!==t.input_type&&t.label.length?e("label",[e(t.labelType,{tag:"component"},[t._v(t._s(t.label))])],1):t._e(),t._v(" "),t.description.length?e("p",{staticClass:"cptm-form-group-info",domProps:{innerHTML:t._s(t.description)}}):t._e()]),t._v(" "),e("div",{staticClass:"atbdp-col atbdp-col-8"},["object"!==(0,n.A)(t.filteredValue)?e("input",{staticClass:"cptm-form-control",class:t.formControlClass,attrs:{id:t.fieldId,type:t.input_type,min:t.min,max:t.max,step:t.step,placeholder:t.placeholder,disabled:t.disable},domProps:{value:!1===t.filteredValue?"":t.filteredValue},on:{input:function(e){return t.$emit("update",e.target.value)}}}):t._e(),t._v(" "),"object"===(0,n.A)(t.filteredValue)?e("input",{attrs:{type:"hidden"},domProps:{value:JSON.stringify(t.filteredValue)}}):t._e(),t._v(" "),e("form-field-validatior",{attrs:{"section-id":t.sectionId,"field-id":t.fieldId,root:t.root,value:t.filteredValue,rules:t.rules},on:{validate:function(e){return t.$emit("validate",e)}},model:{value:t.validationLog,callback:function(e){t.validationLog=e},expression:"validationLog"}})],1)])])};r._withStripped=!0;var o={name:"text-field-theme-butterfly",mixins:[i(8808).A],mounted:function(){this.canChange&&this.canChange()}},a=(0,i(4486).A)(o,r,[],!1,null,null,null).exports},2327:function(t,e,i){"use strict";i.d(e,{A:function(){return r}});var n=i(2284);function r(t,e){if("object"!=(0,n.A)(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,e||"default");if("object"!=(0,n.A)(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}},2475:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group"},[t.label.length?e("label",[e(t.labelType,{tag:"component"},[t._v(t._s(t.label))])],1):t._e(),t._v(" "),t.description.length?e("p",{staticClass:"cptm-form-group-info",domProps:{innerHTML:t._s(t.description)}}):t._e(),t._v(" "),e("button",{staticClass:"cptm-btn cptm-btn-secondery",attrs:{type:"button"},on:{click:function(e){return t.restore()}}},[e("span",{staticClass:"fas fa-sync-alt"}),t._v("\n "+t._s(t.buttonLabel)+"\n ")]),t._v(" "),t.validation_message?e("div",{staticClass:"cptm-form-group-feedback"},[e("div",{staticClass:"cptm-form-alert",class:"cptm-"+t.validation_message.type},[t._v("\n "+t._s(t.validation_message.message)+"\n ")])]):t._e()])};n._withStripped=!0;var r={name:"restore-field-theme-default",mixins:[i(6199).A]},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},2494:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return a}});var n=function(){var t=this,e=t._self._c;return t.canShow?e(t.getTheTheme("checkbox-field"),t._b({tag:"component",on:{"do-action":function(e){return t.$emit("do-action",e)},update:function(e){return t.$emit("update",e)}}},"component",t.$props,!1)):t._e()};n._withStripped=!0;var r=i(5718),o={name:"checkbox-field",mixins:[i(5478).A,r.A]},a=(0,i(4486).A)(o,n,[],!1,null,null,null).exports},2505:function(t,e,i){t.exports=i(8015)},2507:function(t,e,i){var n=i(8754),r=i(9698),o=i(3912),a=i(3222);t.exports=function(t){return function(e){e=a(e);var i=r(e)?o(e):void 0,s=i?i[0]:e.charAt(0),l=i?n(i,1).join(""):e.slice(1);return s[t]()+l}}},2552:function(t,e,i){var n=i(1873),r=i(659),o=i(9350),a=n?n.toStringTag:void 0;t.exports=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":a&&a in Object(t)?r(t):o(t)}},2721:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return g}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-builder-section"},[t.widgetOptionsWindowActiveStatus?e("div",{staticClass:"cptm-options-area"},[e("options-window",t._b({attrs:{active:t.widgetOptionsWindowActiveStatus},on:{update:function(e){return t.updateWidgetOptionsData(e,t.widgetOptionsWindow)},close:function(e){return t.closeWidgetOptionsWindow()}}},"options-window",t.widgetOptionsWindow,!1))],1):t._e(),t._v(" "),e("div",{staticClass:"cptm-preview-area"},[e("div",{staticClass:"cptm-card-preview-widget cptm-card-list-view list-view-without-thumbnail"},[e("div",{staticClass:"cptm-listing-card-content"},[e("div",{staticClass:"cptm-listing-card-preview-body"},[e("div",{staticClass:"cptm-listing-card-body-header"},[e("div",{staticClass:"cptm-listing-card-body-header-left"},[e("card-widget-placeholder",{attrs:{containerClass:"cptm-listing-card-body-header-title-placeholder cptm-mb-10 cptm-card-light",label:t.local_layout.body.top.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.body.top.acceptedWidgets,selectedWidgets:t.local_layout.body.top.selectedWidgets,maxWidget:t.local_layout.body.top.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("body_top"),widgetDropable:t.widgetIsDropable(t.local_layout.body.top)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.body.top)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.body.top)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.body.top)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.body.top)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.body.top)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("body_top")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}})],1),t._v(" "),e("div",{staticClass:"cptm-listing-card-body-header-right"},[e("card-widget-placeholder",{attrs:{containerClass:"cptm-listing-card-body-header-actions-placeholder cptm-card-light",label:t.local_layout.body.right.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.body.right.acceptedWidgets,selectedWidgets:t.local_layout.body.right.selectedWidgets,maxWidget:t.local_layout.body.right.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("body_right"),widgetDropable:t.widgetIsDropable(t.local_layout.body.right)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.body.right)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.body.right)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.body.right)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.body.right)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.body.right)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("body_right")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}})],1)]),t._v(" "),e("card-widget-placeholder",{attrs:{containerClass:"cptm-listing-card-preview-body-placeholder cptm-card-light",label:t.local_layout.body.bottom.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.body.bottom.acceptedWidgets,selectedWidgets:t.local_layout.body.bottom.selectedWidgets,maxWidget:t.local_layout.body.bottom.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("body_bottom"),widgetDropable:t.widgetIsDropable(t.local_layout.body.bottom)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.body.bottom)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.body.bottom)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.body.bottom)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.body.bottom)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.body.bottom)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("body_bottom")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}}),t._v(" "),e("br"),t._v(" "),t.placeholderIsActive(t.local_layout.body.excerpt)?e("card-widget-placeholder",{attrs:{containerClass:"cptm-listing-card-preview-excerpt-placeholder cptm-card-light",label:t.local_layout.body.excerpt.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.body.excerpt.acceptedWidgets,selectedWidgets:t.local_layout.body.excerpt.selectedWidgets,maxWidget:t.local_layout.body.excerpt.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("body_excerpt"),widgetDropable:t.widgetIsDropable(t.local_layout.body.excerpt)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.body.excerpt)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.body.excerpt)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.body.excerpt)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.body.excerpt)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.body.excerpt)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("body_excerpt")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}}):t._e()],1),t._v(" "),e("div",{staticClass:"cptm-listing-card-preview-footer"},[e("card-widget-placeholder",{attrs:{containerClass:"cptm-listing-card-preview-footer-left-placeholder cptm-card-light",label:t.local_layout.footer.left.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.footer.left.acceptedWidgets,selectedWidgets:t.local_layout.footer.left.selectedWidgets,maxWidget:t.local_layout.footer.left.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("thumbnail_footer_left"),widgetDropable:t.widgetIsDropable(t.local_layout.footer.left)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.footer.left)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.footer.left)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.footer.left)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.footer.left)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.footer.left)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("thumbnail_footer_left")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}}),t._v(" "),e("card-widget-placeholder",{attrs:{containerClass:"cptm-listing-card-preview-footer-right-placeholder cptm-card-light",label:t.local_layout.footer.right.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.footer.right.acceptedWidgets,selectedWidgets:t.local_layout.footer.right.selectedWidgets,maxWidget:t.local_layout.footer.right.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("thumbnail_footer_right"),widgetDropable:t.widgetIsDropable(t.local_layout.footer.right)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.footer.right)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.footer.right)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.footer.right)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.footer.right)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.footer.right)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("thumbnail_footer_right")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}})],1)])])])])};n._withStripped=!0;var r=i(4467),o=i(2284),a=i(2893),s=i(8130),l=i(1642);function c(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function d(t){for(var e=1;e=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}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,s=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){s=!0,o=t},f:function(){try{a||null==i.return||i.return()}finally{if(s)throw o}}}}function p(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i=t.maxWidget},widgetIsAccepted:function(t,e){return!t.acceptedWidgets||!this.isTruthyObject(t.acceptedWidgets)||!!t.acceptedWidgets.includes(this.theAvailableWidgets[e].widget_name)},widgetIsDropable:function(t){return!(!this._currentDraggingWidget.key.length||!this.isTruthyObject(this._currentDraggingWidget.origin)||!t.selectedWidgets.includes(this._currentDraggingWidget.key)&&(this.maxWidgetLimitIsReached(t)||!this.widgetIsAccepted(t,this._currentDraggingWidget.key)))},appendWidget:function(t,e){var i=this.currentDraggingWidget.key,n=this.currentDraggingWidget.origin.selectedWidgets,r=n.indexOf(i),o=e.selectedWidgets.indexOf(t)+1;e.selectedWidgets.includes(i)&&0===r&&o--,a.Ay.delete(n,n.indexOf(i)),e.selectedWidgets.splice(o,0,this.currentDraggingWidget.key),this.onDragEndWidget()},handleDropOnPlaceholder:function(t){var e=this.currentDraggingWidget.key,i=this.currentDraggingWidget.origin.selectedWidgets,n=t.selectedWidgets;this.isTruthyObject(i)&&this.isTruthyObject(n)&&(this.maxWidgetLimitIsReached(t)||this.widgetIsAccepted(t,e)&&(n.includes(e)||(a.Ay.delete(i,i.indexOf(e)),a.Ay.set(n,n.length,e)),this.onDragEndWidget()))},handleDragEnterOnPlaceholder:function(t){},handleDragOverOnPlaceholder:function(t){},handleDragleaveOnPlaceholder:function(t){},editWidget:function(t){void 0!==this.active_widgets[t]&&(this.active_widgets[t].options||"object"===(0,o.A)(this.active_widgets[t].options))&&(this.widgetOptionsWindow=d(d({},this.widgetOptionsWindowDefault),this.active_widgets[t].options),this.widgetOptionsWindow.widget=t)},updateWidgetOptionsData:function(t,e){},closeWidgetOptionsWindow:function(){this.widgetOptionsWindow=this.widgetOptionsWindowDefault},trashWidget:function(t,e){if(e.selectedWidgets.includes(t)){var i=e.selectedWidgets.indexOf(t);a.Ay.delete(e.selectedWidgets,i),void 0!==this.active_widgets[t]&&(a.Ay.delete(this.active_widgets,t),t===this.widgetOptionsWindow.widget&&this.closeWidgetOptionsWindow())}},activeInsertWindow:function(t){this.active_insert_widget_key!==t?this.active_insert_widget_key=t:this.active_insert_widget_key=""},insertWidget:function(t,e){this.isTruthyObject(this.theAvailableWidgets[t.key])&&(a.Ay.set(this.active_widgets,t.key,d({},this.theAvailableWidgets[t.key])),a.Ay.set(e,"selectedWidgets",t.selected_widgets))},closeInsertWindow:function(t){this.active_insert_widget_key=""},getActiveInsertWindowStatus:function(t){return t===this.active_insert_widget_key},placeholderIsActive:function(t){return!this.isObject(t.show_if)||this.checkShowIfCondition({condition:t.show_if}).status}}},g=(0,i(4486).A)(f,n,[],!1,null,null,null).exports},2744:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return a}});var n=function(){var t=this,e=t._self._c;return t.canShow?e(t.getTheTheme("textarea-field"),t._b({tag:"component",on:{"do-action":function(e){return t.$emit("do-action",e)},update:function(e){return t.$emit("update",e)}}},"component",t.$props,!1)):t._e()};n._withStripped=!0;var r=i(5718),o={name:"textarea-field",mixins:[i(5478).A,r.A]},a=(0,i(4486).A)(o,n,[],!1,null,null,null).exports},2745:function(t,e,i){"use strict";var n=i(4467),r=i(5478);function o(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}e.A={mixins:[r.A],model:{prop:"value",event:"input"},computed:{input_type:function(){var t={"text-field":"text","number-field":"number","password-field":"password","date-field":"date","hidden-field":"hidden"};return void 0!==t[this.type]?t[this.type]:"text"},formGroupClass:function(){return function(t){for(var e=1;e=0&&Math.floor(e)===e&&isFinite(t)}function g(t){return a(t)&&"function"==typeof t.then&&"function"==typeof t.catch}function h(t){return null==t?"":Array.isArray(t)||p(t)&&t.toString===u?JSON.stringify(t,v,2):String(t)}function v(t,e){return e&&e.__v_isRef?e.value:e}function m(t){var e=parseFloat(t);return isNaN(e)?t:e}function _(t,e){for(var i=Object.create(null),n=t.split(","),r=0;r-1)return t.splice(n,1)}}var O=Object.prototype.hasOwnProperty;function W(t,e){return O.call(t,e)}function C(t){var e=Object.create(null);return function(i){return e[i]||(e[i]=t(i))}}var x=/-(\w)/g,A=C((function(t){return t.replace(x,(function(t,e){return e?e.toUpperCase():""}))})),S=C((function(t){return t.charAt(0).toUpperCase()+t.slice(1)})),D=/\B([A-Z])/g,k=C((function(t){return t.replace(D,"-$1").toLowerCase()})),j=Function.prototype.bind?function(t,e){return t.bind(e)}:function(t,e){function i(i){var n=arguments.length;return n?n>1?t.apply(e,arguments):t.call(e,i):t.call(e)}return i._length=t.length,i};function E(t,e){e=e||0;for(var i=t.length-e,n=new Array(i);i--;)n[i]=t[i+e];return n}function P(t,e){for(var i in e)t[i]=e[i];return t}function T(t){for(var e={},i=0;i0,Q=Z&&Z.indexOf("edge/")>0;Z&&Z.indexOf("android");var tt=Z&&/iphone|ipad|ipod|ios/.test(Z);Z&&/chrome\/\d+/.test(Z),Z&&/phantomjs/.test(Z);var et,it=Z&&Z.match(/firefox\/(\d+)/),nt={}.watch,rt=!1;if(K)try{var ot={};Object.defineProperty(ot,"passive",{get:function(){rt=!0}}),window.addEventListener("test-passive",null,ot)}catch(t){}var at=function(){return void 0===et&&(et=!K&&void 0!==i.g&&i.g.process&&"server"===i.g.process.env.VUE_ENV),et},st=K&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function lt(t){return"function"==typeof t&&/native code/.test(t.toString())}var ct,dt="undefined"!=typeof Symbol&<(Symbol)&&"undefined"!=typeof Reflect&<(Reflect.ownKeys);ct="undefined"!=typeof Set&<(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var ut=null;function pt(t){void 0===t&&(t=null),t||ut&&ut._scope.off(),ut=t,t&&t._scope.on()}var ft=function(){function t(t,e,i,n,r,o,a,s){this.tag=t,this.data=e,this.children=i,this.text=n,this.elm=r,this.ns=void 0,this.context=o,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=e&&e.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1}return Object.defineProperty(t.prototype,"child",{get:function(){return this.componentInstance},enumerable:!1,configurable:!0}),t}(),gt=function(t){void 0===t&&(t="");var e=new ft;return e.text=t,e.isComment=!0,e};function ht(t){return new ft(void 0,void 0,void 0,String(t))}function vt(t){var e=new ft(t.tag,t.data,t.children&&t.children.slice(),t.text,t.elm,t.context,t.componentOptions,t.asyncFactory);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isComment=t.isComment,e.fnContext=t.fnContext,e.fnOptions=t.fnOptions,e.fnScopeId=t.fnScopeId,e.asyncMeta=t.asyncMeta,e.isCloned=!0,e}"function"==typeof SuppressedError&&SuppressedError;var mt=0,_t=[],bt=function(){function t(){this._pending=!1,this.id=mt++,this.subs=[]}return t.prototype.addSub=function(t){this.subs.push(t)},t.prototype.removeSub=function(t){this.subs[this.subs.indexOf(t)]=null,this._pending||(this._pending=!0,_t.push(this))},t.prototype.depend=function(e){t.target&&t.target.addDep(this)},t.prototype.notify=function(t){for(var e=this.subs.filter((function(t){return t})),i=0,n=e.length;i0&&(Jt((n=Ut(n,"".concat(e||"","_").concat(i)))[0])&&Jt(d)&&(u[c]=ht(d.text+n[0].text),n.shift()),u.push.apply(u,n)):l(n)?Jt(d)?u[c]=ht(d.text+n):""!==n&&u.push(ht(n)):Jt(n)&&Jt(d)?u[c]=ht(d.text+n.text):(s(t._isVList)&&a(n.tag)&&o(n.key)&&a(e)&&(n.key="__vlist".concat(e,"_").concat(i,"__")),u.push(n)));return u}function zt(t,e,i,n,o,u){return(r(i)||l(i))&&(o=n,n=i,i=void 0),s(u)&&(o=2),function(t,e,i,n,o){if(a(i)&&a(i.__ob__))return gt();if(a(i)&&a(i.is)&&(e=i.is),!e)return gt();var s,l;if(r(n)&&c(n[0])&&((i=i||{}).scopedSlots={default:n[0]},n.length=0),2===o?n=qt(n):1===o&&(n=function(t){for(var e=0;e0,s=e?!!e.$stable:!a,l=e&&e.$key;if(e){if(e._normalized)return e._normalized;if(s&&r&&r!==n&&l===r.$key&&!a&&!r.$hasNormal)return r;for(var c in o={},e)e[c]&&"$"!==c[0]&&(o[c]=he(t,i,c,e[c]))}else o={};for(var d in i)d in o||(o[d]=ve(i,d));return e&&Object.isExtensible(e)&&(e._normalized=o),J(o,"$stable",s),J(o,"$key",l),J(o,"$hasNormal",a),o}function he(t,e,i,n){var o=function(){var e=ut;pt(t);var i=arguments.length?n.apply(null,arguments):n({}),o=(i=i&&"object"==typeof i&&!r(i)?[i]:qt(i))&&i[0];return pt(e),i&&(!o||1===i.length&&o.isComment&&!fe(o))?void 0:i};return n.proxy&&Object.defineProperty(e,i,{get:o,enumerable:!0,configurable:!0}),o}function ve(t,e){return function(){return t[e]}}function me(t,e,i,n,r){var o=!1;for(var a in e)a in t?e[a]!==i[a]&&(o=!0):(o=!0,_e(t,a,n,r));for(var a in t)a in e||(o=!0,delete t[a]);return o}function _e(t,e,i,n){Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){return i[n][e]}})}function be(t,e){for(var i in e)t[i]=e[i];for(var i in t)i in e||delete t[i]}var ye,we,Oe=null;function We(t,e){return(t.__esModule||dt&&"Module"===t[Symbol.toStringTag])&&(t=t.default),d(t)?e.extend(t):t}function Ce(t){if(r(t))for(var e=0;edocument.createEvent("Event").timeStamp&&(He=function(){return Ge.now()})}var qe=function(t,e){if(t.post){if(!e.post)return 1}else if(e.post)return-1;return t.id-e.id};function Je(){var t,e;for(Ve=He(),Be=!0,Le.sort(qe),Re=0;ReRe&&Le[i].id>t.id;)i--;Le.splice(i+1,0,t)}else Le.push(t);Fe||(Fe=!0,si(Je))}}(this)},t.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||d(t)||this.deep){var e=this.value;if(this.value=t,this.user){var i='callback for watcher "'.concat(this.expression,'"');Ke(this.cb,this.vm,[t,e],this.vm,i)}else this.cb.call(this.vm,t,e)}}},t.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},t.prototype.depend=function(){for(var t=this.deps.length;t--;)this.deps[t].depend()},t.prototype.teardown=function(){if(this.vm&&!this.vm._isBeingDestroyed&&w(this.vm._scope.effects,this),this.active){for(var t=this.deps.length;t--;)this.deps[t].removeSub(this);this.active=!1,this.onStop&&this.onStop()}},t}(),gi={enumerable:!0,configurable:!0,get:I,set:I};function hi(t,e,i){gi.get=function(){return this[e][i]},gi.set=function(t){this[e][i]=t},Object.defineProperty(t,i,gi)}function vi(t){var e=t.$options;if(e.props&&function(t,e){var i=t.$options.propsData||{},n=t._props=Lt({}),r=t.$options._propKeys=[];!t.$parent||Dt(!1);var o=function(o){r.push(o);var a=Vi(o,e,i,t);Pt(n,o,a,void 0,!0),o in t||hi(t,"_props",o)};for(var a in e)o(a);Dt(!0)}(t,e.props),function(t){var e=t.$options,i=e.setup;if(i){var r=t._setupContext=function(t){return{get attrs(){if(!t._attrsProxy){var e=t._attrsProxy={};J(e,"_v_attr_proxy",!0),me(e,t.$attrs,n,t,"$attrs")}return t._attrsProxy},get listeners(){return t._listenersProxy||me(t._listenersProxy={},t.$listeners,n,t,"$listeners"),t._listenersProxy},get slots(){return function(t){return t._slotsProxy||be(t._slotsProxy={},t.$scopedSlots),t._slotsProxy}(t)},emit:j(t.$emit,t),expose:function(e){e&&Object.keys(e).forEach((function(i){return Ft(t,e,i)}))}}}(t);pt(t),wt();var o=Ke(i,null,[t._props||Lt({}),r],t,"setup");if(Ot(),pt(),c(o))e.render=o;else if(d(o))if(t._setupState=o,o.__sfc){var a=t._setupProxy={};for(var s in o)"__sfc"!==s&&Ft(a,o,s)}else for(var s in o)q(s)||Ft(t,o,s)}}(t),e.methods&&function(t,e){for(var i in t.$options.props,e)t[i]="function"!=typeof e[i]?I:j(e[i],t)}(t,e.methods),e.data)!function(t){var e=t.$options.data;p(e=t._data=c(e)?function(t,e){wt();try{return t.call(e,e)}catch(t){return ze(t,e,"data()"),{}}finally{Ot()}}(e,t):e||{})||(e={});for(var i=Object.keys(e),n=t.$options.props,r=(t.$options.methods,i.length);r--;){var o=i[r];n&&W(n,o)||q(o)||hi(t,"_data",o)}var a=Et(e);a&&a.vmCount++}(t);else{var i=Et(t._data={});i&&i.vmCount++}e.computed&&function(t,e){var i=t._computedWatchers=Object.create(null),n=at();for(var r in e){var o=e[r],a=c(o)?o:o.get;n||(i[r]=new fi(t,a||I,I,mi)),r in t||_i(t,r,o)}}(t,e.computed),e.watch&&e.watch!==nt&&function(t,e){for(var i in e){var n=e[i];if(r(n))for(var o=0;o-1)if(o&&!W(r,"default"))a=!1;else if(""===a||a===k(t)){var l=Ji(String,r.type);(l<0||s-1:"string"==typeof t?t.split(",").indexOf(e)>-1:(i=t,!("[object RegExp]"!==u.call(i))&&t.test(e));var i}function Zi(t,e){var i=t.cache,n=t.keys,r=t._vnode,o=t.$vnode;for(var a in i){var s=i[a];if(s){var l=s.name;l&&!e(l)&&Xi(i,a,n,r)}}o.componentOptions.children=void 0}function Xi(t,e,i,n){var r=t[e];!r||n&&r.tag===n.tag||r.componentInstance.$destroy(),t[e]=null,w(i,e)}!function(t){t.prototype._init=function(t){var e=this;e._uid=Wi++,e._isVue=!0,e.__v_skip=!0,e._scope=new ke(!0),e._scope.parent=void 0,e._scope._vm=!0,t&&t._isComponent?function(t,e){var i=t.$options=Object.create(t.constructor.options),n=e._parentVnode;i.parent=e.parent,i._parentVnode=n;var r=n.componentOptions;i.propsData=r.propsData,i._parentListeners=r.listeners,i._renderChildren=r.children,i._componentTag=r.tag,e.render&&(i.render=e.render,i.staticRenderFns=e.staticRenderFns)}(e,t):e.$options=Bi(Ci(e.constructor),t||{},e),e._renderProxy=e,e._self=e,function(t){var e=t.$options,i=e.parent;if(i&&!e.abstract){for(;i.$options.abstract&&i.$parent;)i=i.$parent;i.$children.push(t)}t.$parent=i,t.$root=i?i.$root:t,t.$children=[],t.$refs={},t._provided=i?i._provided:Object.create(null),t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}(e),function(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&De(t,e)}(e),function(t){t._vnode=null,t._staticTrees=null;var e=t.$options,i=t.$vnode=e._parentVnode,r=i&&i.context;t.$slots=ue(e._renderChildren,r),t.$scopedSlots=i?ge(t.$parent,i.data.scopedSlots,t.$slots):n,t._c=function(e,i,n,r){return zt(t,e,i,n,r,!1)},t.$createElement=function(e,i,n,r){return zt(t,e,i,n,r,!0)};var o=i&&i.data;Pt(t,"$attrs",o&&o.attrs||n,null,!0),Pt(t,"$listeners",e._parentListeners||n,null,!0)}(e),$e(e,"beforeCreate",void 0,!1),function(t){var e=Oi(t.$options.inject,t);e&&(Dt(!1),Object.keys(e).forEach((function(i){Pt(t,i,e[i])})),Dt(!0))}(e),vi(e),function(t){var e=t.$options.provide;if(e){var i=c(e)?e.call(t):e;if(!d(i))return;for(var n=function(t){var e=t._provided,i=t.$parent&&t.$parent._provided;return i===e?t._provided=Object.create(i):e}(t),r=dt?Reflect.ownKeys(i):Object.keys(i),o=0;o1?E(i):i;for(var n=E(arguments,1),r='event handler for "'.concat(t,'"'),o=0,a=i.length;oparseInt(this.max)&&Xi(e,i[0],i,this._vnode),this.vnodeToCache=null}}},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var t in this.cache)Xi(this.cache,t,this.keys)},mounted:function(){var t=this;this.cacheVNode(),this.$watch("include",(function(e){Zi(t,(function(t){return Ki(e,t)}))})),this.$watch("exclude",(function(e){Zi(t,(function(t){return!Ki(e,t)}))}))},updated:function(){this.cacheVNode()},render:function(){var t=this.$slots.default,e=Ce(t),i=e&&e.componentOptions;if(i){var n=zi(i),r=this.include,o=this.exclude;if(r&&(!n||!Ki(r,n))||o&&n&&Ki(o,n))return e;var a=this.cache,s=this.keys,l=null==e.key?i.Ctor.cid+(i.tag?"::".concat(i.tag):""):e.key;a[l]?(e.componentInstance=a[l].componentInstance,w(s,l),s.push(l)):(this.vnodeToCache=e,this.keyToCache=l),e.data.keepAlive=!0}return e||t&&t[0]}}};!function(t){var e={get:function(){return H}};Object.defineProperty(t,"config",e),t.util={warn:Ti,extend:P,mergeOptions:Bi,defineReactive:Pt},t.set=Tt,t.delete=It,t.nextTick=si,t.observable=function(t){return Et(t),t},t.options=Object.create(null),R.forEach((function(e){t.options[e+"s"]=Object.create(null)})),t.options._base=t,P(t.options.components,Qi),function(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var i=E(arguments,1);return i.unshift(this),c(t.install)?t.install.apply(t,i):c(t)&&t.apply(null,i),e.push(t),this}}(t),function(t){t.mixin=function(t){return this.options=Bi(this.options,t),this}}(t),function(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var i=this,n=i.cid,r=t._Ctor||(t._Ctor={});if(r[n])return r[n];var o=Di(t)||Di(i.options),a=function(t){this._init(t)};return(a.prototype=Object.create(i.prototype)).constructor=a,a.cid=e++,a.options=Bi(i.options,t),a.super=i,a.options.props&&function(t){var e=t.options.props;for(var i in e)hi(t.prototype,"_props",i)}(a),a.options.computed&&function(t){var e=t.options.computed;for(var i in e)_i(t.prototype,i,e[i])}(a),a.extend=i.extend,a.mixin=i.mixin,a.use=i.use,R.forEach((function(t){a[t]=i[t]})),o&&(a.options.components[o]=a),a.superOptions=i.options,a.extendOptions=t,a.sealedOptions=P({},a.options),r[n]=a,a}}(t),function(t){R.forEach((function(e){t[e]=function(t,i){return i?("component"===e&&p(i)&&(i.name=i.name||t,i=this.options._base.extend(i)),"directive"===e&&c(i)&&(i={bind:i,update:i}),this.options[e+"s"][t]=i,i):this.options[e+"s"][t]}}))}(t)}(Ui),Object.defineProperty(Ui.prototype,"$isServer",{get:at}),Object.defineProperty(Ui.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Ui,"FunctionalRenderContext",{value:xi}),Ui.version="2.7.16";var tn=_("style,class"),en=_("input,textarea,option,select,progress"),nn=function(t,e,i){return"value"===i&&en(t)&&"button"!==e||"selected"===i&&"option"===t||"checked"===i&&"input"===t||"muted"===i&&"video"===t},rn=_("contenteditable,draggable,spellcheck"),on=_("events,caret,typing,plaintext-only"),an=_("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,truespeed,typemustmatch,visible"),sn="http://www.w3.org/1999/xlink",ln=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},cn=function(t){return ln(t)?t.slice(6,t.length):""},dn=function(t){return null==t||!1===t};function un(t,e){return{staticClass:pn(t.staticClass,e.staticClass),class:a(t.class)?[t.class,e.class]:e.class}}function pn(t,e){return t?e?t+" "+e:t:e||""}function fn(t){return Array.isArray(t)?function(t){for(var e,i="",n=0,r=t.length;n-1?Fn(t,e,i):an(e)?dn(i)?t.removeAttribute(e):(i="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,i)):rn(e)?t.setAttribute(e,function(t,e){return dn(e)||"false"===e?"false":"contenteditable"===t&&on(e)?e:"true"}(e,i)):ln(e)?dn(i)?t.removeAttributeNS(sn,cn(e)):t.setAttributeNS(sn,e,i):Fn(t,e,i)}function Fn(t,e,i){if(dn(i))t.removeAttribute(e);else{if(X&&!Y&&"TEXTAREA"===t.tagName&&"placeholder"===e&&""!==i&&!t.__ieph){var n=function(e){e.stopImmediatePropagation(),t.removeEventListener("input",n)};t.addEventListener("input",n),t.__ieph=!0}t.setAttribute(e,i)}}var Bn={create:Nn,update:Nn};function Rn(t,e){var i=e.elm,n=e.data,r=t.data;if(!(o(n.staticClass)&&o(n.class)&&(o(r)||o(r.staticClass)&&o(r.class)))){var s=function(t){for(var e=t.data,i=t,n=t;a(n.componentInstance);)(n=n.componentInstance._vnode)&&n.data&&(e=un(n.data,e));for(;a(i=i.parent);)i&&i.data&&(e=un(e,i.data));return r=e.staticClass,o=e.class,a(r)||a(o)?pn(r,fn(o)):"";var r,o}(e),l=i._transitionClasses;a(l)&&(s=pn(s,fn(l))),s!==i._prevClass&&(i.setAttribute("class",s),i._prevClass=s)}}var Vn,Hn,Gn,qn,Jn,Un,zn={create:Rn,update:Rn},Kn=/[\w).+\-_$\]]/;function Zn(t){var e,i,n,r,o,a=!1,s=!1,l=!1,c=!1,d=0,u=0,p=0,f=0;for(n=0;n=0&&" "===(h=t.charAt(g));g--);h&&Kn.test(h)||(c=!0)}}else void 0===r?(f=n+1,r=t.slice(0,n).trim()):v();function v(){(o||(o=[])).push(t.slice(f,n).trim()),f=n+1}if(void 0===r?r=t.slice(0,n).trim():0!==f&&v(),o)for(n=0;n-1?{exp:t.slice(0,qn),key:'"'+t.slice(qn+1)+'"'}:{exp:t,key:null};for(Hn=t,qn=Jn=Un=0;!fr();)gr(Gn=pr())?vr(Gn):91===Gn&&hr(Gn);return{exp:t.slice(0,Jn),key:t.slice(Jn+1,Un)}}(t);return null===i.key?"".concat(t,"=").concat(e):"$set(".concat(i.exp,", ").concat(i.key,", ").concat(e,")")}function pr(){return Hn.charCodeAt(++qn)}function fr(){return qn>=Vn}function gr(t){return 34===t||39===t}function hr(t){var e=1;for(Jn=qn;!fr();)if(gr(t=pr()))vr(t);else if(91===t&&e++,93===t&&e--,0===e){Un=qn;break}}function vr(t){for(var e=t;!fr()&&(t=pr())!==e;);}var mr,_r="__r",br="__c";function yr(t,e,i){var n=mr;return function r(){null!==e.apply(null,arguments)&&Wr(t,r,i,n)}}var wr=Qe&&!(it&&Number(it[1])<=53);function Or(t,e,i,n){if(wr){var r=Ve,o=e;e=o._wrapper=function(t){if(t.target===t.currentTarget||t.timeStamp>=r||t.timeStamp<=0||t.target.ownerDocument!==document)return o.apply(this,arguments)}}mr.addEventListener(t,e,rt?{capture:i,passive:n}:i)}function Wr(t,e,i,n){(n||mr).removeEventListener(t,e._wrapper||e,i)}function Cr(t,e){if(!o(t.data.on)||!o(e.data.on)){var i=e.data.on||{},n=t.data.on||{};mr=e.elm||t.elm,function(t){if(a(t[_r])){var e=X?"change":"input";t[e]=[].concat(t[_r],t[e]||[]),delete t[_r]}a(t[br])&&(t.change=[].concat(t[br],t.change||[]),delete t[br])}(i),Vt(i,n,Or,Wr,yr,e.context),mr=void 0}}var xr,Ar={create:Cr,update:Cr,destroy:function(t){return Cr(t,An)}};function Sr(t,e){if(!o(t.data.domProps)||!o(e.data.domProps)){var i,n,r=e.elm,l=t.data.domProps||{},c=e.data.domProps||{};for(i in(a(c.__ob__)||s(c._v_attr_proxy))&&(c=e.data.domProps=P({},c)),l)i in c||(r[i]="");for(i in c){if(n=c[i],"textContent"===i||"innerHTML"===i){if(e.children&&(e.children.length=0),n===l[i])continue;1===r.childNodes.length&&r.removeChild(r.childNodes[0])}if("value"===i&&"PROGRESS"!==r.tagName){r._value=n;var d=o(n)?"":String(n);Dr(r,d)&&(r.value=d)}else if("innerHTML"===i&&vn(r.tagName)&&o(r.innerHTML)){(xr=xr||document.createElement("div")).innerHTML="".concat(n,"");for(var u=xr.firstChild;r.firstChild;)r.removeChild(r.firstChild);for(;u.firstChild;)r.appendChild(u.firstChild)}else if(n!==l[i])try{r[i]=n}catch(t){}}}}function Dr(t,e){return!t.composing&&("OPTION"===t.tagName||function(t,e){var i=!0;try{i=document.activeElement!==t}catch(t){}return i&&t.value!==e}(t,e)||function(t,e){var i=t.value,n=t._vModifiers;if(a(n)){if(n.number)return m(i)!==m(e);if(n.trim)return i.trim()!==e.trim()}return i!==e}(t,e))}var kr={create:Sr,update:Sr},jr=C((function(t){var e={},i=/:(.+)/;return t.split(/;(?![^(]*\))/g).forEach((function(t){if(t){var n=t.split(i);n.length>1&&(e[n[0].trim()]=n[1].trim())}})),e}));function Er(t){var e=Pr(t.style);return t.staticStyle?P(t.staticStyle,e):e}function Pr(t){return Array.isArray(t)?T(t):"string"==typeof t?jr(t):t}var Tr,Ir=/^--/,$r=/\s*!important$/,Lr=function(t,e,i){if(Ir.test(e))t.style.setProperty(e,i);else if($r.test(i))t.style.setProperty(k(e),i.replace($r,""),"important");else{var n=Mr(e);if(Array.isArray(i))for(var r=0,o=i.length;r-1?e.split(Rr).forEach((function(e){return t.classList.add(e)})):t.classList.add(e);else{var i=" ".concat(t.getAttribute("class")||""," ");i.indexOf(" "+e+" ")<0&&t.setAttribute("class",(i+e).trim())}}function Hr(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(Rr).forEach((function(e){return t.classList.remove(e)})):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var i=" ".concat(t.getAttribute("class")||""," "),n=" "+e+" ";i.indexOf(n)>=0;)i=i.replace(n," ");(i=i.trim())?t.setAttribute("class",i):t.removeAttribute("class")}}function Gr(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&P(e,qr(t.name||"v")),P(e,t),e}return"string"==typeof t?qr(t):void 0}}var qr=C((function(t){return{enterClass:"".concat(t,"-enter"),enterToClass:"".concat(t,"-enter-to"),enterActiveClass:"".concat(t,"-enter-active"),leaveClass:"".concat(t,"-leave"),leaveToClass:"".concat(t,"-leave-to"),leaveActiveClass:"".concat(t,"-leave-active")}})),Jr=K&&!Y,Ur="transition",zr="animation",Kr="transition",Zr="transitionend",Xr="animation",Yr="animationend";Jr&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(Kr="WebkitTransition",Zr="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(Xr="WebkitAnimation",Yr="webkitAnimationEnd"));var Qr=K?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(t){return t()};function to(t){Qr((function(){Qr(t)}))}function eo(t,e){var i=t._transitionClasses||(t._transitionClasses=[]);i.indexOf(e)<0&&(i.push(e),Vr(t,e))}function io(t,e){t._transitionClasses&&w(t._transitionClasses,e),Hr(t,e)}function no(t,e,i){var n=oo(t,e),r=n.type,o=n.timeout,a=n.propCount;if(!r)return i();var s=r===Ur?Zr:Yr,l=0,c=function(){t.removeEventListener(s,d),i()},d=function(e){e.target===t&&++l>=a&&c()};setTimeout((function(){l0&&(i=Ur,d=a,u=o.length):e===zr?c>0&&(i=zr,d=c,u=l.length):u=(i=(d=Math.max(a,c))>0?a>c?Ur:zr:null)?i===Ur?o.length:l.length:0,{type:i,timeout:d,propCount:u,hasTransform:i===Ur&&ro.test(n[Kr+"Property"])}}function ao(t,e){for(;t.length1}function fo(t,e){!0!==e.data.show&&lo(e)}var go=function(t){var e,i,n={},c=t.modules,d=t.nodeOps;for(e=0;eg?y(t,o(i[m+1])?null:i[m+1].elm,i,f,m,n):f>m&&O(e,u,g)}(u,h,m,i,c):a(m)?(a(t.text)&&d.setTextContent(u,""),y(u,null,m,0,m.length-1,i)):a(h)?O(h,0,h.length-1):a(t.text)&&d.setTextContent(u,""):t.text!==e.text&&d.setTextContent(u,e.text),a(g)&&a(f=g.hook)&&a(f=f.postpatch)&&f(t,e)}}}function A(t,e,i){if(s(i)&&a(t.parent))t.parent.data.pendingInsert=e;else for(var n=0;n-1,a.selected!==o&&(a.selected=o);else if(N(bo(a),n))return void(t.selectedIndex!==s&&(t.selectedIndex=s));r||(t.selectedIndex=-1)}}function _o(t,e){return e.every((function(e){return!N(e,t)}))}function bo(t){return"_value"in t?t._value:t.value}function yo(t){t.target.composing=!0}function wo(t){t.target.composing&&(t.target.composing=!1,Oo(t.target,"input"))}function Oo(t,e){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0),t.dispatchEvent(i)}function Wo(t){return!t.componentInstance||t.data&&t.data.transition?t:Wo(t.componentInstance._vnode)}var Co={model:ho,show:{bind:function(t,e,i){var n=e.value,r=(i=Wo(i)).data&&i.data.transition,o=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;n&&r?(i.data.show=!0,lo(i,(function(){t.style.display=o}))):t.style.display=n?o:"none"},update:function(t,e,i){var n=e.value;!n!=!e.oldValue&&((i=Wo(i)).data&&i.data.transition?(i.data.show=!0,n?lo(i,(function(){t.style.display=t.__vOriginalDisplay})):co(i,(function(){t.style.display="none"}))):t.style.display=n?t.__vOriginalDisplay:"none")},unbind:function(t,e,i,n,r){r||(t.style.display=t.__vOriginalDisplay)}}},xo={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Ao(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?Ao(Ce(e.children)):t}function So(t){var e={},i=t.$options;for(var n in i.propsData)e[n]=t[n];var r=i._parentListeners;for(var n in r)e[A(n)]=r[n];return e}function Do(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}var ko=function(t){return t.tag||fe(t)},jo=function(t){return"show"===t.name},Eo={name:"transition",props:xo,abstract:!0,render:function(t){var e=this,i=this.$slots.default;if(i&&(i=i.filter(ko)).length){var n=this.mode,r=i[0];if(function(t){for(;t=t.parent;)if(t.data.transition)return!0}(this.$vnode))return r;var o=Ao(r);if(!o)return r;if(this._leaving)return Do(t,r);var a="__transition-".concat(this._uid,"-");o.key=null==o.key?o.isComment?a+"comment":a+o.tag:l(o.key)?0===String(o.key).indexOf(a)?o.key:a+o.key:o.key;var s=(o.data||(o.data={})).transition=So(this),c=this._vnode,d=Ao(c);if(o.data.directives&&o.data.directives.some(jo)&&(o.data.show=!0),d&&d.data&&!function(t,e){return e.key===t.key&&e.tag===t.tag}(o,d)&&!fe(d)&&(!d.componentInstance||!d.componentInstance._vnode.isComment)){var u=d.data.transition=P({},s);if("out-in"===n)return this._leaving=!0,Ht(u,"afterLeave",(function(){e._leaving=!1,e.$forceUpdate()})),Do(t,r);if("in-out"===n){if(fe(o))return c;var p,f=function(){p()};Ht(s,"afterEnter",f),Ht(s,"enterCancelled",f),Ht(u,"delayLeave",(function(t){p=t}))}}return r}}},Po=P({tag:String,moveClass:String},xo);function To(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function Io(t){t.data.newPos=t.elm.getBoundingClientRect()}function $o(t){var e=t.data.pos,i=t.data.newPos,n=e.left-i.left,r=e.top-i.top;if(n||r){t.data.moved=!0;var o=t.elm.style;o.transform=o.WebkitTransform="translate(".concat(n,"px,").concat(r,"px)"),o.transitionDuration="0s"}}delete Po.mode;var Lo={Transition:Eo,TransitionGroup:{props:Po,beforeMount:function(){var t=this,e=this._update;this._update=function(i,n){var r=Ee(t);t.__patch__(t._vnode,t.kept,!1,!0),t._vnode=t.kept,r(),e.call(t,i,n)}},render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",i=Object.create(null),n=this.prevChildren=this.children,r=this.$slots.default||[],o=this.children=[],a=So(this),s=0;s-1?bn[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:bn[t]=/HTMLUnknownElement/.test(e.toString())},P(Ui.options.directives,Co),P(Ui.options.components,Lo),Ui.prototype.__patch__=K?go:I,Ui.prototype.$mount=function(t,e){return function(t,e,i){var n;t.$el=e,t.$options.render||(t.$options.render=gt),$e(t,"beforeMount"),n=function(){t._update(t._render(),i)},new fi(t,n,I,{before:function(){t._isMounted&&!t._isDestroyed&&$e(t,"beforeUpdate")}},!0),i=!1;var r=t._preWatchers;if(r)for(var o=0;o\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,Uo=/^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+?\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,zo="[a-zA-Z_][\\-\\.0-9_a-zA-Z".concat(G.source,"]*"),Ko="((?:".concat(zo,"\\:)?").concat(zo,")"),Zo=new RegExp("^<".concat(Ko)),Xo=/^\s*(\/?)>/,Yo=new RegExp("^<\\/".concat(Ko,"[^>]*>")),Qo=/^]+>/i,ta=/^",""":'"',"&":"&"," ":"\n"," ":"\t","'":"'"},oa=/&(?:lt|gt|quot|amp|#39);/g,aa=/&(?:lt|gt|quot|amp|#39|#10|#9);/g,sa=_("pre,textarea",!0),la=function(t,e){return t&&sa(t)&&"\n"===e[0]};function ca(t,e){var i=e?aa:oa;return t.replace(i,(function(t){return ra[t]}))}var da,ua,pa,fa,ga,ha,va,ma,_a=/^@|^v-on:/,ba=/^v-|^@|^:|^#/,ya=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,wa=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Oa=/^\(|\)$/g,Wa=/^\[.*\]$/,Ca=/:(.*)$/,xa=/^:|^\.|^v-bind:/,Aa=/\.[^.\]]+(?=[^\]]*$)/g,Sa=/^v-slot(:|$)|^#/,Da=/[\r\n]/,ka=/[ \f\t\r\n]+/g,ja=C((function(t){return(No=No||document.createElement("div")).innerHTML=t,No.textContent})),Ea="_empty_";function Pa(t,e,i){return{type:1,tag:t,attrsList:e,attrsMap:Fa(e),rawAttrsMap:{},parent:i,children:[]}}function Ta(t,e){da=e.warn||Yn,ha=e.isPreTag||$,va=e.mustUseProp||$,ma=e.getTagNamespace||$;e.isReservedTag;pa=Qn(e.modules,"transformNode"),fa=Qn(e.modules,"preTransformNode"),ga=Qn(e.modules,"postTransformNode"),ua=e.delimiters;var i,n,r=[],o=!1!==e.preserveWhitespace,a=e.whitespace,s=!1,l=!1;function c(t){if(d(t),s||t.processed||(t=Ia(t,e)),r.length||t===i||i.if&&(t.elseif||t.else)&&La(i,{exp:t.elseif,block:t}),n&&!t.forbidden)if(t.elseif||t.else)a=t,c=function(t){for(var e=t.length;e--;){if(1===t[e].type)return t[e];t.pop()}}(n.children),c&&c.if&&La(c,{exp:a.elseif,block:a});else{if(t.slotScope){var o=t.slotTarget||'"default"';(n.scopedSlots||(n.scopedSlots={}))[o]=t}n.children.push(t),t.parent=n}var a,c;t.children=t.children.filter((function(t){return!t.slotScope})),d(t),t.pre&&(s=!1),ha(t.tag)&&(l=!1);for(var u=0;u]*>)","i"));O=t.replace(f,(function(t,i,n){return c=n.length,ia(p)||"noscript"===p||(i=i.replace(//g,"$1").replace(//g,"$1")),la(p,i)&&(i=i.slice(1)),e.chars&&e.chars(i),""})),l+=t.length-O.length,t=O,u(p,l-c,l)}else{var g=t.indexOf("<");if(0===g){if(ta.test(t)){var h=t.indexOf("--\x3e");if(h>=0)return e.shouldKeepComment&&e.comment&&e.comment(t.substring(4,h),l,l+h+3),d(h+3),"continue"}if(ea.test(t)){var v=t.indexOf("]>");if(v>=0)return d(v+2),"continue"}var m=t.match(Qo);if(m)return d(m[0].length),"continue";var _=t.match(Yo);if(_){var b=l;return d(_[0].length),u(_[1],b,l),"continue"}var y=function(){var e=t.match(Zo);if(e){var i={tagName:e[1],attrs:[],start:l};d(e[0].length);for(var n=void 0,r=void 0;!(n=t.match(Xo))&&(r=t.match(Uo)||t.match(Jo));)r.start=l,d(r[0].length),r.end=l,i.attrs.push(r);if(n)return i.unarySlash=n[1],d(n[0].length),i.end=l,i}}();if(y)return function(t){var i=t.tagName,l=t.unarySlash;o&&("p"===n&&qo(i)&&u(n),s(i)&&n===i&&u(i));for(var c=a(i)||!!l,d=t.attrs.length,p=new Array(d),f=0;f=0){for(O=t.slice(g);!(Yo.test(O)||Zo.test(O)||ta.test(O)||ea.test(O)||(W=O.indexOf("<",1))<0);)g+=W,O=t.slice(g);w=t.substring(0,g)}g<0&&(w=t),w&&d(w.length),e.chars&&w&&e.chars(w,l-w.length,l)}if(t===i)return e.chars&&e.chars(t),"break"};t&&"break"!==c(););function d(e){l+=e,t=t.substring(e)}function u(t,i,o){var a,s;if(null==i&&(i=l),null==o&&(o=l),t)for(s=t.toLowerCase(),a=r.length-1;a>=0&&r[a].lowerCasedTag!==s;a--);else a=0;if(a>=0){for(var c=r.length-1;c>=a;c--)e.end&&e.end(r[c].tag,i,o);r.length=a,n=a&&r[a-1].tag}else"br"===s?e.start&&e.start(t,[],!0,i,o):"p"===s&&(e.start&&e.start(t,[],!1,i,o),e.end&&e.end(t,i,o))}u()}(t,{warn:da,expectHTML:e.expectHTML,isUnaryTag:e.isUnaryTag,canBeLeftOpenTag:e.canBeLeftOpenTag,shouldDecodeNewlines:e.shouldDecodeNewlines,shouldDecodeNewlinesForHref:e.shouldDecodeNewlinesForHref,shouldKeepComment:e.comments,outputSourceRange:e.outputSourceRange,start:function(t,o,a,d,u){var p=n&&n.ns||ma(t);X&&"svg"===p&&(o=function(t){for(var e=[],i=0;il&&(s.push(o=t.slice(l,r)),a.push(JSON.stringify(o)));var c=Zn(n[1].trim());a.push("_s(".concat(c,")")),s.push({"@binding":c}),l=r+n[0].length}return l-1")+("true"===o?":(".concat(e,")"):":_q(".concat(e,",").concat(o,")"))),or(t,"change","var $$a=".concat(e,",")+"$$el=$event.target,"+"$$c=$$el.checked?(".concat(o,"):(").concat(a,");")+"if(Array.isArray($$a)){"+"var $$v=".concat(n?"_n("+r+")":r,",")+"$$i=_i($$a,$$v);"+"if($$el.checked){$$i<0&&(".concat(ur(e,"$$a.concat([$$v])"),")}")+"else{$$i>-1&&(".concat(ur(e,"$$a.slice(0,$$i).concat($$a.slice($$i+1))"),")}")+"}else{".concat(ur(e,"$$c"),"}"),null,!0)}(t,n,r);else if("input"===o&&"radio"===a)!function(t,e,i){var n=i&&i.number,r=ar(t,"value")||"null";r=n?"_n(".concat(r,")"):r,tr(t,"checked","_q(".concat(e,",").concat(r,")")),or(t,"change",ur(e,r),null,!0)}(t,n,r);else if("input"===o||"textarea"===o)!function(t,e,i){var n=t.attrsMap.type,r=i||{},o=r.lazy,a=r.number,s=r.trim,l=!o&&"range"!==n,c=o?"change":"range"===n?_r:"input",d="$event.target.value";s&&(d="$event.target.value.trim()"),a&&(d="_n(".concat(d,")"));var u=ur(e,d);l&&(u="if($event.target.composing)return;".concat(u)),tr(t,"value","(".concat(e,")")),or(t,c,u,null,!0),(s||a)&&or(t,"blur","$forceUpdate()")}(t,n,r);else if(!H.isReservedTag(o))return dr(t,n,r),!1;return!0},text:function(t,e){e.value&&tr(t,"textContent","_s(".concat(e.value,")"),e)},html:function(t,e){e.value&&tr(t,"innerHTML","_s(".concat(e.value,")"),e)}},isPreTag:function(t){return"pre"===t},isUnaryTag:Ho,mustUseProp:nn,canBeLeftOpenTag:Go,isReservedTag:mn,getTagNamespace:_n,staticKeys:function(t){return t.reduce((function(t,e){return t.concat(e.staticKeys||[])}),[]).join(",")}(qa)},Ua=C((function(t){return _("type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap"+(t?","+t:""))}));function za(t,e){t&&(Ha=Ua(e.staticKeys||""),Ga=e.isReservedTag||$,Ka(t),Za(t,!1))}function Ka(t){if(t.static=function(t){return 2!==t.type&&(3===t.type||!(!t.pre&&(t.hasBindings||t.if||t.for||b(t.tag)||!Ga(t.tag)||function(t){for(;t.parent;){if("template"!==(t=t.parent).tag)return!1;if(t.for)return!0}return!1}(t)||!Object.keys(t).every(Ha))))}(t),1===t.type){if(!Ga(t.tag)&&"slot"!==t.tag&&null==t.attrsMap["inline-template"])return;for(var e=0,i=t.children.length;e|^function(?:\s+[\w$]+)?\s*\(/,Ya=/\([^)]*?\);*$/,Qa=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,ts={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},es={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},is=function(t){return"if(".concat(t,")return null;")},ns={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:is("$event.target !== $event.currentTarget"),ctrl:is("!$event.ctrlKey"),shift:is("!$event.shiftKey"),alt:is("!$event.altKey"),meta:is("!$event.metaKey"),left:is("'button' in $event && $event.button !== 0"),middle:is("'button' in $event && $event.button !== 1"),right:is("'button' in $event && $event.button !== 2")};function rs(t,e){var i=e?"nativeOn:":"on:",n="",r="";for(var o in t){var a=os(t[o]);t[o]&&t[o].dynamic?r+="".concat(o,",").concat(a,","):n+='"'.concat(o,'":').concat(a,",")}return n="{".concat(n.slice(0,-1),"}"),r?i+"_d(".concat(n,",[").concat(r.slice(0,-1),"])"):i+n}function os(t){if(!t)return"function(){}";if(Array.isArray(t))return"[".concat(t.map((function(t){return os(t)})).join(","),"]");var e=Qa.test(t.value),i=Xa.test(t.value),n=Qa.test(t.value.replace(Ya,""));if(t.modifiers){var r="",o="",a=[],s=function(e){if(ns[e])o+=ns[e],ts[e]&&a.push(e);else if("exact"===e){var i=t.modifiers;o+=is(["ctrl","shift","alt","meta"].filter((function(t){return!i[t]})).map((function(t){return"$event.".concat(t,"Key")})).join("||"))}else a.push(e)};for(var l in t.modifiers)s(l);a.length&&(r+=function(t){return"if(!$event.type.indexOf('key')&&"+"".concat(t.map(as).join("&&"),")return null;")}(a)),o&&(r+=o);var c=e?"return ".concat(t.value,".apply(null, arguments)"):i?"return (".concat(t.value,").apply(null, arguments)"):n?"return ".concat(t.value):t.value;return"function($event){".concat(r).concat(c,"}")}return e||i?t.value:"function($event){".concat(n?"return ".concat(t.value):t.value,"}")}function as(t){var e=parseInt(t,10);if(e)return"$event.keyCode!==".concat(e);var i=ts[t],n=es[t];return"_k($event.keyCode,"+"".concat(JSON.stringify(t),",")+"".concat(JSON.stringify(i),",")+"$event.key,"+"".concat(JSON.stringify(n))+")"}var ss={on:function(t,e){t.wrapListeners=function(t){return"_g(".concat(t,",").concat(e.value,")")}},bind:function(t,e){t.wrapData=function(i){return"_b(".concat(i,",'").concat(t.tag,"',").concat(e.value,",").concat(e.modifiers&&e.modifiers.prop?"true":"false").concat(e.modifiers&&e.modifiers.sync?",true":"",")")}},cloak:I},ls=function(t){this.options=t,this.warn=t.warn||Yn,this.transforms=Qn(t.modules,"transformCode"),this.dataGenFns=Qn(t.modules,"genData"),this.directives=P(P({},ss),t.directives);var e=t.isReservedTag||$;this.maybeComponent=function(t){return!!t.component||!e(t.tag)},this.onceId=0,this.staticRenderFns=[],this.pre=!1};function cs(t,e){var i=new ls(e),n=t?"script"===t.tag?"null":ds(t,i):'_c("div")';return{render:"with(this){return ".concat(n,"}"),staticRenderFns:i.staticRenderFns}}function ds(t,e){if(t.parent&&(t.pre=t.pre||t.parent.pre),t.staticRoot&&!t.staticProcessed)return us(t,e);if(t.once&&!t.onceProcessed)return ps(t,e);if(t.for&&!t.forProcessed)return hs(t,e);if(t.if&&!t.ifProcessed)return fs(t,e);if("template"!==t.tag||t.slotTarget||e.pre){if("slot"===t.tag)return function(t,e){var i=t.slotName||'"default"',n=bs(t,e),r="_t(".concat(i).concat(n?",function(){return ".concat(n,"}"):""),o=t.attrs||t.dynamicAttrs?Os((t.attrs||[]).concat(t.dynamicAttrs||[]).map((function(t){return{name:A(t.name),value:t.value,dynamic:t.dynamic}}))):null,a=t.attrsMap["v-bind"];return!o&&!a||n||(r+=",null"),o&&(r+=",".concat(o)),a&&(r+="".concat(o?"":",null",",").concat(a)),r+")"}(t,e);var i=void 0;if(t.component)i=function(t,e,i){var n=e.inlineTemplate?null:bs(e,i,!0);return"_c(".concat(t,",").concat(vs(e,i)).concat(n?",".concat(n):"",")")}(t.component,t,e);else{var n=void 0,r=e.maybeComponent(t);(!t.plain||t.pre&&r)&&(n=vs(t,e));var o=void 0,a=e.options.bindings;r&&a&&!1!==a.__isScriptSetup&&(o=function(t,e){var i=A(e),n=S(i),r=function(r){return t[e]===r?e:t[i]===r?i:t[n]===r?n:void 0},o=r("setup-const")||r("setup-reactive-const");if(o)return o;var a=r("setup-let")||r("setup-ref")||r("setup-maybe-ref");return a||void 0}(a,t.tag)),o||(o="'".concat(t.tag,"'"));var s=t.inlineTemplate?null:bs(t,e,!0);i="_c(".concat(o).concat(n?",".concat(n):"").concat(s?",".concat(s):"",")")}for(var l=0;l>>0}(a)):"",")")}(t,t.scopedSlots,e),",")),t.model&&(i+="model:{value:".concat(t.model.value,",callback:").concat(t.model.callback,",expression:").concat(t.model.expression,"},")),t.inlineTemplate){var o=function(t,e){var i=t.children[0];if(i&&1===i.type){var n=cs(i,e.options);return"inlineTemplate:{render:function(){".concat(n.render,"},staticRenderFns:[").concat(n.staticRenderFns.map((function(t){return"function(){".concat(t,"}")})).join(","),"]}")}}(t,e);o&&(i+="".concat(o,","))}return i=i.replace(/,$/,"")+"}",t.dynamicAttrs&&(i="_b(".concat(i,',"').concat(t.tag,'",').concat(Os(t.dynamicAttrs),")")),t.wrapData&&(i=t.wrapData(i)),t.wrapListeners&&(i=t.wrapListeners(i)),i}function ms(t){return 1===t.type&&("slot"===t.tag||t.children.some(ms))}function _s(t,e){var i=t.attrsMap["slot-scope"];if(t.if&&!t.ifProcessed&&!i)return fs(t,e,_s,"null");if(t.for&&!t.forProcessed)return hs(t,e,_s);var n=t.slotScope===Ea?"":String(t.slotScope),r="function(".concat(n,"){")+"return ".concat("template"===t.tag?t.if&&i?"(".concat(t.if,")?").concat(bs(t,e)||"undefined",":undefined"):bs(t,e)||"undefined":ds(t,e),"}"),o=n?"":",proxy:true";return"{key:".concat(t.slotTarget||'"default"',",fn:").concat(r).concat(o,"}")}function bs(t,e,i,n,r){var o=t.children;if(o.length){var a=o[0];if(1===o.length&&a.for&&"template"!==a.tag&&"slot"!==a.tag){var s=i?e.maybeComponent(a)?",1":",0":"";return"".concat((n||ds)(a,e)).concat(s)}var l=i?function(t,e){for(var i=0,n=0;n':'
',Ss.innerHTML.indexOf(" ")>0}var Es=!!K&&js(!1),Ps=!!K&&js(!0),Ts=C((function(t){var e=wn(t);return e&&e.innerHTML})),Is=Ui.prototype.$mount;Ui.prototype.$mount=function(t,e){if((t=t&&wn(t))===document.body||t===document.documentElement)return this;var i=this.$options;if(!i.render){var n=i.template;if(n)if("string"==typeof n)"#"===n.charAt(0)&&(n=Ts(n));else{if(!n.nodeType)return this;n=n.innerHTML}else t&&(n=function(t){if(t.outerHTML)return t.outerHTML;var e=document.createElement("div");return e.appendChild(t.cloneNode(!0)),e.innerHTML}(t));if(n){var r=ks(n,{outputSourceRange:!1,shouldDecodeNewlines:Es,shouldDecodeNewlinesForHref:Ps,delimiters:i.delimiters,comments:i.comments},this),o=r.render,a=r.staticRenderFns;i.render=o,i.staticRenderFns=a}}return Is.call(this,t,e)},Ui.compile=ks},3019:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return a}});var n=i(4467),r=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group",class:t.formGroupClass},[e("div",{staticClass:"atbdp-row"},[e("div",{staticClass:"atbdp-col atbdp-col-4"},[t.label.length?e("label",{class:{"atbdp-label-icon-wrapper":t.icon.length}},[t.icon.length?e("div",{staticClass:"atbdp-label-icon",domProps:{innerHTML:t._s(t.icon)}}):t._e(),t._v(" "),e(t.labelType,{tag:"component",domProps:{innerHTML:t._s(t.label)}})],1):t._e(),t._v(" "),t.description.length?e("p",{staticClass:"cptm-form-group-info",domProps:{innerHTML:t._s(t.description)}}):t._e()]),t._v(" "),e("div",{staticClass:"atbdp-col atbdp-col-8"},[e("div",{staticClass:"directorist_dropdown",class:(0,n.A)({},"--open",t.show_option_modal)},[e("a",{staticClass:"directorist_dropdown-toggle",attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.toggleTheOptionModal()}}},[e("span",{staticClass:"directorist_dropdown-toggle__text"},[t._v(t._s(t.theCurrentOptionLabel))])]),t._v(" "),t.theOptions?e("div",{staticClass:"directorist_dropdown-option",class:(0,n.A)({},"--show",t.show_option_modal)},[e("ul",[t.showDefaultOption&&t.theDefaultOption?e("li",[e("a",{attrs:{href:"#"},domProps:{innerHTML:t._s(t.theDefaultOption.label?t.theDefaultOption.label:"")},on:{click:function(e){return e.preventDefault(),t.updateOption(t.theDefaultOption.value)}}})]):t._e(),t._v(" "),t._l(t.theOptions,(function(i,n){return e("li",{key:n},[e("a",{class:{active:i.value==t.value},attrs:{href:"#"},domProps:{innerHTML:t._s(i.label?i.label:"")},on:{click:function(e){return e.preventDefault(),t.updateOption(i.value)}}})])}))],2)]):t._e()]),t._v(" "),e("select",{staticClass:"cptm-d-none",domProps:{value:t.value},on:{change:function(e){return t.update_value(e.target.value)}}},[t.showDefaultOption&&t.theDefaultOption?e("option",{domProps:{value:t.theDefaultOption.value}},[t._v("\n "+t._s(t.theDefaultOption.label)+"\n ")]):t._e(),t._v(" "),t._l(t.theOptions,(function(i,n){return e("option",{key:n,domProps:{value:i.value}},[t._v("\n "+t._s(i.label)+"\n ")])}))],2),t._v(" "),e("form-field-validatior",{attrs:{"section-id":t.sectionId,"field-id":t.fieldId,root:t.root,value:t.value,rules:t.rules},on:{validate:function(e){return t.$emit("validate",e)}},model:{value:t.validationLog,callback:function(e){t.validationLog=e},expression:"validationLog"}})],1)])])};r._withStripped=!0;var o={name:"select-field-theme-butterfly",mixins:[i(8491).A],mounted:function(){}},a=(0,i(4486).A)(o,r,[],!1,null,null,null).exports},3057:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group"},[e("div",{staticClass:"atbdp-row"},[e("div",{staticClass:"atbdp-col atbdp-col-4"},[t.label.length?e("label",[e(t.labelType,{tag:"component"},[t._v(t._s(t.label))])],1):t._e(),t._v(" "),t.description.length?e("p",{staticClass:"cptm-form-group-info",domProps:{innerHTML:t._s(t.description)}}):t._e()]),t._v(" "),e("div",{staticClass:"atbdp-col atbdp-col-8"},[e("input",{staticClass:"cptm-d-none",attrs:{type:"file",accept:".json",id:t.fieldId},on:{input:t.importJSON}}),t._v(" "),e("label",{staticClass:"cptm-btn cptm-label-btn cptm-btn-secondery",attrs:{for:t.fieldId}},[e("span",{staticClass:"fas fa-upload"}),t._v("\n "+t._s(t.buttonLabel)+"\n ")]),t._v(" "),t.validation_message?e("div",{staticClass:"cptm-form-group-feedback"},[e("div",{staticClass:"cptm-form-alert",class:"cptm-"+t.validation_message.type},[t._v("\n "+t._s(t.validation_message.message)+"\n ")])]):t._e()])])])};n._withStripped=!0;var r={name:"import-field-theme-butterfly",mixins:[i(8390).A]},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},3145:function(t,e,i){"use strict";function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}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,s=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){s=!0,o=t},f:function(){try{a||null==i.return||i.return()}finally{if(s)throw o}}}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i'}},data:function(){return{shortcodes_list:[],successMsg:"",dirty:!1}},methods:{generateShortcode:function(){if(this.shortcodes_list=[],"string"==typeof this.shortcodes)return this.dirty=!0,void this.shortcodes_list.push(this.shortcodes);if(Array.isArray(this.shortcodes)){var t,e=s(this.shortcodes);try{for(e.s();!(t=e.n()).done;){var i=t.value;if("string"!=typeof i){if("object"===(0,n.A)(i)){if(!i.shortcode)continue;var r=i.shortcode;if(i.mapAtts&&(r=this.applyAttsMapping(i)),"string"==typeof r){this.shortcodes_list.push(r);continue}Array.isArray(r)&&(this.shortcodes_list=this.shortcodes_list.concat(r))}}else this.shortcodes_list.push(i)}}catch(t){e.e(t)}finally{e.f()}}this.dirty=!0},applyAttsMapping:function(t){if(!t.shortcode)return"";if(!t.mapAtts)return t.shortcode;var e,i=t.shortcode,n=s(t.mapAtts);try{for(n.s();!(e=n.n()).done;){var r=e.value;r.map?i=this.applyMap(r,i):r.mapAll&&(i=this.applyMapAll(r,i))}}catch(t){n.e(t)}finally{n.f()}return i},applyMap:function(t,e){var i=e,n=this.getTergetFields({root:this.root,path:t.map});if(!n)return e;if(t.where&&!Array.isArray(t.where)){var r=i,o=n[t.where.key];return t.where.applyFilter&&(o=this.applyFilters(o,t.where.applyFilter)),t.where.mapTo&&(r=r.replace(t.where.mapTo,o)),r}if(t.where&&Array.isArray(t.where)){var a,l=i,c=s(t.where);try{for(c.s();!(a=c.n()).done;){var d=a.value,u=n[d.key];"string"==typeof u&&(d.applyFilter&&(u=this.applyFilters(u,d.applyFilter)),d.mapTo&&(l=l.replace(d.mapTo,u)))}}catch(t){c.e(t)}finally{c.f()}return l}},applyMapAll:function(t,e){var i=[],n=this.getTergetFields({root:this.root,path:t.mapAll});if(!n)return e;if(Array.isArray(!n))return e;var r,o=s(n);try{for(o.s();!(r=o.n()).done;){var a=r.value;if(!t.where||Array.isArray(t.where)){if(t.where&&Array.isArray(t.where)){var l,c=e,d=s(t.where);try{for(d.s();!(l=d.n()).done;){var u=l.value,p=a[u.key];u.applyFilter&&(p=this.applyFilters(p,u.applyFilter)),u.mapTo&&(c=c.replace(u.mapTo,p))}}catch(t){d.e(t)}finally{d.f()}i.push(c)}}else{var f=e,g=a[t.where.key];t.where.applyFilter&&(g=this.applyFilters(g,t.where.applyFilter)),t.where.mapTo&&(f=f.replace(t.where.mapTo,g)),i.push(f)}}}catch(t){o.e(t)}finally{o.f()}return i},applyFilters:function(t,e){if(!e)return t;var i,n=t,r=s(e);try{for(r.s();!(i=r.n()).done;){var o=i.value;"function"==typeof this[o.type]&&(n=this[o.type](n,o))}}catch(t){r.e(t)}finally{r.f()}return n},replace:function(t,e){if(!e.find&&!e.find_regex)return t;if(!e.replace&&!e.replace_from)return t;var i="",n="";if(e.find&&(n=e.find),e.find_regex&&(n=new RegExp(e.find_regex,"g")),e.replace&&"string"==typeof e.replace&&(i=e.replace),e.replace_from&&"string"==typeof e.replace_from&&(i=this.getTergetFields({root:this.root,path:e.replace_from})),e.look_for){var r=new RegExp(e.look_for,"g"),o=r.exec(t);if(!o)return t;Array.isArray(o)&&(o=o[0]),o=o.replace(n,i),t=t.replace(r,o)}else t=t.replace(n,i);return t},lowercase:function(t,e){if(!e.find&&!e.find_regex)return t.toLowerCase();var i="";if(e.find&&(i=e.find),e.find_regex&&(i=new RegExp(e.find_regex,"g")),!i)return t.toLowerCase();var n=i.exec(t);return n?(Array.isArray(n)&&(n=n[0]),n=n.toLowerCase(),t=t.replace(i,n)):t},copyToClip:function(t,e){var i=t?this.$refs[t]:null;if(i="number"==typeof e?this.$refs[t][e]:i)if(document.selection)document.getSelection().removeAllRanges(),(n=document.body.createTextRange()).moveToElementText(i),n.select().createTextRange(),document.execCommand("copy"),this.successMsg="Copied",setTimeout(this.clearSuccessMessage,2e3);else if(window.getSelection){var n;(n=document.createRange()).selectNode(i),window.getSelection().removeAllRanges(),window.getSelection().addRange(n),document.execCommand("copy"),this.successMsg="Copied",setTimeout(this.clearSuccessMessage,2e3)}},clearSuccessMessage:function(){this.successMsg=""},generate:function(){this.hasShortcode=!0}}}},3363:function(t,e,i){"use strict";var n=i(2284),r=i(4467),o=i(5478);function a(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function s(t){for(var e=1;e-1:t.local_value},on:{change:function(e){var i=t.local_value,n=e.target,r=!!n.checked;if(Array.isArray(i)){var o=t._i(i,null);n.checked?o<0&&(t.local_value=i.concat([null])):o>-1&&(t.local_value=i.slice(0,o).concat(i.slice(o+1)))}else t.local_value=r}}})]),t._v(" "),e("div",{staticClass:"directorist_item"},[t.compLinkIsEnable?e("a",{staticClass:"cptm-btn cptm-btn-outline directorist_btn-start",class:t.compLinkClass,attrs:{href:t.link,target:t.comp.link.target}},[t._v("\n "+t._s(t.comp.link.label)+"\n ")]):t._e()])]),t._v(" "),e("form-field-validatior",{attrs:{"section-id":t.sectionId,"field-id":t.fieldId,root:t.root,value:t.value,rules:t.rules},on:{validate:function(e){return t.$emit("validate",e)}},model:{value:t.validationLog,callback:function(e){t.validationLog=e},expression:"validationLog"}})],1)]),t._v(" "),e("confirmation-modal",t._b({on:{cancel:function(e){return t.confirmationOnCancel()}}},"confirmation-modal",t.confirmation,!1))],1)};n._withStripped=!0;var r={name:"toggle-field-theme-butterfly",mixins:[i(3363).A]},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},3664:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group"},[e("div",{staticClass:"atbdp-row"},[e("div",{staticClass:"atbdp-col atbdp-col-4"},[t.label.length?e("label",[e(t.labelType,{tag:"component"},[t._v(t._s(t.label))])],1):t._e(),t._v(" "),t.description.length?e("p",{staticClass:"cptm-form-group-info",domProps:{innerHTML:t._s(t.description)}}):t._e()]),t._v(" "),e("div",{staticClass:"atbdp-col atbdp-col-8"},[e("button",{staticClass:"cptm-btn cptm-btn-secondery",attrs:{type:"button"},on:{click:function(e){return t.exportJSON()}}},[e("span",{staticClass:"fas fa-download"}),t._v("\n "+t._s(t.buttonLabel)+"\n ")])]),t._v(" "),t.validation_message?e("div",{staticClass:"cptm-form-group-feedback"},[e("div",{staticClass:"cptm-form-alert",class:"cptm-"+t.validation_message.type},[t._v("\n "+t._s(t.validation_message.message)+"\n ")])]):t._e()])])};n._withStripped=!0;var r={name:"export-field-theme-butterfly",mixins:[i(1705).A]},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},3675:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return"div"===t.listType?e("div",{staticClass:"directorist-draggable-list-item",class:t.itemClassName,style:t.listItemStyle,attrs:{draggable:t.canDrag},on:{dragstart:t.dragStart,dragend:t.dragEnd}},[e("div",{staticClass:"directorist-draggable-list-item-slot",style:t.slotStyle},[t._t("default")],2)]):e("li",{staticClass:"directorist-draggable-list-item",class:t.itemClassName,style:t.listItemStyle,attrs:{draggable:"canDrag"},on:{dragstart:t.dragStart,dragend:t.dragEnd}},[e("div",{staticClass:"directorist-draggable-list-item-slot",style:t.slotStyle},[t._t("default")],2)])};n._withStripped=!0;var r={name:"draggable-list-item",props:{canDrag:{default:!0},dragType:{default:"move"},itemClassName:{default:""},listType:{default:"div"}},computed:{listItemStyle:function(){var t={cursor:this.canDrag?"move":""};return this.dragging&&"move"===this.dragType&&(t.height="0",t.padding="0",t.overflow="hidden"),this.dragging&&"clone"===this.dragType&&(t.border="2px dashed gray"),t},slotStyle:function(){return{opacity:this.dragging?0:1}}},data:function(){return{dragging:!1}},methods:{dragStart:function(){var t=this;setTimeout((function(){t.dragging=!0,t.$emit("drag-start")}),0)},dragEnd:function(){this.dragging=!1,this.$emit("drag-end")}}},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},3695:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return a}});var n=function(){var t=this,e=t._self._c;return t.canShow?e(t.getTheTheme("color-field"),t._b({tag:"component",attrs:{canChange:t.canChange},on:{"do-action":function(e){return t.$emit("do-action",e)},update:function(e){return t.$emit("update",e)}}},"component",t.$props,!1)):t._e()};n._withStripped=!0;var r=i(5718),o={name:"color-field",mixins:[i(5478).A,r.A]},a=(0,i(4486).A)(o,n,[],!1,null,null,null).exports},3706:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return c}});var n=function(){var t=this,e=t._self._c;return t.validationMessages?e("div",{staticClass:"cptm-form-group-feedback"},t._l(Object.values(t.validationMessages),(function(i,n){return e("div",{key:n,staticClass:"cptm-form-alert",class:"cptm-"+(i.type?i.type:""),domProps:{innerHTML:t._s(i.message?i.message:"")}})})),0):t._e()};n._withStripped=!0;var r=i(2284),o=i(4467);function a(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function s(t){for(var e=1;e=1){console.log("@",{counter:e,maxAertRange:1});break}t[i]=this.validation_state.log[i],e++}return t}}),data:function(){return{validation_state:{hasError:!1,inputErrorClasses:(0,o.A)({},"cpt-has-error",!1),log:{}}}},methods:{notifyValidationState:function(){this.$emit("validate",this.validation_state)},validate:function(){if(this.rules){var t={},e=0;for(var i in this.rules)switch(i){case"required":var n=this.checkRequired(this.value,this.rules[i]);n.valid||(t.required=n.log,e++);break;case"min":var r=this.checkMin(this.value,this.rules[i]);r.valid||(t.min=r.log,e++);break;case"max":var a=this.checkMax(this.value,this.rules[i]);a.valid||(t.max=a.log,e++);break;case"minLength":var s=this.checkMinLength(this.value,this.rules[i]);s.valid||(t.min=s.log,e++);break;case"maxLength":var l=this.checkMaxLength(this.value,this.rules[i]);l.valid||(t.max=l.log,e++);break;case"unique":var c=this.checkUnique(this.value,this.rules[i]);c.valid||(t.max=c.log,e++)}var d={hasError:e>0,log:t};d.hasError&&(d.inputErrorClasses=(0,o.A)({},"cpt-has-error",!0)),this.validation_state=d,this.notifyValidationState()}else this.notifyValidationState()},checkRequired:function(t,e){var i={valid:!0};return e&&this.isEmpty(t)?(i.valid=!1,i.log={type:"error",message:"The field is required"},i):i},checkMin:function(t,e){var i={valid:!0};if(this.isEmpty(t))return i;var n=Number(t);return Number.isNaN(n)?(i.valid=!1,i.log={type:"error",message:"The field must be number"},i):ne?(i.valid=!1,i.log={type:"error",message:"The field must be maximum of "+e},i):i},checkMinLength:function(t,e){var i={valid:!0};return this.isEmpty(t)||Number.isNaN(t.length)?i:t.lengthe?(i.valid=!1,i.log={type:"error",message:"The field must be maximum of "+e},i):i},checkUnique:function(t,e){var i={valid:!0};if(!e)return i;if(!this.fieldId)return i;if(this.isEmpty(t))return i;var n=this.fields;for(var o in this.root&&"object"===(0,r.A)(this.root)&&(n=this.root),n){var a=!!this.sectionId.length,s=!!this.fieldId.length;if((!a||this.sectionId!==o)&&(a||!s||this.fieldId!==o)){if(!a||"object"!==(0,r.A)(n[o])){if("object"===(0,r.A)(n[o])){if("string"==typeof n[o]&&t==n[o])return i.valid=!1,i.log={type:"error",message:"The field must be unique"},i;if(void 0!==n[o].value&&t==n[o].value)return i.valid=!1,i.log={type:"error",message:"The field must be unique"},i}return i}if(n[o][this.fieldId]==t)return i.valid=!1,i.log={type:"error",message:"The field must be unique"},i}}return i},isEmpty:function(t){return"string"==typeof t&&!t.length||"number"==typeof t&&!t.toString().length||!t}}},c=(0,i(4486).A)(l,n,[],!1,null,null,null).exports},3738:function(t){function e(i){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(i)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports},3740:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group"},[e("label",[t._v(t._s(t.label))]),t._v(" "),e("input",{attrs:{type:"file"},on:{change:function(e){return t.$emit("update",e.target.files)}}})])};n._withStripped=!0;var r={name:"image-field",mixins:[i(5478).A],model:{prop:"value",event:"input"}},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},3751:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group",class:t.formGroupClass},[t.label.length?e("label",[e(t.labelType,{tag:"component"},[t._v(t._s(t.label))])],1):t._e(),t._v(" "),t.description.length?e("p",{staticClass:"cptm-form-group-info",domProps:{innerHTML:t._s(t.description)}}):t._e(),t._v(" "),t.editor?e("div",{staticClass:"cptm-form-control",attrs:{id:t.editorID}}):e("textarea",{directives:[{name:"model",rawName:"v-model",value:t.local_value,expression:"local_value"}],staticClass:"cptm-form-control",attrs:{name:"",cols:t.cols,rows:t.rows,placeholder:t.placeholder},domProps:{value:t.local_value},on:{input:function(e){e.target.composing||(t.local_value=e.target.value)}}}),t._v(" "),e("form-field-validatior",{attrs:{"section-id":t.sectionId,"field-id":t.fieldId,root:t.root,value:t.local_value,rules:t.rules},on:{validate:function(e){return t.$emit("validate",e)}},model:{value:t.validationLog,callback:function(e){t.validationLog=e},expression:"validationLog"}})],1)};n._withStripped=!0;var r={name:"textarea-field-theme-default",mixins:[i(2745).A],props:{editor:{required:!1,default:""},editorID:{required:!1,default:""},fieldId:{required:!1,default:""},value:{required:!1,default:""}},data:function(){return{local_value:this.value,editorInstance:null}},watch:{value:function(t){t!==this.local_value&&(this.local_value=t)},local_value:function(t){this.$emit("input",t)}},mounted:function(){this.initializeEditor()},beforeDestroy:function(){this.destroyEditor()},methods:{initializeEditor:function(){var t=this;if(this.editor&&this.editorID&&!this.editorInstance){var e=this.editorID,i=this.local_value;tinymce.init({selector:"#".concat(e),plugins:"link",toolbar:"undo redo | formatselect | bold italic | link",menubar:!1,branding:!1,init_instance_callback:function(e){e.setContent(i),e.on("Change KeyUp",(function(){t.local_value=e.getContent()}))}}),this.editorInstance=tinymce.get(e)}},destroyEditor:function(){this.editorInstance&&this.editorInstance.destroy()}},updated:function(){this.editorInstance=null,this.initializeEditor()}},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},3864:function(t){"use strict";t.exports=function(t){return!(!t||!t.__CANCEL__)}},3893:function(t,e,i){"use strict";function n(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}i.d(e,{A:function(){return n}})},3912:function(t,e,i){var n=i(1074),r=i(9698),o=i(2054);t.exports=function(t){return r(t)?o(t):n(t)}},3948:function(t,e,i){"use strict";var n=i(9516);t.exports=n.isStandardBrowserEnv()?{write:function(t,e,i,r,o,a){var s=[];s.push(t+"="+encodeURIComponent(e)),n.isNumber(i)&&s.push("expires="+new Date(i).toGMTString()),n.isString(r)&&s.push("path="+r),n.isString(o)&&s.push("domain="+o),!0===a&&s.push("secure"),document.cookie=s.join("; ")},read:function(t){var e=document.cookie.match(new RegExp("(^|;\\s*)("+t+")=([^;]*)"));return e?decodeURIComponent(e[3]):null},remove:function(t){this.write(t,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},4018:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-widget-card-wrap cptm-widget-card-inline-wrap cptm-widget-badge-card-wrap"},[e("div",{staticClass:"cptm-widget-card cptm-widget-badge cptm-has-widget-control cptm-widget-actions-tools-wrap"},[t._v("\n "+t._s(t.label)+"\n \n "),e("widget-action-tools",{attrs:{canEdit:t.canEdit,canMove:t.canMove,canTrash:t.canTrash},on:{drag:function(e){return t.dragStart()},dragend:function(e){return t.dragEnd()},edit:function(e){return t.$emit("edit")},trash:function(e){return t.$emit("trash")}}})],1),t._v(" "),e("span",{staticClass:"cptm-widget-card-drop-append",class:t.dropAppendClass,on:{dragover:function(t){t.preventDefault()},dragenter:function(e){return t.handleDragEnter()},dragleave:function(e){return t.handleDragLeave()},drop:function(e){return t.handleDrop()}}})])};n._withStripped=!0;var r={name:"badge-card-widget",props:{label:{type:String},options:{type:Object},widgetDropable:{type:Boolean,default:!1},canMove:{type:Boolean,default:!0},canEdit:{type:Boolean,default:!0},canTrash:{type:Boolean,default:!0}},computed:{dropAppendClass:function(){return{dropable:!this.dragging&&(this.drop_append_dropable||this.widgetDropable),"drag-enter":this.drop_append_drag_enter}}},data:function(){return{drop_append_dropable:!1,drop_append_drag_enter:!1,dragging:!1}},methods:{dragStart:function(){this.dragging=!0,this.$emit("drag")},dragEnd:function(){this.dragging=!1,this.$emit("dragend")},handleDragEnter:function(){this.$emit("dragenter"),this.drop_append_drag_enter=!0},handleDragLeave:function(){this.$emit("dragleave"),this.drop_append_drag_enter=!1},handleDrop:function(){this.$emit("drop"),this.dragging=!1,this.drop_append_dropable=!1,this.drop_append_drag_enter=!1}}},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},4045:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return c}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-form-group",class:t.formGroupClass},[!t.hidden&&t.label.length?e("label",{attrs:{for:t.name}},[t._v(t._s(t.label))]):t._e(),t._v(" "),e("input",{staticClass:"cptm-form-control",attrs:{type:t.hidden?"hidden":"text",placeholder:t.placeholder},domProps:{value:t.theValue},on:{input:function(e){return t.updateValue(e.target.value)}}}),t._v(" "),!t.hidden&&t.hasError?e("div",{staticClass:"cptm-form-group-feedback"},t._l(t.validationMessages,(function(i,n){return e("div",{key:n,staticClass:"cptm-form-alert",class:"cptm-"+i.type},[t._v("\n "+t._s(i.message)+"\n ")])})),0):t._e()])};n._withStripped=!0;var r=i(4467),o=i(5353);function a(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function s(t){for(var e=1;e-1:t.local_value},on:{change:function(e){var i=t.local_value,n=e.target,r=!!n.checked;if(Array.isArray(i)){var o=t._i(i,null);n.checked?o<0&&(t.local_value=i.concat([null])):o>-1&&(t.local_value=i.slice(0,o).concat(i.slice(o+1)))}else t.local_value=r}}})]),t._v(" "),e("div",{staticClass:"directorist_item"},[t.compLinkIsEnable?e("a",{staticClass:"cptm-btn cptm-btn-outline directorist_btn-start",class:t.compLinkClass,attrs:{href:t.comp.link.url,target:t.comp.link.target},domProps:{innerHTML:t._s(t.comp.link.label)}}):t._e()])]),t._v(" "),t.description.length?e("p",{staticClass:"cptm-form-group-info",domProps:{innerHTML:t._s(t.description)}}):t._e()]),t._v(" "),e("confirmation-modal",t._b({on:{cancel:function(e){return t.confirmationOnCancel()}}},"confirmation-modal",t.confirmation,!1)),t._v(" "),e("form-field-validatior",{attrs:{"section-id":t.sectionId,"field-id":t.fieldId,root:t.root,value:t.value,rules:t.rules},on:{validate:function(e){return t.$emit("validate",e)}},model:{value:t.validationLog,callback:function(e){t.validationLog=e},expression:"validationLog"}})],1)};n._withStripped=!0;var r={name:"toggle-field-theme-default",mixins:[i(3363).A]},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},4181:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return s}});var n=function(){var t=this,e=t._self._c;return t.option_fields?e("div",{staticClass:"cptm-fields"},t._l(Object.keys(t.option_fields),(function(i,n){return e("div",{key:n,class:t.fieldWrapperClass(i,t.option_fields[i])},[e(t.option_fields[i].type+"-field",t._b({key:n,ref:i,refInFor:!0,tag:"component",attrs:{root:t.option_fields,"field-id":i},on:{update:function(e){return t.updateOptionFieldValue(i,e)},validate:function(e){return t.updateOptionFieldValidationState(i,e)},"is-visible":function(e){return t.updateOptionFieldData(i,"isVisible",e)},"do-action":function(e){return t.doAction(e,"sub-fields")}}},"component",t.option_fields[i],!1))],1)})),0):t._e()};n._withStripped=!0;var r=i(4467),o=i(2893),a={name:"sub-fields-module",mixins:[i(1642).A],props:{fieldId:{required:!1,default:""},optionFields:{required:!1}},created:function(){this.optionFields&&(this.option_fields=this.optionFields)},watch:{option_fields:function(){var t=this.getOptionFieldsValue();this.$emit("update",t)}},data:function(){return{option_fields:null}},methods:{updateOptionFieldValue:function(t,e){o.Ay.set(this.option_fields[t],"value",e),this.sync()},updateOptionFieldValidationState:function(t,e){o.Ay.set(this.option_fields[t],"validationState",e)},updateOptionFieldData:function(t,e,i){o.Ay.set(this.option_fields[t],e,i)},sync:function(){var t=this.getOptionFieldsValue();this.$emit("update",t)},getOptionFieldsValue:function(){if(!this.option_fields)return"";var t={};for(var e in this.option_fields)t[e]=this.option_fields[e].value;return t},fieldWrapperClass:function(t,e){var i=e&&e.type?"cptm-field-wraper-type-"+e.type:"cptm-field-wraper",n="cptm-field-wraper-key_"+this.fieldId+"_"+t;return(0,r.A)((0,r.A)({},i,!0),n,!0)}}},s=(0,i(4486).A)(a,n,[],!1,null,null,null).exports},4198:function(t){"use strict";t.exports=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"}]}')},4202:function(t,e,i){"use strict";var n=i(9516);t.exports=n.isStandardBrowserEnv()?function(){var t,e=/(msie|trident)/i.test(navigator.userAgent),i=document.createElement("a");function r(t){var n=t;return e&&(i.setAttribute("href",n),n=i.href),i.setAttribute("href",n),{href:i.href,protocol:i.protocol?i.protocol.replace(/:$/,""):"",host:i.host,search:i.search?i.search.replace(/^\?/,""):"",hash:i.hash?i.hash.replace(/^#/,""):"",hostname:i.hostname,port:i.port,pathname:"/"===i.pathname.charAt(0)?i.pathname:"/"+i.pathname}}return t=r(window.location.href),function(e){var i=n.isString(e)?r(e):e;return i.protocol===t.protocol&&i.host===t.host}}():function(){return!0}},4234:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this;return(0,t._self._c)("text-field",t._b({on:{update:function(e){return t.$emit("update",e)},"do-action":function(e){return t.$emit("do-action",e)}}},"text-field",t.$props,!1))};n._withStripped=!0;var r={name:"hidden-field",mixins:[i(5478).A],model:{prop:"value",event:"input"}},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},4242:function(t,e,i){"use strict";var n=i(4467),r=i(5134),o=i.n(r),a=i(5478);function s(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function l(t){for(var e=1;e=0;--r){var o=this.tryEntries[r],a=o[4],s=this.prev,l=o[1],c=o[2];if(-1===o[0])return n("end"),!1;if(!l&&!c)throw Error("try statement without catch or finally");if(null!=o[0]&&o[0]<=s){if(s=0;--i){var n=this.tryEntries[i];if(n[0]>-1&&n[0]<=this.prev&&this.prev=0;--e){var i=this.tryEntries[e];if(i[2]===t)return this.complete(i[4],i[3]),A(i),g}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var i=this.tryEntries[e];if(i[0]===t){var n=i[4];if("throw"===n.type){var r=n.arg;A(i)}return r}}throw Error("illegal catch attempt")},delegateYield:function(t,i,n){return this.delegate={i:D(t),r:i,n:n},"next"===this.method&&(this.arg=e),g}},i}t.exports=r,t.exports.__esModule=!0,t.exports.default=t.exports},4647:function(t,e,i){var n=i(4552)({"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","IJ":"IJ","ij":"ij","Œ":"Oe","œ":"oe","ʼn":"'n","ſ":"s"});t.exports=n},4665:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return a}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-option-card",class:t.mainWrapperClass},[e("div",{staticClass:"cptm-option-card-header"},[e("div",{staticClass:"cptm-option-card-header-title-section"},[e("h3",{staticClass:"cptm-option-card-header-title"},[t._v(t._s(t.title))]),t._v(" "),e("div",{staticClass:"cptm-header-action-area"},[e("a",{staticClass:"cptm-header-action-link cptm-header-action-close",attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.$emit("close")}}},[e("span",{staticClass:"fa fa-times"})])])])]),t._v(" "),e("div",{staticClass:"cptm-option-card-body"},[t.local_fields?t._l(t.local_fields,(function(i,n){return e(i.type+"-field",t._b({key:n,tag:"component",on:{update:function(e){return t.updateFieldData(e,n)}}},"component",i,!1))})):t._e()],2),t._v(" "),t.bottomAchhor?e("span",{staticClass:"cptm-anchor-down"}):t._e()])};n._withStripped=!0;var r=i(4467),o={name:"options-window",model:{prop:"fields",event:"update"},props:{id:{type:[String,Number],default:""},title:{type:String,default:"Edit"},fields:{type:Object},active:{type:Boolean,default:!1},animation:{type:String,default:"cptm-animation-slide-up"},bottomAchhor:{type:Boolean,default:!1}},created:function(){this.init()},watch:{fields:function(){this.fields&&(this.local_fields=this.fields,this.$emit("update",this.local_fields))}},computed:{mainWrapperClass:function(){return(0,r.A)({active:this.active},this.animation,!0)}},data:function(){return{local_fields:null}},methods:{init:function(){this.fields&&(this.local_fields=this.fields)},updateFieldData:function(t,e){this.local_fields[e].value=t,this.$emit("update",this.local_fields)}}},a=(0,i(4486).A)(o,n,[],!1,null,null,null).exports},4680:function(t){"use strict";t.exports=function(t,e){return e?t.replace(/\/+$/,"")+"/"+e.replace(/^\/+/,""):t}},4699:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return o}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-widget-card-wrap cptm-widget-card-inline-wrap cptm-widget-badge-card-wrap"},[e("div",{staticClass:"cptm-widget-card cptm-widget-badge cptm-has-widget-control cptm-widget-actions-tools-wrap"},[t._v("\n "+t._s(t.label)+"\n \n "),e("widget-action-tools",{attrs:{canEdit:t.canEdit,canMove:t.canMove,canTrash:t.canTrash},on:{drag:function(e){return t.dragStart()},dragend:function(e){return t.dragEnd()},edit:function(e){return t.$emit("edit")},trash:function(e){return t.$emit("trash")}}})],1),t._v(" "),e("span",{staticClass:"cptm-widget-card-drop-append",class:t.dropAppendClass,on:{dragover:function(t){t.preventDefault()},dragenter:function(e){return t.handleDragEnter()},dragleave:function(e){return t.handleDragLeave()},drop:function(e){return t.handleDrop()}}})])};n._withStripped=!0;var r={name:"excerpt-card-widget",props:{label:{type:String},options:{type:Object},widgetDropable:{type:Boolean,default:!1},canMove:{type:Boolean,default:!0},canEdit:{type:Boolean,default:!0},canTrash:{type:Boolean,default:!0}},computed:{dropAppendClass:function(){return{dropable:!this.dragging&&(this.drop_append_dropable||this.widgetDropable),"drag-enter":this.drop_append_drag_enter}}},data:function(){return{drop_append_dropable:!1,drop_append_drag_enter:!1,dragging:!1}},methods:{dragStart:function(){this.dragging=!0,this.$emit("drag")},dragEnd:function(){this.dragging=!1,this.$emit("dragend")},handleDragEnter:function(){this.$emit("dragenter"),this.drop_append_drag_enter=!0},handleDragLeave:function(){this.$emit("dragleave"),this.drop_append_drag_enter=!1},handleDrop:function(){this.$emit("drop"),this.dragging=!1,this.drop_append_dropable=!1,this.drop_append_drag_enter=!1}}},o=(0,i(4486).A)(r,n,[],!1,null,null,null).exports},4756:function(t,e,i){var n=i(4633)();t.exports=n;try{regeneratorRuntime=n}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=n:Function("r","regeneratorRuntime = r")(n)}},4782:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return f}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-builder-section"},[t.widgetOptionsWindowActiveStatus?e("div",{staticClass:"cptm-options-area"},[e("options-window",t._b({attrs:{active:t.widgetOptionsWindowActiveStatus},on:{update:function(e){return t.updateWidgetOptionsData(e,t.widgetOptionsWindow)},close:function(e){return t.closeWidgetOptionsWindow()}}},"options-window",t.widgetOptionsWindow,!1))],1):t._e(),t._v(" "),e("div",{staticClass:"cptm-preview-area"},[e("div",{staticClass:"cptm-card-preview-widget grid-view-without-thumbnail"},[e("div",{staticClass:"cptm-listing-card-preview-body"},[e("div",{staticClass:"cptm-card-placeholder-row cptm-no-wrap"},[e("div",{staticClass:"cptm-card-placeholder-col cptm-placeholder-top-right-col cptm-card-light"},[e("card-widget-placeholder",{attrs:{id:"body_avatar",containerClass:"cptm-listing-card-author-avatar-placeholder cptm-card-light cptm-mb-20 cptm-text-center",label:t.local_layout.body.avatar.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.body.avatar.acceptedWidgets,selectedWidgets:t.local_layout.body.avatar.selectedWidgets,maxWidget:t.local_layout.body.avatar.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("body_avatar"),widgetDropable:t.widgetIsDropable(t.local_layout.body.avatar)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.body.avatar)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.body.avatar)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.body.avatar)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.body.avatar)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.body.avatar)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("body_avatar")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}})],1),t._v(" "),e("div",{staticClass:"cptm-card-placeholder-col cptm-placeholder-title-col"},[e("card-widget-placeholder",{attrs:{id:"body_title",containerClass:"cptm-listing-card-preview-title-placeholder cptm-card-light cptm-mb-20",label:t.local_layout.body.title.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.body.title.acceptedWidgets,selectedWidgets:t.local_layout.body.title.selectedWidgets,maxWidget:t.local_layout.body.title.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("body_title"),widgetDropable:t.widgetIsDropable(t.local_layout.body.title)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.body.title)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.body.title)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.body.title)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.body.title)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.body.title)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("body_title")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}})],1),t._v(" "),e("div",{staticClass:"cptm-card-placeholder-col cptm-placeholder-action-col"},[e("card-widget-placeholder",{attrs:{id:"body_quick_actions",containerClass:"cptm-listing-card-preview-title-placeholder cptm-card-light cptm-mb-20 cptm-text-right",label:t.local_layout.body.quick_actions.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.body.quick_actions.acceptedWidgets,selectedWidgets:t.local_layout.body.quick_actions.selectedWidgets,maxWidget:t.local_layout.body.quick_actions.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("body_quick_actions"),widgetDropable:t.widgetIsDropable(t.local_layout.body.quick_actions)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.body.quick_actions)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.body.quick_actions)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.body.quick_actions)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.body.quick_actions)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.body.quick_actions)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("body_quick_actions")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}})],1)]),t._v(" "),e("card-widget-placeholder",{attrs:{id:"thumbnail_quick_info",containerClass:"cptm-listing-card-preview-title-placeholder cptm-card-light cptm-mb-20",label:t.local_layout.body.quick_info.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.body.quick_info.acceptedWidgets,selectedWidgets:t.local_layout.body.quick_info.selectedWidgets,maxWidget:t.local_layout.body.quick_info.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("thumbnail_quick_info"),widgetDropable:t.widgetIsDropable(t.local_layout.body.quick_info)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.body.quick_info)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.body.quick_info)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.body.quick_info)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.body.quick_info)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.body.quick_info)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("thumbnail_quick_info")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}}),t._v(" "),e("card-widget-placeholder",{attrs:{id:"thumbnail_body_bottom",containerClass:"cptm-listing-card-preview-body-placeholder cptm-card-light",label:t.local_layout.body.bottom.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.body.bottom.acceptedWidgets,selectedWidgets:t.local_layout.body.bottom.selectedWidgets,maxWidget:t.local_layout.body.bottom.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("thumbnail_body_bottom"),widgetDropable:t.widgetIsDropable(t.local_layout.body.bottom)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.body.bottom)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.body.bottom)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.body.bottom)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.body.bottom)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.body.bottom)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("thumbnail_body_bottom")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}}),t._v(" "),e("br"),t._v(" "),t.placeholderIsActive(t.local_layout.body.excerpt)?e("card-widget-placeholder",{attrs:{id:"body_excerpt",containerClass:"cptm-listing-card-preview-body-excerpt-placeholder cptm-card-light",label:t.local_layout.body.excerpt.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.body.excerpt.acceptedWidgets,selectedWidgets:t.local_layout.body.excerpt.selectedWidgets,maxWidget:t.local_layout.body.excerpt.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("body_excerpr"),widgetDropable:t.widgetIsDropable(t.local_layout.body.excerpt)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.body.excerpt)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.body.excerpt)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.body.excerpt)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.body.excerpt)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.body.excerpt)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("body_excerpr")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}}):t._e()],1),t._v(" "),e("div",{staticClass:"cptm-listing-card-preview-footer"},[e("card-widget-placeholder",{attrs:{id:"thumbnail_footer_left",containerClass:"cptm-listing-card-preview-footer-left-placeholder cptm-card-light",label:t.local_layout.footer.left.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.footer.left.acceptedWidgets,selectedWidgets:t.local_layout.footer.left.selectedWidgets,maxWidget:t.local_layout.footer.left.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("thumbnail_footer_left"),widgetDropable:t.widgetIsDropable(t.local_layout.footer.left)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.footer.left)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.footer.left)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.footer.left)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.footer.left)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.footer.left)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("thumbnail_footer_left")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}}),t._v(" "),e("card-widget-placeholder",{attrs:{id:"thumbnail_footer_right",containerClass:"cptm-listing-card-preview-footer-right-placeholder cptm-card-light",label:t.local_layout.footer.right.label,availableWidgets:t.theAvailableWidgets,activeWidgets:t.active_widgets,acceptedWidgets:t.local_layout.footer.right.acceptedWidgets,selectedWidgets:t.local_layout.footer.right.selectedWidgets,maxWidget:t.local_layout.footer.right.maxWidget,showWidgetsPickerWindow:t.getActiveInsertWindowStatus("thumbnail_footer_right"),widgetDropable:t.widgetIsDropable(t.local_layout.footer.right)},on:{"insert-widget":function(e){return t.insertWidget(e,t.local_layout.footer.right)},"drag-widget":function(e){return t.onDragStartWidget(e,t.local_layout.footer.right)},"drop-widget":function(e){return t.appendWidget(e,t.local_layout.footer.right)},"dragend-widget":function(e){return t.onDragEndWidget()},"edit-widget":function(e){return t.editWidget(e)},"trash-widget":function(e){return t.trashWidget(e,t.local_layout.footer.right)},"placeholder-on-drop":function(e){return t.handleDropOnPlaceholder(t.local_layout.footer.right)},"open-widgets-picker-window":function(e){return t.activeInsertWindow("thumbnail_footer_right")},"close-widgets-picker-window":function(e){return t.closeInsertWindow()}}})],1)])])])};n._withStripped=!0;var r=i(4467),o=i(2284),a=i(2893),s=i(1642);function l(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function c(t){for(var e=1;e=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}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,s=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return a=t.done,t},e:function(t){s=!0,o=t},f:function(){try{a||null==i.return||i.return()}finally{if(s)throw o}}}}function u(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i=t.maxWidget},widgetIsAccepted:function(t,e){return!t.acceptedWidgets||!this.isTruthyObject(t.acceptedWidgets)||!!t.acceptedWidgets.includes(this.theAvailableWidgets[e].widget_name)},widgetIsDropable:function(t){return!(!this._currentDraggingWidget.key.length||!this.isTruthyObject(this._currentDraggingWidget.origin)||!t.selectedWidgets.includes(this._currentDraggingWidget.key)&&(this.maxWidgetLimitIsReached(t)||!this.widgetIsAccepted(t,this._currentDraggingWidget.key)))},appendWidget:function(t,e){var i=this.currentDraggingWidget.key,n=this.currentDraggingWidget.origin.selectedWidgets,r=n.indexOf(i),o=e.selectedWidgets.indexOf(t)+1;e.selectedWidgets.includes(i)&&0===r&&o--,a.Ay.delete(n,n.indexOf(i)),e.selectedWidgets.splice(o,0,this.currentDraggingWidget.key),this.onDragEndWidget()},handleDropOnPlaceholder:function(t){var e=this.currentDraggingWidget.key,i=this.currentDraggingWidget.origin.selectedWidgets,n=t.selectedWidgets;this.isTruthyObject(i)&&this.isTruthyObject(n)&&(this.maxWidgetLimitIsReached(t)||this.widgetIsAccepted(t,e)&&(n.includes(e)||(a.Ay.delete(i,i.indexOf(e)),a.Ay.set(n,n.length,e)),this.onDragEndWidget()))},handleDragEnterOnPlaceholder:function(t){},handleDragOverOnPlaceholder:function(t){},handleDragleaveOnPlaceholder:function(t){},editWidget:function(t){if(void 0!==this.active_widgets[t]&&(this.active_widgets[t].options||"object"===(0,o.A)(this.active_widgets[t].options))){var e=this.active_widgets[t].options;this.widgetOptionsWindow=c(c({},this.widgetOptionsWindowDefault),e),this.widgetOptionsWindow.widget=t}},updateWidgetOptionsData:function(t,e){},closeWidgetOptionsWindow:function(){this.widgetOptionsWindow=this.widgetOptionsWindowDefault},trashWidget:function(t,e){if(e.selectedWidgets.includes(t)){var i=e.selectedWidgets.indexOf(t);a.Ay.delete(e.selectedWidgets,i),void 0!==this.active_widgets[t]&&(a.Ay.delete(this.active_widgets,t),t===this.widgetOptionsWindow.widget&&this.closeWidgetOptionsWindow())}},activeInsertWindow:function(t){this.active_insert_widget_key!==t?this.active_insert_widget_key=t:this.active_insert_widget_key=""},insertWidget:function(t,e){this.isTruthyObject(this.theAvailableWidgets[t.key])&&(a.Ay.set(this.active_widgets,t.key,c({},this.theAvailableWidgets[t.key])),a.Ay.set(e,"selectedWidgets",t.selected_widgets))},closeInsertWindow:function(t){this.active_insert_widget_key=""},getActiveInsertWindowStatus:function(t){return t===this.active_insert_widget_key},placeholderIsActive:function(t){return!this.isObject(t.show_if)||this.checkShowIfCondition({condition:t.show_if}).status}}},f=(0,i(4486).A)(p,n,[],!1,null,null,null).exports},4792:function(t,e,i){var n=i(3222),r=i(5808);t.exports=function(t){return r(n(t).toLowerCase())}},4836:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return a}});var n=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-widget-card-wrap cptm-widget-card-block-wrap cptm-widget-badge-card-wrap"},[e("div",{staticClass:"cptm-widget-card cptm-list-item-card cptm-has-widget-control cptm-widget-actions-tools-wrap"},[e("div",{staticClass:"cptm-list-item"},[e("span",{staticClass:"cptm-list-item-icon"},[e("span",{class:t.listIcon})]),t._v(" "),e("span",{staticClass:"cptm-list-item-label"},[t._v(t._s(t.label))])]),t._v(" "),e("widget-action-tools",{attrs:{canEdit:t.canEdit,canMove:t.canMove,canTrash:t.canTrash},on:{drag:function(e){return t.dragStart()},dragend:function(e){return t.dragEnd()},edit:function(e){return t.$emit("edit")},trash:function(e){return t.$emit("trash")}}})],1),t._v(" "),e("span",{staticClass:"cptm-widget-card-drop-append",class:t.dropAppendClass,on:{dragover:function(t){t.preventDefault()},dragenter:function(e){return t.handleDragEnter()},dragleave:function(e){return t.handleDragLeave()},drop:function(e){return t.handleDrop()}}})])};n._withStripped=!0;var r=i(2284),o={name:"list-item-card-widget",props:{label:{type:String},icon:{type:String,default:""},options:{type:Object},widgetDropable:{type:Boolean,default:!1},canMove:{type:Boolean,default:!0},canEdit:{type:Boolean,default:!0},canTrash:{type:Boolean,default:!0}},computed:{dropAppendClass:function(){return{dropable:!this.dragging&&(this.drop_append_dropable||this.widgetDropable),"drag-enter":this.drop_append_drag_enter}},listIcon:function(){return!this.options&&"object"!==(0,r.A)(this.options)||!this.options.fields&&"object"!==(0,r.A)(this.options.fields)||!this.options.fields.icon&&"object"!==(0,r.A)(this.options.fields.icon)||"string"!=typeof this.options.fields.icon.value&&!this.options.fields.icon.value.length?this.icon:this.options.fields.icon.value}},data:function(){return{drop_append_dropable:!1,drop_append_drag_enter:!1,dragging:!1}},methods:{dragStart:function(){this.dragging=!0,this.$emit("drag")},dragEnd:function(){this.dragging=!1,this.$emit("dragend")},handleDragEnter:function(){this.$emit("dragenter"),this.drop_append_drag_enter=!0},handleDragLeave:function(){this.$emit("dragleave"),this.drop_append_drag_enter=!1},handleDrop:function(){this.$emit("drop"),this.dragging=!1,this.drop_append_dropable=!1,this.drop_append_drag_enter=!1}}},a=(0,i(4486).A)(o,n,[],!1,null,null,null).exports},4840:function(t,e,i){var n="object"==typeof i.g&&i.g&&i.g.Object===Object&&i.g;t.exports=n},4841:function(t,e,i){"use strict";var n=i(4198),r={};["object","boolean","number","function","string","symbol"].forEach((function(t,e){r[t]=function(i){return typeof i===t||"a"+(e<1?"n ":" ")+t}}));var o={},a=n.version.split(".");function s(t,e){for(var i=e?e.split("."):a,n=t.split("."),r=0;r<3;r++){if(i[r]>n[r])return!0;if(i[r]0;){var o=n[r],a=e[o];if(a){var s=t[o],l=void 0===s||a(s,o,t);if(!0!==l)throw new TypeError("option "+o+" must be "+l)}else if(!0!==i)throw Error("Unknown option "+o)}},validators:r}},4849:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return a}});var n=function(){var t=this,e=t._self._c;return t.canShow?e(t.getTheTheme("text-field"),t._b({tag:"component",attrs:{canChange:t.canChange},on:{enter:function(e){return t.$emit("enter",e)},blur:function(e){return t.$emit("blur",e)},update:function(e){return t.$emit("update",e)},"do-action":function(e){return t.$emit("do-action",e)},validate:function(e){return t.$emit("validate",e)}}},"component",t.$props,!1)):t._e()};n._withStripped=!0;var r=i(5718),o={name:"text-field",mixins:[i(5478).A,r.A]},a=(0,i(4486).A)(o,n,[],!1,null,null,null).exports},4862:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return s}});var n=function(){var t=this,e=t._self._c;return e("div",[e("div",{staticClass:"cptm-tab-content-header"},[e("sub-navigation",{attrs:{navLists:t.navList},model:{value:t.active_sub_nav,callback:function(e){t.active_sub_nav=e},expression:"active_sub_nav"}}),t._v(" "),t.currentVideo?e("a",{staticClass:"directorist-form-doc__watch-tutorial",attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.openVideoPopup.apply(null,arguments)}}},[e("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"}},[e("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.94256 2.33333H7.14074C7.6103 2.33332 7.99785 2.33331 8.31355 2.35911C8.64143 2.3859 8.94285 2.44339 9.22596 2.58765C9.665 2.81135 10.022 3.16831 10.2457 3.60735C10.3899 3.89046 10.4474 4.19187 10.4742 4.51976C10.4981 4.81257 10.4999 5.16718 10.5 5.59171L11.6396 4.45212C11.7511 4.34058 11.8607 4.23096 11.9567 4.15052C12.0424 4.07876 12.223 3.93485 12.473 3.91517C12.7522 3.8932 13.0251 4.00622 13.207 4.21921C13.3699 4.40993 13.3958 4.63932 13.4056 4.75068C13.4167 4.87549 13.4167 5.03051 13.4166 5.18822V8.81177C13.4167 8.96948 13.4167 9.1245 13.4056 9.24931C13.3958 9.36067 13.3699 9.59006 13.207 9.78078C13.0251 9.99377 12.7522 10.1068 12.473 10.0848C12.223 10.0651 12.0424 9.92123 11.9567 9.84947C11.8607 9.76904 11.7511 9.65941 11.6396 9.54787L10.5 8.40828C10.4999 8.83281 10.4981 9.18742 10.4742 9.48023C10.4474 9.80812 10.3899 10.1095 10.2457 10.3926C10.022 10.8317 9.665 11.1886 9.22596 11.4123C8.94285 11.5566 8.64144 11.6141 8.31355 11.6409C7.99784 11.6667 7.6103 11.6667 7.14072 11.6667H3.94257C3.473 11.6667 3.08545 11.6667 2.76975 11.6409C2.44186 11.6141 2.14045 11.5566 1.85734 11.4123C1.41829 11.1886 1.06134 10.8317 0.837632 10.3926C0.693379 10.1095 0.635883 9.80812 0.609093 9.48023C0.5833 9.16453 0.583306 8.77699 0.583313 8.30742V5.69257C0.583306 5.22301 0.5833 4.83546 0.609093 4.51976C0.635883 4.19187 0.693379 3.89046 0.837632 3.60735C1.06134 3.16831 1.41829 2.81135 1.85734 2.58765C2.14045 2.44339 2.44186 2.3859 2.76975 2.35911C3.08545 2.33331 3.47299 2.33332 3.94256 2.33333ZM9.33331 5.71666C9.33331 5.21699 9.33286 4.87732 9.31141 4.61477C9.29051 4.35903 9.25264 4.22824 9.20615 4.13701C9.0943 3.91748 8.91582 3.73901 8.6963 3.62715C8.60507 3.58067 8.47428 3.5428 8.21854 3.5219C7.95599 3.50045 7.61632 3.5 7.11665 3.5H3.96665C3.46698 3.5 3.1273 3.50045 2.86475 3.5219C2.60901 3.5428 2.47822 3.58067 2.38699 3.62715C2.16747 3.73901 1.98899 3.91748 1.87714 4.13701C1.83065 4.22824 1.79278 4.35903 1.77189 4.61477C1.75043 4.87732 1.74998 5.21699 1.74998 5.71666V8.28333C1.74998 8.783 1.75043 9.12267 1.77189 9.38522C1.79278 9.64097 1.83065 9.77175 1.87714 9.86298C1.98899 10.0825 2.16747 10.261 2.38699 10.3728C2.47822 10.4193 2.60901 10.4572 2.86475 10.4781C3.1273 10.4995 3.46698 10.5 3.96665 10.5H7.11665C7.61632 10.5 7.95599 10.4995 8.21854 10.4781C8.47428 10.4572 8.60507 10.4193 8.6963 10.3728C8.91582 10.261 9.0943 10.0825 9.20615 9.86298C9.25264 9.77175 9.29051 9.64097 9.31141 9.38522C9.33286 9.12267 9.33331 8.783 9.33331 8.28333V5.71666ZM10.7416 7L12.25 8.50837V5.49162L10.7416 7Z",fill:"currentColor"}})]),t._v("\n "+t._s(t.currentVideo.button_text)+"\n ")]):t._e()],1),t._v(" "),e("div",{staticClass:"cptm-tab-content-body"},[t._l(t.subNavigation,(function(i,n){return[t.active_sub_nav===n?e("div",{key:n,staticClass:"cptm-tab-sub-content-item",class:{active:t.active_sub_nav===n}},[e("sections-module",t._b({},"sections-module",i,!1))],1):t._e()]}))],2),t._v(" "),t.currentVideo?e("form-builder-widget-video-component",{attrs:{video:t.currentVideo,videoOpened:t.showVideo},on:{"close-video":t.closeVideoPopup}}):t._e()],1)};n._withStripped=!0;var r=i(9394),o=i(2284),a={name:"submenu-module",mixins:[i(1642).A],props:{submenu:{type:Object}},computed:{subNavigation:function(){if(!this.submenu&&"object"!==(0,o.A)(this.submenu))return[];var t=[];for(var e in this.submenu){var i=this.submenu[e];"string"==typeof i.label&&(i.sections||"object"===(0,o.A)(i.sections))&&(Array.isArray(i.sections)||t.push(i))}return t},navList:function(){return this.subNavigation||"object"===(0,o.A)(this.subNavigation)?(0,r.A)(this.subNavigation).map((function(t){return t.label})):[]},currentVideo:function(){var t=this.subNavigation[this.active_sub_nav];return(null==t?void 0:t.video)||null}},methods:{openVideoPopup:function(){this.showVideo=!0},closeVideoPopup:function(){this.showVideo=!1}},data:function(){return{active_sub_nav:0,showVideo:!1}}},s=(0,i(4486).A)(a,n,[],!1,null,null,null).exports},4868:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return c}});var n=i(4467),r=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cptm-tab-content",class:t.containerClass},[t._l(t.sections,(function(i,r){return e("div",{key:r,staticClass:"cptm-section",class:t.sectionClass(i)},[["submission_form_fields","search_form_fields","single_listing_header","single_listings_contents","listings_card_grid_view","listings_card_list_view"].includes(i.fields[0])?e("div",{staticClass:"directorist-form-doc"},[e("div",{staticClass:"directorist-form-doc-left"},[e("div",{staticClass:"directorist-form-doc-title",domProps:{innerHTML:t._s(i.title)}}),t._v(" "),t.video&&["submission_form_fields","search_form_fields"].includes(i.fields[0])?e("a",{staticClass:"directorist-form-doc__watch-tutorial",attrs:{href:"#"},on:{click:function(e){return e.preventDefault(),t.openVideoPopup.apply(null,arguments)}}},[e("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"}},[e("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.94256 2.33333H7.14074C7.6103 2.33332 7.99785 2.33331 8.31355 2.35911C8.64143 2.3859 8.94285 2.44339 9.22596 2.58765C9.665 2.81135 10.022 3.16831 10.2457 3.60735C10.3899 3.89046 10.4474 4.19187 10.4742 4.51976C10.4981 4.81257 10.4999 5.16718 10.5 5.59171L11.6396 4.45212C11.7511 4.34058 11.8607 4.23096 11.9567 4.15052C12.0424 4.07876 12.223 3.93485 12.473 3.91517C12.7522 3.8932 13.0251 4.00622 13.207 4.21921C13.3699 4.40993 13.3958 4.63932 13.4056 4.75068C13.4167 4.87549 13.4167 5.03051 13.4166 5.18822V8.81177C13.4167 8.96948 13.4167 9.1245 13.4056 9.24931C13.3958 9.36067 13.3699 9.59006 13.207 9.78078C13.0251 9.99377 12.7522 10.1068 12.473 10.0848C12.223 10.0651 12.0424 9.92123 11.9567 9.84947C11.8607 9.76904 11.7511 9.65941 11.6396 9.54787L10.5 8.40828C10.4999 8.83281 10.4981 9.18742 10.4742 9.48023C10.4474 9.80812 10.3899 10.1095 10.2457 10.3926C10.022 10.8317 9.665 11.1886 9.22596 11.4123C8.94285 11.5566 8.64144 11.6141 8.31355 11.6409C7.99784 11.6667 7.6103 11.6667 7.14072 11.6667H3.94257C3.473 11.6667 3.08545 11.6667 2.76975 11.6409C2.44186 11.6141 2.14045 11.5566 1.85734 11.4123C1.41829 11.1886 1.06134 10.8317 0.837632 10.3926C0.693379 10.1095 0.635883 9.80812 0.609093 9.48023C0.5833 9.16453 0.583306 8.77699 0.583313 8.30742V5.69257C0.583306 5.22301 0.5833 4.83546 0.609093 4.51976C0.635883 4.19187 0.693379 3.89046 0.837632 3.60735C1.06134 3.16831 1.41829 2.81135 1.85734 2.58765C2.14045 2.44339 2.44186 2.3859 2.76975 2.35911C3.08545 2.33331 3.47299 2.33332 3.94256 2.33333ZM9.33331 5.71666C9.33331 5.21699 9.33286 4.87732 9.31141 4.61477C9.29051 4.35903 9.25264 4.22824 9.20615 4.13701C9.0943 3.91748 8.91582 3.73901 8.6963 3.62715C8.60507 3.58067 8.47428 3.5428 8.21854 3.5219C7.95599 3.50045 7.61632 3.5 7.11665 3.5H3.96665C3.46698 3.5 3.1273 3.50045 2.86475 3.5219C2.60901 3.5428 2.47822 3.58067 2.38699 3.62715C2.16747 3.73901 1.98899 3.91748 1.87714 4.13701C1.83065 4.22824 1.79278 4.35903 1.77189 4.61477C1.75043 4.87732 1.74998 5.21699 1.74998 5.71666V8.28333C1.74998 8.783 1.75043 9.12267 1.77189 9.38522C1.79278 9.64097 1.83065 9.77175 1.87714 9.86298C1.98899 10.0825 2.16747 10.261 2.38699 10.3728C2.47822 10.4193 2.60901 10.4572 2.86475 10.4781C3.1273 10.4995 3.46698 10.5 3.96665 10.5H7.11665C7.61632 10.5 7.95599 10.4995 8.21854 10.4781C8.47428 10.4572 8.60507 10.4193 8.6963 10.3728C8.91582 10.261 9.0943 10.0825 9.20615 9.86298C9.25264 9.77175 9.29051 9.64097 9.31141 9.38522C9.33286 9.12267 9.33331 8.783 9.33331 8.28333V5.71666ZM10.7416 7L12.25 8.50837V5.49162L10.7416 7Z",fill:"currentColor"}})]),t._v("\n "+t._s(t.video.button_text)+"\n ")]):t._e(),t._v(" "),t.learn_more?e("a",{staticClass:"directorist-form-doc__link",attrs:{href:t.learn_more.url,target:"_blank"},domProps:{innerHTML:t._s(t.learn_more.title)}}):t._e()]),t._v(" "),"submission_form_fields"===i.fields[0]?e("div",{staticClass:"directorist-form-doc-right"},[e("a",{staticClass:"directorist-form-doc__preview",attrs:{href:"#",target:"_blank"},on:{click:function(e){return t.saveData()}}},[e("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"}},[e("path",{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.33749 1.86822C5.34546 1.87353 5.35345 1.87886 5.36147 1.88421L12.394 6.57255C12.5975 6.70817 12.7861 6.83392 12.931 6.95077C13.0822 7.07273 13.2605 7.24185 13.3631 7.48925C13.4987 7.81625 13.4987 8.18376 13.3631 8.51077C13.2605 8.75817 13.0822 8.92729 12.931 9.04924C12.7861 9.1661 12.5975 9.29184 12.394 9.42746L5.33751 14.1318C5.08879 14.2976 4.86513 14.4468 4.67535 14.5496C4.48544 14.6525 4.22477 14.7701 3.92052 14.752C3.53135 14.7287 3.17185 14.5363 2.93665 14.2254C2.75276 13.9823 2.70602 13.7002 2.68631 13.4851C2.66662 13.2701 2.66664 13.0014 2.66666 12.7024L2.66666 3.32643C2.66666 3.31679 2.66666 3.30718 2.66666 3.2976C2.66664 2.99867 2.66662 2.72987 2.68631 2.51492C2.70602 2.29982 2.75276 2.01769 2.93665 1.77461C3.17185 1.46369 3.53135 1.27129 3.92052 1.24806C4.22477 1.22989 4.48545 1.3475 4.67536 1.45042C4.86513 1.55326 5.08878 1.70238 5.33749 1.86822ZM4.01674 2.61031C4.01584 2.61839 4.01495 2.62713 4.01409 2.63658C4.00066 2.78307 3.99999 2.98946 3.99999 3.32643V12.6736C3.99999 13.0106 4.00066 13.2169 4.01409 13.3634C4.01495 13.3729 4.01584 13.3816 4.01674 13.3897C4.02396 13.386 4.03173 13.3819 4.04007 13.3773C4.1694 13.3073 4.3415 13.1933 4.62187 13.0064L11.6322 8.33283C11.8655 8.17735 12.0022 8.08542 12.094 8.01137C12.099 8.00736 12.1036 8.00357 12.1079 8.00001C12.1036 7.99644 12.099 7.99265 12.094 7.98864C12.0022 7.9146 11.8655 7.82267 11.6322 7.66719L4.62187 2.99361C4.3415 2.80669 4.1694 2.69277 4.04007 2.62267C4.03173 2.61815 4.02396 2.61405 4.01674 2.61031Z",fill:"currentColor"}})]),t._v("\n preview\n ")])]):t._e()]):t._e(),t._v(" "),"submission_form_fields"!==i.fields[0]&&"search_form_fields"!==i.fields[0]&&"single_listing_header"!==i.fields[0]&&"single_listing_header"!==i.fields[0]&&"single_listings_contents"!==i.fields[0]&&"listings_card_grid_view"!==i.fields[0]&&"listings_card_list_view"!==i.fields[0]?e("div",{staticClass:"cptm-title-area",class:t.sectionTitleAreaClass(i)},[i.title?e("h3",{staticClass:"cptm-title",domProps:{innerHTML:t._s(i.title)}}):t._e(),t._v(" "),i.description?e("div",{staticClass:"cptm-des",domProps:{innerHTML:t._s(i.description)}}):t._e()]):t._e(),t._v(" "),t.sectionFields(i)?e("div",{staticClass:"cptm-form-fields"},t._l(t.sectionFields(i),(function(i,o){return"container"!==t.fields[i].group?e("div",{key:o},[t.fields[i]?e(t.getFormFieldName(t.fields[i].type),t._b({ref:i,refInFor:!0,tag:"component",class:(0,n.A)({},"highlight-field",t.getHighlightState(i)),attrs:{"field-id":o,fieldKey:i,id:t.menuKey+"__"+r+"__"+i,"cached-data":t.cached_fields[i],listing_type_id:t.listing_type_id},on:{update:function(e){return t.updateFieldValue(i,e)},save:function(e){return t.$emit("save",e)},validate:function(e){return t.updateFieldValidationState(i,e)},"is-visible":function(e){return t.updateFieldData(i,"isVisible",e)},"do-action":function(e){return t.doAction(e,"sections-module")}}},"component",t.fields[i],!1)):t._e(),t._v(" "),"way_to_show_preview"===i&&t.groupedContainerFields.length>0?e("div",{staticClass:"cptm-field-group-container"},[e("div",{staticClass:"atbdp-row"},[e("div",{staticClass:"atbdp-col atbdp-col-4"},[e("label",{staticClass:"cptm-field-group-container__label"},[e("span",[t._v(t._s(t.containerGroupLabel))])])]),t._v(" "),e("div",{staticClass:"atbdp-col atbdp-col-8"},[e("div",{staticClass:"cptm-container-group-fields"},t._l(t.groupedContainerFields,(function(i,o){return e(t.getFormFieldName(t.fields[i].type),t._b({key:o,ref:i,refInFor:!0,tag:"component",class:(0,n.A)({},"highlight-field",t.getHighlightState(i)),attrs:{"field-id":o,id:t.menuKey+"__"+r+"__"+i,"cached-data":t.cached_fields[i]},on:{update:function(e){return t.updateFieldValue(i,e)},save:function(e){return t.$emit("save",e)},validate:function(e){return t.updateFieldValidationState(i,e)},"is-visible":function(e){return t.updateFieldData(i,"isVisible",e)},"do-action":function(e){return t.doAction(e,"sections-module")}}},"component",t.fields[i],!1))})),1)])])]):t._e()],1):t._e()})),0):t._e()])})),t._v(" "),t.video?e("form-builder-widget-video-component",{attrs:{videoOpened:t.showVideo,video:t.video},on:{"close-video":t.closeVideoPopup}}):t._e()],2)};r._withStripped=!0;var o=i(5353);function a(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function s(t){for(var e=1;ei.parts.length&&(n.parts.length=i.parts.length)}else{var a=[];for(r=0;r([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),i=t.replace(e,"$1").trim());for(var l=0;lr?0:r+e),(i=i>r?r:i)<0&&(i+=r),r=e>i?0:i-e>>>0,e>>>=0;for(var o=Array(r);++n=51||!n((function(){var e=[];return(e.constructor={})[a]=function(){return{foo:1}},1!==e[t](Boolean).foo}))}},function(t,e,i){var n=i(4),r=i(2);t.exports=function(t,e){return arguments.length<2?function(t){return r(t)?t:void 0}(n[t]):n[t]&&n[t][e]}},function(t,e,i){var n=i(15);t.exports=Array.isArray||function(t){return"Array"==n(t)}},function(t,e,i){var n=i(39),r=i(24);t.exports=function(t){return n(r(t))}},function(t,e,i){var n=i(29),r=String;t.exports=function(t){if("Symbol"===n(t))throw TypeError("Cannot convert a Symbol value to a string");return r(t)}},function(t,e,i){var n=i(100),r=i(1),o=i(39),a=i(14),s=i(10),l=i(28),c=r([].push),d=function(t){var e=1==t,i=2==t,r=3==t,d=4==t,u=6==t,p=7==t,f=5==t||u;return function(g,h,v,m){for(var _,b,y=a(g),w=o(y),O=n(h,v),W=s(w),C=0,x=m||l,A=e?x(g,W):i||p?x(g,0):void 0;W>C;C++)if((f||C in w)&&(b=O(_=w[C],C,y),t))if(e)A[C]=b;else if(b)switch(t){case 3:return!0;case 5:return _;case 6:return C;case 2:c(A,_)}else switch(t){case 4:return!1;case 7:c(A,_)}return u?-1:r||d?d:A}};t.exports={forEach:d(0),map:d(1),filter:d(2),some:d(3),every:d(4),find:d(5),findIndex:d(6),filterReject:d(7)}},function(t,e){var i=TypeError;t.exports=function(t){if(t>9007199254740991)throw i("Maximum allowed index exceeded");return t}},function(t,e,i){var n,r,o=i(4),a=i(97),s=o.process,l=o.Deno,c=s&&s.versions||l&&l.version,d=c&&c.v8;d&&(r=(n=d.split("."))[0]>0&&n[0]<4?1:+(n[0]+n[1])),!r&&a&&(!(n=a.match(/Edge\/(\d+)/))||n[1]>=74)&&(n=a.match(/Chrome\/(\d+)/))&&(r=+n[1]),t.exports=r},function(t,e,i){var n=i(40),r=TypeError;t.exports=function(t){if(n(t))throw r("Can't call method on "+t);return t}},function(t,e,i){var n=i(2),r=i(74),o=TypeError;t.exports=function(t){if(n(t))return t;throw o(r(t)+" is not a function")}},function(t,e,i){"use strict";var n=i(0);t.exports=function(t,e){var i=[][t];return!!i&&n((function(){i.call(null,e||function(){return 1},1)}))}},function(t,e,i){"use strict";var n=i(5),r=i(18),o=TypeError,a=Object.getOwnPropertyDescriptor,s=n&&!function(){if(void 0!==this)return!0;try{Object.defineProperty([],"length",{writable:!1}).length=1}catch(t){return t instanceof TypeError}}();t.exports=s?function(t,e){if(r(t)&&!a(t,"length").writable)throw o("Cannot set read only .length");return t.length=e}:function(t,e){return t.length=e}},function(t,e,i){var n=i(94);t.exports=function(t,e){return new(n(t))(0===e?0:e)}},function(t,e,i){var n=i(51),r=i(2),o=i(15),a=i(9)("toStringTag"),s=Object,l="Arguments"==o(function(){return arguments}());t.exports=n?o:function(t){var e,i,n;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(i=function(t,e){try{return t[e]}catch(t){}}(e=s(t),a))?i:l?o(e):"Object"==(n=o(e))&&r(e.callee)?"Arguments":n}},function(t,e,i){var n=i(5),r=i(13),o=i(31);t.exports=n?function(t,e,i){return r.f(t,e,o(1,i))}:function(t,e,i){return t[e]=i,t}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,i){"use strict";var n=i(50),r=i(13),o=i(31);t.exports=function(t,e,i){var a=n(e);a in t?r.f(t,a,o(0,i)):t[a]=i}},function(t,e,i){var n=i(4),r=Object.defineProperty;t.exports=function(t,e){try{r(n,t,{value:e,configurable:!0,writable:!0})}catch(i){n[t]=e}return e}},function(t,e){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(t,e,i){var n=i(0);t.exports=!n((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")}))},function(t,e,i){var n=i(5),r=i(7),o=Function.prototype,a=n&&Object.getOwnPropertyDescriptor,s=r(o,"name"),l=s&&"something"===function(){}.name,c=s&&(!n||n&&a(o,"name").configurable);t.exports={EXISTS:s,PROPER:l,CONFIGURABLE:c}},function(t,e,i){var n=i(15),r=i(1);t.exports=function(t){if("Function"===n(t))return r(t)}},function(t,e){t.exports={}},function(t,e,i){var n=i(1),r=i(0),o=i(15),a=Object,s=n("".split);t.exports=r((function(){return!a("z").propertyIsEnumerable(0)}))?function(t){return"String"==o(t)?s(t,""):a(t)}:a},function(t,e){t.exports=function(t){return null==t}},function(t,e,i){var n=i(17),r=i(2),o=i(44),a=i(76),s=Object;t.exports=a?function(t){return"symbol"==typeof t}:function(t){var e=n("Symbol");return r(e)&&o(e.prototype,s(t))}},function(t,e,i){var n,r=i(6),o=i(107),a=i(34),s=i(38),l=i(101),c=i(60),d=i(70)("IE_PROTO"),u=function(){},p=function(t){return"