@-webkit-keyframes rotate360 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate360 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes atbd_spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes atbd_spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes atbd_spin2 {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes atbd_spin2 {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@-webkit-keyframes atbd_scale {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes atbd_scale {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.reset-pseudo-link:visited, .reset-pseudo-link:active, .reset-pseudo-link:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.cptm-shortcodes {
max-height: 300px;
overflow: scroll;
}
.directorist-center-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-center-content-inline {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.directorist-center-content,
.directorist-center-content-inline {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.directorist-text-right {
text-align: right;
}
.directorist-text-center {
text-align: center;
}
.directorist-text-left {
text-align: left;
}
.directorist-mt-0 {
margin-top: 0 !important;
}
.directorist-mt-5 {
margin-top: 5px !important;
}
.directorist-mt-10 {
margin-top: 10px !important;
}
.directorist-mt-15 {
margin-top: 15px !important;
}
.directorist-mt-20 {
margin-top: 20px !important;
}
.directorist-mt-30 {
margin-top: 30px !important;
}
.directorist-mb-0 {
margin-bottom: 0 !important;
}
.directorist-mb-35 {
margin-bottom: 35px !important;
}
.directorist-mb-30 {
margin-bottom: 30px !important;
}
.directorist-mb-25 {
margin-bottom: 25px !important;
}
.directorist-mb-20 {
margin-bottom: 20px !important;
}
.directorist-mb-n20 {
margin-bottom: -20px !important;
}
.directorist-mb-10 {
margin-bottom: 10px !important;
}
.directorist-mb-15 {
margin-bottom: 15px !important;
}
.directorist-mb-20 {
margin-bottom: 20px !important;
}
.directorist-mb-30 {
margin-bottom: 30px !important;
}
.directorist-mb-35 {
margin-bottom: 35px !important;
}
.directorist-mb-40 {
margin-bottom: 40px !important;
}
.directorist-mb-50 {
margin-bottom: 50px !important;
}
.directorist-mb-70 {
margin-bottom: 70px !important;
}
.directorist-mb-80 {
margin-bottom: 80px !important;
}
.directorist-pb-100 {
padding-bottom: 100px !important;
}
.directorist-w-100 {
width: 100% !important;
max-width: 100% !important;
}
.directorist-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-flex-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directorist-align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-justify-content-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-justify-content-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.directorist-justify-content-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.directorist-justify-content-start {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.directorist-justify-content-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.directorist-display-none {
display: none;
}
.directorist-icon-mask:after {
content: "";
display: block;
width: 18px;
height: 18px;
background-color: var(--directorist-color-dark);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: var(--directorist-icon);
mask-image: var(--directorist-icon);
}
.directorist-error__msg {
color: var(--directorist-color-danger);
font-size: 14px;
}
.entry-content .directorist-search-contents {
width: 100% !important;
max-width: 100% !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .directorist-content-module {
border: 1px solid var(--directorist-color-border);
}
.directorist-content-module__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 40px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 36px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 480px) {
.directorist-content-module__title {
padding: 20px;
}
}
.directorist-content-module__title h2 {
margin: 0 !important;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
}
.directorist-content-module__contents {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px 0;
padding: 30px 40px 40px;
border-top: 1px solid var(--directorist-color-border);
}
@media (max-width: 480px) {
.directorist-content-module__contents {
padding: 20px;
}
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap {
margin-top: -30px;
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs {
position: relative;
bottom: -7px;
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor {
margin: 0;
border: none;
border-radius: 5px;
padding: 5px 10px 12px;
background: transparent;
color: var(--directorist-color-body);
}
.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html,
.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce {
background-color: #f6f7f7;
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-container {
border: none;
border-bottom: 1px solid var(--directorist-color-border);
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input {
background: transparent !important;
color: var(--directorist-color-body) !important;
border-color: var(--directorist-color-border);
}
.directorist-content-module__contents .directorist-form-description-field .wp-editor-area {
border: none;
resize: none;
min-height: 238px;
}
.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before {
display: none;
}
.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout {
border: none;
padding: 0;
}
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp,
.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar {
border: none;
padding: 8px 12px;
border-radius: 8px;
}
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico {
color: var(--directorist-color-body);
}
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button,
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
background: transparent;
}
.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt {
color: var(--directorist-color-body);
}
.directorist-content-module__contents .directorist-form-description-field .mce-statusbar {
display: none;
}
.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.directorist-content-module__contents .directorist-form-description-field iframe {
max-width: 100%;
}
.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn {
width: 100%;
gap: 10px;
padding-left: 40px;
}
.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after {
width: 16px;
height: 16px;
background-color: var(--directorist-color-btn);
}
.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover {
color: var(--directorist-color-white);
background-color: var(--directorist-color-primary);
}
.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after {
background-color: var(--directorist-color-white);
}
.directorist-content-module__contents .directorist-form-social-info-field select {
color: var(--directorist-color-primary);
}
.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label {
margin-left: 0;
}
.directorist-content-active #directorist.atbd_wrapper {
max-width: 100%;
}
.directorist-content-active #directorist.atbd_wrapper .atbd_header_bar {
margin-bottom: 35px;
}
#directorist-dashboard-preloader {
display: none;
}
.directorist-form-required {
color: var(--directorist-color-danger);
}
.directory_register_form_wrap .dgr_show_recaptcha {
margin-bottom: 20px;
}
.directory_register_form_wrap .dgr_show_recaptcha > p {
font-size: 16px;
color: var(--directorist-color-primary);
font-weight: 600;
margin-bottom: 8px !important;
}
.directory_register_form_wrap a {
text-decoration: none;
}
.atbd_login_btn_wrapper .directorist-btn {
line-height: 2.55;
padding-top: 0;
padding-bottom: 0;
}
.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label {
color: var(--directorist-color-primary);
}
.atbdp_login_form_shortcode .directorist-form-group label {
display: inline-block;
margin-bottom: 5px;
}
.atbdp_login_form_shortcode a {
text-decoration: none;
}
.directory_register_form_wrap .directorist-form-group label {
display: inline-block;
margin-bottom: 5px;
}
.directory_register_form_wrap .directorist-btn {
line-height: 2.55;
padding-top: 0;
padding-bottom: 0;
}
.directorist-quick-login .directorist-form-actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.atbd_success_mesage > p i {
top: 2px;
margin-right: 5px;
position: relative;
display: inline-block;
}
.directorist-loader {
position: relative;
}
.directorist-loader:before {
position: absolute;
content: "";
right: 20px;
top: 31%;
border: 2px solid var(--directorist-color-white);
border-radius: 50%;
border-top: 2px solid var(--directorist-color-primary);
width: 20px;
height: 20px;
-webkit-animation: atbd_spin 2s linear infinite;
animation: atbd_spin 2s linear infinite;
}
.plupload-upload-uic {
width: 420px;
margin: 0 auto !important;
border: 1px dashed var(--directorist-color-border-gray);
padding: 30px;
}
.plupload-upload-uic .atbdp-dropbox-title {
font-weight: 500;
margin-bottom: 15px;
font-size: 15px;
}
.plupload-upload-uic .atbdp_button {
border: 1px solid var(--directorist-color-border);
background-color: var(--directorist-color-ss-bg-light);
font-size: 14px;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 40px !important;
padding: 0 30px !important;
height: auto !important;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
color: inherit;
}
.plupload-upload-uic .atbdp-dropbox-file-types {
margin-top: 10px;
color: var(--directorist-color-deep-gray);
}
@media (max-width: 575px) {
.plupload-upload-uic {
width: 100%;
}
}
.directorist-address-field .address_result,
.directorist-form-address-field .address_result {
position: absolute;
left: 0;
top: 100%;
width: 100%;
max-height: 345px !important;
overflow-y: scroll;
border-radius: 8px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1);
box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1);
z-index: 10;
}
.directorist-address-field .address_result ul,
.directorist-form-address-field .address_result ul {
list-style: none;
margin: 0;
padding: 0;
border-radius: 8px;
}
.directorist-address-field .address_result li,
.directorist-form-address-field .address_result li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
margin: 0;
padding: 10px 20px;
border-bottom: 1px solid #eee;
}
.directorist-address-field .address_result li a,
.directorist-form-address-field .address_result li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 15px;
font-size: 14px;
line-height: 18px;
padding: 0;
margin: 0;
color: #767792;
background-color: var(--directorist-color-white);
border-bottom: 1px solid #d9d9d9;
text-decoration: none;
-webkit-transition: color 0.3s ease, border 0.3s ease;
transition: color 0.3s ease, border 0.3s ease;
}
.directorist-address-field .address_result li a:hover,
.directorist-form-address-field .address_result li a:hover {
color: var(--directorist-color-dark);
border-bottom: 1px dashed #e9e9e9;
}
.directorist-address-field .address_result li:last-child,
.directorist-form-address-field .address_result li:last-child {
border: none;
}
.directorist-address-field .address_result li:last-child a,
.directorist-form-address-field .address_result li:last-child a {
border: none;
}
.pac-container {
list-style: none;
margin: 0;
padding: 18px 5px 11px;
max-width: 270px;
min-width: 200px;
border-radius: 8px;
}
@media (max-width: 575px) {
.pac-container {
max-width: unset;
width: calc(100% - 30px) !important;
left: 30px !important;
}
}
.pac-container .pac-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 13px 7px;
padding: 0;
border: none;
background: unset;
cursor: pointer;
}
.pac-container .pac-item span {
color: var(--directorist-color-body);
}
.pac-container .pac-item .pac-matched {
font-weight: 400;
}
.pac-container .pac-item:hover span {
color: var(--directorist-color-primary);
}
.pac-container .pac-icon-marker {
position: relative;
height: 36px;
width: 36px;
min-width: 36px;
border-radius: 8px;
margin: 0 15px 0 0;
background-color: var(--directorist-color-border-gray);
}
.pac-container .pac-icon-marker:after {
content: "";
display: block;
width: 12px;
height: 20px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: var(--directorist-color-body);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/2823e3547c32a23392a06652e69a8a71.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/2823e3547c32a23392a06652e69a8a71.svg);
}
.pac-container:after {
display: none;
}
p.status:empty {
display: none;
}
.gateway_list input[type=radio] {
margin-right: 5px;
}
.directorist-checkout-form .directorist-container-fluid {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-checkout-form ul {
list-style-type: none;
}
.directorist-select select {
width: 100%;
height: 40px;
border: none;
color: var(--directorist-color-body);
border-bottom: 1px solid var(--directorist-color-border-gray);
}
.directorist-select select:focus {
outline: 0;
}
.directorist-content-active .select2-container--open .select2-dropdown--above {
top: 0;
border-color: var(--directorist-color-border);
}
body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above {
top: 32px;
}
.directorist-content-active .select2-container--default .select2-dropdown {
border: none;
border-radius: 10px !important;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
.directorist-content-active .select2-container--default .select2-search--dropdown {
padding: 20px 20px 10px 20px;
}
.directorist-content-active .select2-container--default .select2-search__field {
padding: 10px 18px !important;
border-radius: 8px;
background: transparent;
color: var(--directorist-color-deep-gray);
border: 1px solid var(--directorist-color-border-gray) !important;
}
.directorist-content-active .select2-container--default .select2-search__field:focus {
outline: 0;
}
.directorist-content-active .select2-container--default .select2-results {
padding-bottom: 10px;
}
.directorist-content-active .select2-container--default .select2-results__option {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 15px;
padding: 6px 20px;
color: var(--directorist-color-body);
font-size: 14px;
line-height: 1.5;
}
.directorist-content-active .select2-container--default .select2-results__option--highlighted {
font-weight: 500;
color: var(--directorist-color-primary) !important;
background-color: transparent !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);
}
.custom-checkbox input {
display: none;
}
.custom-checkbox input[type=checkbox] + .check--select + label,
.custom-checkbox input[type=radio] + .radio--select + label {
min-width: 18px;
min-height: 18px;
font-size: 14px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
position: relative;
padding-left: 28px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 0;
line-height: 1.2;
font-weight: 400;
color: var(--directorist-color-gray);
}
.custom-checkbox input[type=checkbox] + .check--select + label:before,
.custom-checkbox input[type=radio] + .radio--select + label:before {
position: absolute;
font-size: 10px;
left: 5px;
top: 5px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "\f00c";
display: block;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 2;
}
.custom-checkbox input[type=checkbox] + .check--select + label:after,
.custom-checkbox input[type=radio] + .radio--select + label:after {
position: absolute;
left: 0;
top: 3px;
width: 18px;
height: 18px;
content: "";
background-color: var(--directorist-color-white);
border: 2px solid var(--directorist-color-border-gray);
}
.custom-checkbox input[type=radio] + .radio--select + label:before {
top: 8px;
font-size: 9px;
}
.custom-checkbox input[type=radio] + .radio--select + label:after {
border-radius: 50%;
}
.custom-checkbox input[type=radio] + .radio--select + label span {
color: var(--directorist-color-light-gray);
}
.custom-checkbox input[type=radio] + .radio--select + label span.active {
color: var(--directorist-color-warning);
}
.custom-checkbox input[type=checkbox]:checked + .check--select + label:after,
.custom-checkbox input[type=radio]:checked + .radio--select + label:after {
background-color: var(--directorist-color-success);
border-color: var(--directorist-color-success);
}
.custom-checkbox input[type=checkbox]:checked + .check--select + label:before,
.custom-checkbox input[type=radio]:checked + .radio--select + label:before {
opacity: 1;
color: var(--directorist-color-white);
}
.directorist-table {
display: table;
width: 100%;
} .directorist-container,
.directorist-container-fluid,
.directorist-container-xxl,
.directorist-container-xl,
.directorist-container-lg,
.directorist-container-md,
.directorist-container-sm {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 576px) {
.directorist-container-sm,
.directorist-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.directorist-container-md,
.directorist-container-sm,
.directorist-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.directorist-container-lg,
.directorist-container-md,
.directorist-container-sm,
.directorist-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.directorist-container-xl,
.directorist-container-lg,
.directorist-container-md,
.directorist-container-sm,
.directorist-container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.directorist-container-xxl,
.directorist-container-xl,
.directorist-container-lg,
.directorist-container-md,
.directorist-container-sm,
.directorist-container {
max-width: 1320px;
}
}
.directorist-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
margin-top: -15px;
min-width: 100%;
}
.directorist-row > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-top: 15px;
}
.directorist-col {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.directorist-col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.directorist-col-1 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 8.3333333333%;
}
.directorist-col-2-5 {
-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%;
}
.directorist-col-4 {
-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%;
}
.directorist-col-6 {
-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%;
}
.directorist-col-8 {
-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%;
}
.directorist-col-10 {
-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%;
}
.directorist-col-12 {
-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%;
}
.directorist-offset-2 {
margin-left: 16.6666666667%;
}
.directorist-offset-3 {
margin-left: 25%;
}
.directorist-offset-4 {
margin-left: 33.3333333333%;
}
.directorist-offset-5 {
margin-left: 41.6666666667%;
}
.directorist-offset-6 {
margin-left: 50%;
}
.directorist-offset-7 {
margin-left: 58.3333333333%;
}
.directorist-offset-8 {
margin-left: 66.6666666667%;
}
.directorist-offset-9 {
margin-left: 75%;
}
.directorist-offset-10 {
margin-left: 83.3333333333%;
}
.directorist-offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.directorist-col-2,
.directorist-col-2-5 {
-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%;
}
}
@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%;
}
}
@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%;
}
}
@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%;
}
} .atbd_color-primary {
color: #444752;
}
.atbd_bg-primary {
background: #444752;
}
.atbd_color-secondary {
color: #122069;
}
.atbd_bg-secondary {
background: #122069;
}
.atbd_color-success {
color: #00AC17;
}
.atbd_bg-success {
background: #00AC17;
}
.atbd_color-info {
color: #2C99FF;
}
.atbd_bg-info {
background: #2C99FF;
}
.atbd_color-warning {
color: #EF8000;
}
.atbd_bg-warning {
background: #EF8000;
}
.atbd_color-danger {
color: #EF0000;
}
.atbd_bg-danger {
background: #EF0000;
}
.atbd_color-light {
color: #9497A7;
}
.atbd_bg-light {
background: #9497A7;
}
.atbd_color-dark {
color: #202428;
}
.atbd_bg-dark {
background: #202428;
}
.atbd_color-badge-feature {
color: #fa8b0c;
}
.atbd_bg-badge-feature {
background: #fa8b0c;
}
.atbd_color-badge-popular {
color: #f51957;
}
.atbd_bg-badge-popular {
background: #f51957;
} body.stop-scrolling {
height: 100%;
overflow: hidden;
}
.sweet-overlay {
background-color: black;
-ms-filter: "alpha(opacity=40)";
background-color: rgba(var(--directorist-color-dark-rgb), 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000;
}
.sweet-alert {
background-color: white;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999;
}
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px;
}
}
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block;
}
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal;
}
.sweet-alert fieldset {
border: 0;
position: relative;
}
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
-webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
-webkit-transition: padding 0.25s, max-height 0.25s;
transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px;
}
.sweet-alert .sa-error-container p {
display: inline-block;
}
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sweet-alert input {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
-webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06);
box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.sweet-alert input:focus {
outline: 0;
-webkit-box-shadow: 0 0 3px #c4e6f5;
box-shadow: 0 0 3px #c4e6f5;
border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
-moz-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
-ms-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
color: #bdbdbd;
}
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd;
}
.sweet-alert.show-input input {
display: block;
}
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative;
}
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden;
}
.sweet-alert button {
background-color: #8cd4f5;
color: white;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer;
}
.sweet-alert button:focus {
outline: 0;
-webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05);
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05);
}
.sweet-alert button:hover {
background-color: #7ecff4;
}
.sweet-alert button:active {
background-color: #5dc2f1;
}
.sweet-alert button.cancel {
background-color: #c1c1c1;
}
.sweet-alert button.cancel:hover {
background-color: #b9b9b9;
}
.sweet-alert button.cancel:active {
background-color: #a8a8a8;
}
.sweet-alert button.cancel:focus {
-webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important;
box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important;
}
.sweet-alert button[disabled] {
opacity: 0.6;
cursor: default;
}
.sweet-alert button.confirm[disabled] {
color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #f27474;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #f27474;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #f8bb86;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #f8bb86;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #f8bb86;
}
.sweet-alert .sa-icon.sa-info {
border-color: #c9dae1;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #c9dae1;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #c9dae1;
}
.sweet-alert .sa-icon.sa-success {
border-color: #a5dc86;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
content: "";
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 60px;
transform-origin: 0 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 40px;
border-radius: 50%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #a5dc86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: 0;
background-position: center center;
background-repeat: no-repeat;
}
@-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes slideFromTop {
0% {
top: 0;
}
100% {
top: 50%;
}
}
@keyframes slideFromTop {
0% {
top: 0;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0;
}
}
@-webkit-keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s;
}
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0);
-webkit-transform: rotateX(0);
opacity: 1;
}
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0);
-webkit-transform: rotateX(0);
opacity: 1;
}
}
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
0% {
border-color: #f8d486;
}
100% {
border-color: #f8bb86;
}
}
@keyframes pulseWarning {
0% {
border-color: #f8d486;
}
100% {
border-color: #f8bb86;
}
}
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #f8d486;
}
100% {
background-color: #f8bb86;
}
}
@keyframes pulseWarningIns {
0% {
background-color: #f8d486;
}
100% {
background-color: #f8bb86;
}
}
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate;
}
@-webkit-keyframes rotate-loading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-loading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9 ;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9 ;
}
.sweet-alert .sa-icon.sa-success {
border-color: transparent\9 ;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9 ;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9 ;
} .la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-fall {
display: block;
font-size: 0;
color: var(--directorist-color-white);
}
.la-ball-fall.la-dark {
color: #333;
}
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-fall {
width: 54px;
height: 18px;
}
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0;
animation-delay: 0;
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px;
}
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px;
}
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px;
}
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px;
}
@-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%);
}
}
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%);
}
}
.directorist-add-listing-types {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-add-listing-types__single {
margin-bottom: 15px;
}
.directorist-add-listing-types__single__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: var(--directorist-color-white);
color: var(--directorist-color-primary);
font-size: 16px;
font-weight: 500;
line-height: 20px;
text-align: center;
padding: 40px 25px;
border-radius: 12px;
text-decoration: none !important;
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
-webkit-transition: background 0.2s ease;
transition: background 0.2s ease; }
.directorist-add-listing-types__single__link .directorist-icon-mask {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 70px;
width: 70px;
background-color: var(--directorist-color-primary);
border-radius: 100%;
margin-bottom: 20px;
-webkit-transition: color 0.2s ease, background 0.2s ease;
transition: color 0.2s ease, background 0.2s ease;
}
.directorist-add-listing-types__single__link .directorist-icon-mask:after {
width: 25px;
height: 25px;
background-color: var(--directorist-color-white);
}
.directorist-add-listing-types__single__link:hover {
background-color: var(--directorist-color-primary);
color: var(--directorist-color-white);
}
.directorist-add-listing-types__single__link:hover .directorist-icon-mask {
background-color: var(--directorist-color-white);
}
.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after {
background-color: var(--directorist-color-primary);
}
.directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) {
display: inline-block;
margin-bottom: 10px;
}
.directorist-add-listing-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-add-listing-form .directorist-content-module {
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
.directorist-add-listing-form .directorist-content-module__title i {
background-color: var(--directorist-color-primary);
}
.directorist-add-listing-form .directorist-content-module__title i:after {
background-color: var(--directorist-color-white);
}
.directorist-add-listing-form .directorist-alert-required {
display: block;
margin-top: 5px;
color: #e80000;
font-size: 13px;
}
.directorist-add-listing-form__privacy a {
color: var(--directorist-color-info);
}
.directorist-add-listing-form .directorist-content-module,
#directiost-listing-fields_wrapper .directorist-content-module {
margin-bottom: 35px;
border-radius: 12px; }
@media (max-width: 991px) {
.directorist-add-listing-form .directorist-content-module,
#directiost-listing-fields_wrapper .directorist-content-module {
margin-bottom: 20px;
}
}
.directorist-add-listing-form .directorist-content-module__title,
#directiost-listing-fields_wrapper .directorist-content-module__title {
gap: 15px;
min-height: 66px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.directorist-add-listing-form .directorist-content-module__title i,
#directiost-listing-fields_wrapper .directorist-content-module__title i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 100%;
}
.directorist-add-listing-form .directorist-content-module__title i:after,
#directiost-listing-fields_wrapper .directorist-content-module__title i:after {
width: 16px;
height: 16px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade {
padding: 0;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address],
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] {
padding-left: 10px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before {
width: 15px;
height: 15px;
left: unset;
right: 0;
top: 46px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after {
height: 40px;
top: 26px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
margin: 0 0 25px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child {
margin: 0 0 40px;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select {
font-size: 14px;
font-weight: 500;
color: var(--directorist-color-dark);
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item {
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-light-gray);
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 480px) {
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input {
gap: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder {
font-weight: 400;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder {
font-weight: 400;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder {
font-weight: 400;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder {
font-weight: 400;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder {
font-weight: 400;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
cursor: pointer;
border-radius: 100%;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
background-color: var(--directorist-color-light) !important;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after {
width: 12px;
height: 12px;
background-color: var(--directorist-color-light-gray);
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover {
background-color: var(--directorist-color-primary) !important;
}
.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after {
background-color: var(--directorist-color-white);
}
#directiost-listing-fields_wrapper .directorist-content-module {
background-color: var(--directorist-color-white);
border-radius: 0;
border: 1px solid #e3e6ef;
}
#directiost-listing-fields_wrapper .directorist-content-module__title {
padding: 20px 30px;
border-bottom: 1px solid #e3e6ef;
}
#directiost-listing-fields_wrapper .directorist-content-module__title i {
background-color: var(--directorist-color-primary);
}
#directiost-listing-fields_wrapper .directorist-content-module__title i:after {
background-color: var(--directorist-color-white);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields {
margin: 0 0 25px;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove {
background-color: #ededed !important;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after {
background-color: #808080;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover {
background-color: var(--directorist-color-primary) !important;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after {
background-color: var(--directorist-color-white);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title {
cursor: auto;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before {
display: none;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents {
padding: 30px 40px 40px;
}
@media (max-width: 991px) {
#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents {
height: auto;
opacity: 1;
padding: 20px;
visibility: visible;
}
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label {
margin-bottom: 10px;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element {
position: relative;
height: 42px;
padding: 15px 20px;
font-size: 14px;
font-weight: 400;
border-radius: 5px;
width: 100%;
border: 1px solid #ececec;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix {
height: 42px;
line-height: 42px;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field {
padding-top: 0;
padding-bottom: 0;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after {
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border-radius: 3px;
content: "";
border: 1px solid #c6d0dc;
background-color: var(--directorist-color-white);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-primary);
border-color: var(--directorist-color-primary);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before {
position: absolute;
left: 7px;
top: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--directorist-color-primary);
border: 0 none;
-webkit-mask-image: none;
mask-image: none;
z-index: 2;
content: "";
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-white);
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after,
#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after {
border-radius: 50%;
}
#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before {
left: 5px;
top: 5px;
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/e986e970b493125f349fc279b4b3d57b.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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;
}  .directorist-form-label {
display: block;
color: var(--directorist-color-dark);
margin-bottom: 5px;
font-size: 14px;
font-weight: 500;
}
.directorist-custom-field-radio > .directorist-form-label,
.directorist-custom-field-checkbox > .directorist-form-label,
.directorist-form-social-info-field > .directorist-form-label,
.directorist-form-image-upload-field > .directorist-form-label,
.directorist-custom-field-file-upload > .directorist-form-label,
.directorist-form-pricing-field.price-type-both > .directorist-form-label {
margin-bottom: 18px;
} .directorist-form-listing-type {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
@media (max-width: 767px) {
.directorist-form-listing-type {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.directorist-form-listing-type .directorist-form-label {
font-size: 14px;
font-weight: 500;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 0;
}
.directorist-form-listing-type__single {
-webkit-box-flex: 0;
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
}
.directorist-form-listing-type__single.directorist-radio {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label {
width: 100%;
height: 100%;
padding: 25px;
font-size: 14px;
font-weight: 500;
padding-left: 55px;
border-radius: 12px;
color: var(--directorist-color-body);
border: 3px solid var(--directorist-color-border-gray);
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small {
display: block;
margin-top: 5px;
font-weight: normal;
color: var(--directorist-color-success);
}
.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before {
left: 29px;
top: 29px;
}
.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after {
left: 25px;
top: 25px;
width: 18px;
height: 18px;
}
.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label {
border-color: var(--directorist-color-primary);
color: var(--directorist-color-primary);
} .directorist-form-pricing-field__options {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 20px;
}
.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label {
font-size: 14px;
font-weight: 400;
min-height: 18px;
padding-left: 27px;
color: var(--directorist-color-body);
}
.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label {
font-weight: 500;
color: var(--directorist-color-dark);
}
.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after {
top: 3px;
left: 3px;
width: 14px;
height: 14px;
border-radius: 100%;
border: 2px solid #c6d0dc;
}
.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before {
left: 0;
top: 0;
width: 8px;
height: 8px;
-webkit-mask-image: none;
mask-image: none;
background-color: var(--directorist-color-white);
border-radius: 100%;
border: 5px solid var(--directorist-color-primary);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after {
opacity: 0;
}
.directorist-form-pricing-field .directorist-form-element {
min-width: 100%;
}
.price-type-price_range .directorist-form-pricing-field__options,
.price-type-price_unit .directorist-form-pricing-field__options {
margin: 0;
} .directorist-select-multi select {
display: none;
}
#directorist-location-select {
z-index: 113 !important;
} #directorist-tag-select {
z-index: 112 !important;
} #directorist-category-select {
z-index: 111 !important;
}
.directorist-form-group .select2-selection {
border-color: #ececec;
}
.directorist-form-group .select2-container--default .select2-selection {
min-height: 40px;
padding-right: 45px;
}
.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered {
line-height: 26px;
padding: 0;
}
.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear {
padding-right: 15px;
}
.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow {
right: 10px;
}
.directorist-form-group .select2-container--default .select2-selection input {
min-height: 26px;
} .directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label {
font-size: 15px;
font-weight: 700;
} .directorist-map-coordinate {
margin-top: 20px;
}
.directorist-map-coordinates {
padding: 0 0 15px 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;
}
.directorist-map-coordinates__generate {
-webkit-box-flex: 0 !important;
-webkit-flex: 0 0 100% !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) {
margin-bottom: 20px;
}
.directorist-form-map-field__wrapper {
margin-bottom: 10px;
}
.directorist-form-map-field__maps #gmap {
position: relative;
height: 400px;
z-index: 1;
border-radius: 12px;
}
.directorist-form-map-field__maps #gmap #gmap_full_screen_button,
.directorist-form-map-field__maps #gmap .gm-fullscreen-control {
display: none;
}
.directorist-form-map-field__maps #gmap div[role=img] {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px !important;
height: 50px !important;
cursor: pointer;
border-radius: 100%;
overflow: visible !important;
}
.directorist-form-map-field__maps #gmap div[role=img] > img {
position: relative;
z-index: 1;
width: 100% !important;
height: 100% !important;
border-radius: 100%;
background-color: var(--directorist-color-primary);
}
.directorist-form-map-field__maps #gmap div[role=img]:before {
content: "";
position: absolute;
left: -25px;
top: -25px;
width: 0;
height: 0;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: none;
border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2);
opacity: 0;
visibility: hidden;
-webkit-animation: atbd_scale 3s linear alternate infinite;
animation: atbd_scale 3s linear alternate infinite;
}
.directorist-form-map-field__maps #gmap div[role=img]:after {
content: "";
display: block;
width: 12px;
height: 20px;
position: absolute;
z-index: 2;
background-color: var(--directorist-color-white);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/ed83bad2b8ea2a7680575ff079fc63af.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/ed83bad2b8ea2a7680575ff079fc63af.svg);
}
.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon {
margin: 0;
display: inline-block;
width: 13px !important;
height: 13px !important;
background-color: unset;
}
.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after {
display: none;
}
.directorist-form-map-field__maps #gmap div[role=img]:hover:before {
opacity: 1;
visibility: visible;
}
.directorist-form-map-field .map_drag_info {
display: none;
}
.directorist-form-map-field .atbd_map_shape {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
cursor: pointer;
border-radius: 100%;
}
.directorist-form-map-field .atbd_map_shape:before {
content: "";
position: absolute;
left: -20px;
top: -20px;
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: none;
}
.directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after {
width: 9px;
height: 16px;
background-color: var(--directorist-color-marker-icon);
-webkit-mask: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/ed83bad2b8ea2a7680575ff079fc63af.svg);
mask: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/ed83bad2b8ea2a7680575ff079fc63af.svg);
}
.directorist-form-map-field .atbd_map_shape:hover:before {
opacity: 1;
visibility: visible;
} .directorist-form-image-upload-field .ez-media-uploader {
text-align: center;
border-radius: 12px;
padding: 35px 10px;
margin: 0;
background-color: var(--directorist-color-bg-gray) !important;
border: 2px dashed var(--directorist-color-border-gray) !important;
}
.directorist-form-image-upload-field .ez-media-uploader.ezmu--show {
margin-bottom: 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(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/82bc0acb0537c9331637ee2319728e40.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/6af1e9612a6d7346e1366489fb9fac45.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/6af1e9612a6d7346e1366489fb9fac45.svg);
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item {
width: 175px;
min-width: 175px;
-webkit-flex-basis: unset;
-ms-flex-preferred-size: unset;
flex-basis: unset;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon {
background-image: unset;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after {
width: 12px;
height: 12px;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after {
background-color: var(--directorist-color-white);
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button {
width: 20px;
height: 25px;
background-size: 8px;
}
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag,
.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text {
padding: 0 5px;
height: 25px;
line-height: 25px;
}
.directorist-form-image-upload-field .ezmu__info-list-item:empty {
display: none;
}
.directorist-add-listing-wrapper {
max-width: 1000px !important;
margin: 0 auto;
}
.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back {
position: relative;
height: 100px;
width: 100%;
}
.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img {
-o-object-fit: cover;
object-fit: cover;
}
.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(var(--directorist-color-dark-rgb), 0.5);
opacity: 0;
visibility: visible;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before {
opacity: 1;
visibility: visible;
}
.directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 {
font-size: 20px;
font-weight: 500;
margin: 0;
}
.directorist-add-listing-wrapper .ezmu__btn {
margin-bottom: 25px;
background-color: var(--directorist-color-primary);
color: var(--directorist-color-white);
}
.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn {
pointer-events: none;
opacity: 0.7;
}
.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight {
position: relative;
}
.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #ddd;
cursor: no-drop;
z-index: 9999;
}
.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after {
content: "Maximum Files Uploaded";
font-size: 18px;
font-weight: 700;
color: #EF0000;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: no-drop;
z-index: 9999;
}
.directorist-add-listing-wrapper .ezmu__info-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
margin: 15px 0 0;
}
.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item {
margin: 0;
}
.directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before {
width: 16px;
height: 16px;
background-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/83eed1a628ff52c2adf977f50ac7adb4.svg);
}
.directorist-add-listing-form { }
.directorist-add-listing-form__action {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 12px;
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
.directorist-add-listing-form__action .directorist-form-submit {
margin-top: 15px;
}
.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading {
position: relative;
}
.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after {
content: "";
border: 2px solid #f3f3f3;
border-radius: 50%;
border-top: 2px solid #656a7a;
width: 20px;
height: 20px;
-webkit-animation: rotate360 2s linear infinite;
animation: rotate360 2s linear infinite;
display: inline-block;
margin: 0 0 0 10px;
position: relative;
top: 4px;
}
.directorist-add-listing-form__action label {
line-height: 1.25;
margin-bottom: 0;
}
.directorist-add-listing-form__action #listing_notifier {
padding: 18px 40px 33px;
font-size: 14px;
font-weight: 600;
color: var(--directorist-color-danger);
border-top: 1px solid var(--directorist-color-border);
}
.directorist-add-listing-form__action #listing_notifier:empty {
display: none;
}
.directorist-add-listing-form__action #listing_notifier .atbdp_success {
color: var(--directorist-color-success);
}
.directorist-add-listing-form__action .directorist-form-group,
.directorist-add-listing-form__action .directorist-checkbox {
margin: 0;
padding: 30px 40px 0;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (max-width: 576px) {
.directorist-add-listing-form__action .directorist-form-group,
.directorist-add-listing-form__action .directorist-checkbox {
padding: 30px 0 0;
}
.directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy,
.directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy {
padding: 30px 30px 0;
}
}
@media only screen and (max-width: 480px) {
.directorist-add-listing-form__action .directorist-form-group,
.directorist-add-listing-form__action .directorist-checkbox {
padding: 30px 20px 0;
}
}
.directorist-add-listing-form__action .directorist-form-group label,
.directorist-add-listing-form__action .directorist-checkbox label {
font-size: 14px;
font-weight: 500;
margin: 0 0 10px;
}
.directorist-add-listing-form__action .directorist-form-group label a,
.directorist-add-listing-form__action .directorist-checkbox label a {
color: var(--directorist-color-info);
}
.directorist-add-listing-form__action .directorist-form-group #guest_user_email,
.directorist-add-listing-form__action .directorist-checkbox #guest_user_email {
margin: 0 0 10px;
}
.directorist-add-listing-form__action .directorist-form-required {
padding-left: 5px;
}
.directorist-add-listing-form__publish {
padding: 100px 20px;
margin-bottom: 0;
text-align: center;
}
@media only screen and (max-width: 576px) {
.directorist-add-listing-form__publish {
padding: 70px 20px;
}
}
@media only screen and (max-width: 480px) {
.directorist-add-listing-form__publish {
padding: 50px 20px;
}
}
.directorist-add-listing-form__publish__icon i {
width: 70px;
height: 70px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100%;
margin: 0 auto 25px;
background-color: var(--directorist-color-light);
}
@media only screen and (max-width: 480px) {
.directorist-add-listing-form__publish__icon i {
margin-bottom: 20px;
}
}
.directorist-add-listing-form__publish__icon i:after {
width: 30px;
height: 30px;
background-color: var(--directorist-color-primary);
}
@media only screen and (max-width: 480px) {
.directorist-add-listing-form__publish__icon i:after {
width: 25px;
height: 25px;
}
}
@media only screen and (max-width: 480px) {
.directorist-add-listing-form__publish__icon i:after {
width: 22px;
height: 22px;
}
}
.directorist-add-listing-form__publish__title {
font-size: 24px;
font-weight: 600;
margin: 0 0 10px;
}
@media only screen and (max-width: 480px) {
.directorist-add-listing-form__publish__title {
font-size: 22px;
}
}
.directorist-add-listing-form__publish__subtitle {
font-size: 15px;
color: var(--directorist-color-body);
margin: 0;
}
.directorist-add-listing-form .directorist-form-group textarea {
padding: 10px 0;
background: transparent;
}
.directorist-add-listing-form .atbd_map_shape {
width: 50px;
height: 50px;
}
.directorist-add-listing-form .atbd_map_shape:before {
left: -25px;
top: -25px;
border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2);
}
.directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after {
width: 11px;
height: 20px;
}  .directorist-custom-field-select select.directorist-form-element {
padding-top: 0;
padding-bottom: 0;
} .plupload-upload-uic {
width: 420px;
margin: 0 auto !important;
border: 1px dashed #dbdee9;
padding: 30px;
text-align: center;
}
.plupload-upload-uic .directorist-dropbox-title {
font-weight: 500;
margin-bottom: 15px;
font-size: 15px;
}
.plupload-upload-uic .directorist-dropbox-file-types {
margin-top: 10px;
color: #9299b8;
} .directorist-modal-container {
display: none;
margin: 0 !important;
max-width: 100% !important;
height: 100vh !important;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999999999999;
}
.directorist-modal-container.show {
display: block;
}
.directorist-modal-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: rgba(0, 0, 0, 0.4705882353);
width: 100%;
height: 100%;
position: absolute;
overflow: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-modals {
display: block;
width: 100%;
max-width: 400px;
margin: 0 auto;
background-color: var(--directorist-color-white);
border-radius: 8px;
overflow: hidden;
}
.directorist-modal-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 10px 20px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e4e4e4;
}
.directorist-modal-title-area {
display: block;
}
.directorist-modal-header .directorist-modal-title {
margin-bottom: 0 !important;
font-size: 24px;
}
.directorist-modal-actions-area {
display: block;
padding: 0 10px;
}
.directorist-modal-body {
display: block;
padding: 20px;
}
.directorist-form-privacy {
margin-bottom: 10px;
font-size: 14px;
font-weight: 500;
color: var(--directorist-color-primary);
}
.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after {
border-color: var(--directorist-color-body);
}
.directorist-form-privacy,
.directorist-form-terms {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-form-privacy a,
.directorist-form-terms a {
text-decoration: none;
} .add_listing_form_wrapper .hide-if-no-js {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#listing_form_info .directorist-bh-wrap .directorist-select select {
width: calc(100% - 1px);
min-height: 42px;
display: block !important;
border-color: #ececec !important;
padding: 0 10px;
}
.directorist-map-field #floating-panel {
margin-bottom: 20px;
}
.directorist-map-field #floating-panel #delete_marker {
background-color: var(--directorist-color-danger);
border: 1px solid var(--directorist-color-danger);
color: var(--directorist-color-white);
}
#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents {
padding-top: 20px;
}
.directorist-custom-field-radio,
.directorist-custom-field-checkbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 0 10px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directorist-custom-field-radio .directorist-form-label,
.directorist-custom-field-radio .directorist-form-description,
.directorist-custom-field-radio .directorist-custom-field-btn-more,
.directorist-custom-field-checkbox .directorist-form-label,
.directorist-custom-field-checkbox .directorist-form-description,
.directorist-custom-field-checkbox .directorist-custom-field-btn-more {
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.directorist-custom-field-radio .directorist-checkbox,
.directorist-custom-field-radio .directorist-radio,
.directorist-custom-field-checkbox .directorist-checkbox,
.directorist-custom-field-checkbox .directorist-radio {
-webkit-box-flex: 0;
-webkit-flex: 0 0 49%;
-ms-flex: 0 0 49%;
flex: 0 0 49%;
}
@media only screen and (max-width: 767px) {
.directorist-custom-field-radio .directorist-checkbox,
.directorist-custom-field-radio .directorist-radio,
.directorist-custom-field-checkbox .directorist-checkbox,
.directorist-custom-field-checkbox .directorist-radio {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.directorist-custom-field-radio .directorist-custom-field-btn-more,
.directorist-custom-field-checkbox .directorist-custom-field-btn-more {
margin-top: 5px;
}
.directorist-custom-field-radio .directorist-custom-field-btn-more:after,
.directorist-custom-field-checkbox .directorist-custom-field-btn-more:after {
content: "";
display: inline-block;
margin-left: 5px;
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/05feea3d261c8b97573023a74fd26f03.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/c90867d23032298fc0ff1d456a6fdb30.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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;
}
@media only screen and (max-width: 991px) {
.multistep-wizard {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.multistep-wizard__nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 6px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
max-height: 100vh;
min-width: 270px;
max-width: 270px;
overflow-y: auto;
}
.multistep-wizard__nav.sticky {
position: fixed;
top: 0;
}
.multistep-wizard__nav__btn {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
width: 270px;
min-height: 36px;
padding: 7px 16px;
border: none;
outline: none;
cursor: pointer;
font-size: 14px;
font-weight: 400;
border-radius: 8px;
border: 1px solid transparent;
text-decoration: none !important;
color: var(--directorist-color-light-gray);
background-color: transparent;
border: 1px solid transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
@media only screen and (max-width: 991px) {
.multistep-wizard__nav__btn {
width: 100%;
}
}
.multistep-wizard__nav__btn i {
min-width: 36px;
width: 36px;
height: 36px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100%;
background-color: #ededed;
}
.multistep-wizard__nav__btn i:after {
width: 16px;
height: 16px;
background-color: var(--directorist-color-light-gray);
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.multistep-wizard__nav__btn:before {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/bbed57ce5c92c9a7aa71622e408b6a66.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/bbed57ce5c92c9a7aa71622e408b6a66.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 12px;
height: 12px;
background-color: var(--directorist-color-light-gray);
display: block;
opacity: 0;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
z-index: 2;
}
.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover {
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border-color: var(--directorist-color-border-light);
background-color: var(--directorist-color-white);
outline: none;
}
.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before {
opacity: 1;
}
.multistep-wizard__nav__btn:focus {
outline: none;
font-weight: 600;
color: var(--directorist-color-primary);
}
.multistep-wizard__nav__btn:focus:before {
background-color: var(--directorist-color-primary);
}
.multistep-wizard__nav__btn:focus i::after {
background-color: var(--directorist-color-primary);
}
.multistep-wizard__nav__btn.completed {
color: var(--directorist-color-primary);
}
.multistep-wizard__nav__btn.completed:before {
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/e986e970b493125f349fc279b4b3d57b.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/e986e970b493125f349fc279b4b3d57b.svg);
opacity: 1;
}
.multistep-wizard__nav__btn.completed i::after {
background-color: var(--directorist-color-primary);
}
@media only screen and (max-width: 991px) {
.multistep-wizard__nav {
display: none;
}
}
.multistep-wizard__content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.multistep-wizard__single {
border-radius: 12px;
background-color: var(--directorist-color-white);
}
.multistep-wizard__single label {
display: block;
}
.multistep-wizard__single span.required {
color: var(--directorist-color-danger);
}
@media only screen and (max-width: 991px) {
.multistep-wizard__single .directorist-content-module__title {
position: relative;
cursor: pointer;
}
.multistep-wizard__single .directorist-content-module__title h2 {
-webkit-padding-end: 20px;
padding-inline-end: 20px;
}
.multistep-wizard__single .directorist-content-module__title:before {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/e9f5f62f416fee88e3f2d027b8b705da.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/e9f5f62f416fee88e3f2d027b8b705da.svg);
}
.multistep-wizard__single .directorist-content-module__contents {
height: 0;
opacity: 0;
padding: 0;
visibility: hidden;
-webkit-transition: padding-top 0.3s ease;
transition: padding-top 0.3s ease;
}
.multistep-wizard__single .directorist-content-module__contents.active {
height: auto;
opacity: 1;
padding: 20px;
visibility: visible;
}
}
.multistep-wizard__progressbar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 50px;
border-radius: 8px;
}
.multistep-wizard__progressbar:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: var(--directorist-color-border);
border-radius: 8px;
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
}
.multistep-wizard__progressbar__width {
position: absolute;
top: 0;
left: 0;
width: 0;
}
.multistep-wizard__progressbar__width:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: var(--directorist-color-primary);
border-radius: 8px;
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
}
.multistep-wizard__bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 25px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px 0;
}
@media only screen and (max-width: 575px) {
.multistep-wizard__bottom {
gap: 15px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.multistep-wizard__btn {
width: 200px;
height: 54px;
gap: 12px;
border: none;
outline: none;
cursor: pointer;
background-color: var(--directorist-color-light);
}
.multistep-wizard__btn.directorist-btn {
color: var(--directorist-color-body);
}
.multistep-wizard__btn.directorist-btn i:after {
background-color: var(--directorist-color-body);
}
.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus {
color: var(--directorist-color-white);
background-color: var(--directorist-color-primary);
}
.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after {
background-color: var(--directorist-color-white);
}
.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] {
color: var(--directorist-color-light-gray);
pointer-events: none;
}
.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after {
background-color: var(--directorist-color-light-gray);
}
.multistep-wizard__btn i:after {
width: 14px;
height: 14px;
background-color: var(--directorist-color-primary);
}
.multistep-wizard__btn--save-preview {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.multistep-wizard__btn--save-preview.directorist-btn {
height: 0;
opacity: 0;
visibility: hidden;
}
@media only screen and (max-width: 575px) {
.multistep-wizard__btn--save-preview {
width: 100%;
}
}
.multistep-wizard__btn--skip-preview {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.multistep-wizard__btn--skip-preview.directorist-btn {
height: 0;
opacity: 0;
visibility: hidden;
}
.multistep-wizard__btn.directorist-btn {
min-height: unset;
}
@media only screen and (max-width: 575px) {
.multistep-wizard__btn.directorist-btn {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.multistep-wizard__count {
font-size: 15px;
font-weight: 500;
}
@media only screen and (max-width: 575px) {
.multistep-wizard__count {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
}
.multistep-wizard .default-add-listing-bottom {
display: none;
}
.multistep-wizard.default-add-listing .multistep-wizard__single {
display: block !important;
}
.multistep-wizard.default-add-listing .multistep-wizard__bottom,
.multistep-wizard.default-add-listing .multistep-wizard__progressbar {
display: none !important;
}
.multistep-wizard.default-add-listing .default-add-listing-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 35px 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn {
width: 100%;
height: 54px;
}
.logged-in .multistep-wizard__nav.sticky {
top: 32px;
}
@keyframes atbd_scale {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
#directorist_submit_privacy_policy {
display: block;
opacity: 0;
width: 0;
height: 0;
margin: 0;
padding: 0;
border: none;
}
#directorist_submit_privacy_policy::after {
display: none;
}
.upload-error {
display: block !important;
clear: both;
background-color: #FCD9D9;
color: #E80000;
font-size: 16px;
word-break: break-word;
border-radius: 3px;
padding: 15px 20px;
}
#upload-msg {
display: block;
clear: both;
}
#content .category_grid_view li a.post_img {
height: 65px;
width: 90%;
overflow: hidden;
}
#content .category_grid_view li a.post_img img {
margin: 0 auto;
display: block;
height: 65px;
}
#content .category_list_view li a.post_img {
height: 110px;
width: 165px;
overflow: hidden;
}
#content .category_list_view li a.post_img img {
margin: 0 auto;
display: block;
height: 110px;
}
#sidebar .recent_comments li img.thumb {
width: 40px;
}
.post_img_tiny img {
width: 35px;
}
.single_post_blog img.alignleft {
width: 96%;
height: auto;
}
.ecu_images {
width: 100%;
}
.filelist {
width: 100%;
}
.filelist .file {
padding: 5px;
background-color: #ececec;
border: solid 1px #ccc;
margin-bottom: 4px;
clear: both;
text-align: left;
}
.filelist .fileprogress {
width: 0%;
height: 5px;
background-color: #3385ff;
}
#custom-filedropbox,
.directorist-custom-field-file-upload__wrapper > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 20px;
}
.plupload-upload-uic {
width: 200px;
height: 150px;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 12px;
margin: 0 !important;
background-color: var(--directorist-color-bg-gray);
border: 2px dashed var(--directorist-color-border-gray);
}
.plupload-upload-uic > input {
display: none;
}
.plupload-upload-uic .plupload-browse-button-label {
cursor: pointer;
}
.plupload-upload-uic .plupload-browse-button-label i::after {
width: 50px;
height: 45px;
background-color: var(--directorist-color-border-gray);
}
.plupload-upload-uic .plupload-browse-img-size {
font-size: 13px;
font-weight: 400;
color: var(--directorist-color-body);
}
@media (max-width: 575px) {
.plupload-upload-uic {
width: 100%;
height: 200px;
}
}
.plupload-thumbs {
clear: both;
overflow: hidden;
}
.plupload-thumbs .thumb {
position: relative;
height: 150px;
width: 200px;
border-radius: 12px;
}
.plupload-thumbs .thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 12px;
}
.plupload-thumbs .thumb:hover .atbdp-thumb-actions::before {
opacity: 1;
visibility: visible;
}
@media (max-width: 575px) {
.plupload-thumbs .thumb {
width: 100%;
height: 200px;
}
}
.plupload-thumbs .atbdp-thumb-actions {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.plupload-thumbs .atbdp-thumb-actions .thumbremovelink {
position: absolute;
top: 10px;
right: 10px;
background-color: #FF385C;
height: 32px;
width: 32px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after {
width: 14px;
height: 14px;
background-color: var(--directorist-color-white);
}
.plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover {
opacity: 0.8;
}
.plupload-thumbs .atbdp-thumb-actions .thumbremovelink i {
font-size: 14px;
}
.plupload-thumbs .atbdp-thumb-actions:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
border-radius: 12px;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
background-color: rgba(var(--directorist-color-dark-rgb), 0.5);
}
.plupload-thumbs .thumb.atbdp_file {
border: none;
width: auto;
}
.atbdp-add-files .plupload-thumbs .thumb img,
.plupload-thumbs .thumb i.atbdp-file-info {
cursor: move;
width: 100%;
height: 100%;
z-index: 1;
}
.plupload-thumbs .thumb i.atbdp-file-info {
font-size: 50px;
padding-top: 10%;
z-index: 1;
}
.plupload-thumbs .thumb .thumbi {
position: absolute;
right: -10px;
top: -8px;
height: 18px;
width: 18px;
}
.plupload-thumbs .thumb .thumbi a {
text-indent: -8000px;
display: block;
}
.plupload-thumbs .atbdp-title-preview,
.plupload-thumbs .atbdp-caption-preview {
position: absolute;
top: 10px;
left: 5px;
font-size: 10px;
line-height: 10px;
padding: 1px;
background: rgba(255, 255, 255, 0.5);
z-index: 2;
overflow: hidden;
height: 10px;
}
.plupload-thumbs .atbdp-caption-preview {
top: auto;
bottom: 10px;
} .leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::-moz-selection {
background: transparent;
}
.leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(145, 175, 186, 0.4);
}
.leaflet-tile {
-webkit-filter: inherit;
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
display: none;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background-color: #ddd;
outline: 0;
}
.leaflet-container a,
.leaflet-container .map-listing-card-single__content a {
color: #404040;
}
.leaflet-container a.leaflet-active {
outline: 2px solid #fa8b0c;
}
.leaflet-zoom-box {
border: 2px dotted var(--directorist-color-info);
background: rgba(255, 255, 255, 0.5);
} .leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
} .leaflet-bar {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: var(--directorist-color-white);
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px "Lucida Console", Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
} .leaflet-control-layers {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background-color: var(--directorist-color-white);
border-radius: 5px;
}
.leaflet-control-layers-toggle {
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background-color: var(--directorist-color-white);
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}  .leaflet-container .leaflet-control-attribution {
background-color: var(--directorist-color-white);
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: var(--directorist-color-white);
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
-webkit-box-shadow: none;
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 10px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
-webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background-color: var(--directorist-color-white);
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: var(--directorist-color-white);
border: 1px solid var(--directorist-color-white);
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: var(--directorist-color-white);
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: var(--directorist-color-white);
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: var(--directorist-color-white);
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: var(--directorist-color-white);
}
.directorist-content-active #map {
position: relative;
width: 100%;
height: 660px;
border: none;
z-index: 1;
}
.directorist-content-active #gmap_full_screen_button {
position: absolute;
top: 20px;
right: 20px;
z-index: 999;
width: 50px;
height: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 10px;
background-color: var(--directorist-color-white);
cursor: pointer;
}
.directorist-content-active #gmap_full_screen_button i::after {
width: 22px;
height: 22px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: var(--directorist-color-dark);
}
.directorist-content-active #gmap_full_screen_button .fullscreen-disable {
display: none;
}
.directorist-content-active #progress {
display: none;
position: absolute;
z-index: 1000;
left: 400px;
top: 300px;
width: 200px;
height: 20px;
margin-top: -20px;
margin-left: -100px;
background-color: var(--directorist-color-white);
background-color: rgba(255, 255, 255, 0.7);
border-radius: 4px;
padding: 2px;
}
.directorist-content-active #progress-bar {
width: 0;
height: 100%;
background-color: #76A6FC;
border-radius: 4px;
}
.directorist-content-active .gm-fullscreen-control {
width: 50px !important;
height: 50px !important;
margin: 20px !important;
border-radius: 10px !important;
-webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important;
}
.directorist-content-active .gmnoprint {
border-radius: 5px;
}
.directorist-content-active .gm-style-cc,
.directorist-content-active .gm-style-mtc-bbw,
.directorist-content-active button.gm-svpc {
display: none;
}
.directorist-content-active .italic {
font-style: italic;
}
.directorist-content-active .buttonsTable {
border: 1px solid grey;
border-collapse: collapse;
}
.directorist-content-active .buttonsTable td,
.directorist-content-active .buttonsTable th {
padding: 8px;
border: 1px solid grey;
}
.directorist-content-active .version-disabled {
text-decoration: line-through;
} .directorist-form-group .wp-picker-container .button {
position: relative;
height: 40px;
border: 0 none;
width: 140px;
padding: 0;
font-size: 14px;
font-weight: 500;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
border-radius: 8px;
cursor: pointer;
}
.directorist-form-group .wp-picker-container .button:hover {
color: var(--directorist-color-white);
background: rgba(var(--directorist-color-dark-rgb), 0.7);
}
.directorist-form-group .wp-picker-container .button .wp-color-result-text {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
width: auto;
min-width: 100px;
padding: 0 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
font-size: 14px;
text-transform: capitalize;
background-color: #f7f7f7;
color: var(--directorist-color-body);
}
.directorist-form-group .wp-picker-container .wp-picker-input-wrap label {
width: 90px;
}
.directorist-form-group .wp-picker-container .wp-picker-input-wrap label input {
height: 40px;
padding: 0;
text-align: center;
border: none;
}
.directorist-form-group .wp-picker-container .hidden {
display: none;
}
.directorist-form-group .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 10px 0;
}
.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap {
padding: 15px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap.hidden {
display: none;
}
.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap .screen-reader-text {
display: none;
}
.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label {
width: 90px;
margin: 0;
}
.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label + .button {
margin-left: 10px;
padding-top: 0;
padding-bottom: 0;
font-size: 15px;
}
.directorist-show {
display: block !important;
}
.directorist-hide {
display: none !important;
}
.directorist-d-none {
display: none !important;
}
.directorist-text-center {
text-align: center;
}
.entry-content ul {
margin: 0;
padding: 0;
}
.entry-content a {
text-decoration: none;
}
.entry-content .directorist-search-modal__contents__title {
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;
} .directorist-container-fluid > .directorist-container-fluid {
padding-left: 0;
padding-right: 0;
}
.directorist-announcement-wrapper .directorist_not-found p {
margin-bottom: 0;
}
.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below {
top: 0;
border-color: var(--directorist-color-border);
}
.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below {
top: 32px;
}
.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
display: none;
}
.directorist-content-active .select2.select2-container.select2-container--default {
width: 100% !important;
}
.directorist-content-active .select2.select2-container.select2-container--default .select2-selection {
min-height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: none;
padding: 5px 0;
border-radius: 0;
background: transparent;
border-bottom: 1px solid var(--directorist-color-border-gray);
}
.directorist-content-active .select2.select2-container.select2-container--default .select2-selection:focus {
border-color: var(--directorist-color-primary);
outline: none;
}
.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice {
height: 28px;
line-height: 28px;
font-size: 12px;
border: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 5px;
padding: 0 10px;
border-radius: 8px;
color: var(--directorist-color-white);
background-color: var(--directorist-color-primary);
}
.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove {
position: relative;
width: 12px;
margin: 0;
font-size: 0;
color: var(--directorist-color-white);
}
.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove:before {
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/4ff79f85f2a1666e0f80c7ca71039465.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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; scrollbar-width: none; }
.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar {
display: none;
}
.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear {
padding-right: 25px;
}
.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b {
display: none;
}
.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection {
border: none;
border-bottom: 1px solid var(--directorist-color-primary) !important;
}
.directorist-content-active .select2-container.select2-container--open {
z-index: 99999;
}
@media only screen and (max-width: 575px) {
.directorist-content-active .select2-container.select2-container--open {
width: calc(100% - 40px);
}
}
.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b {
margin-top: 0;
}
.directorist-content-active .select2-container .directorist-select2-addons-area {
top: unset;
bottom: 20px;
right: 0;
}
.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle {
position: absolute;
right: 0;
padding: 0;
width: auto;
pointer-events: none;
}
.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close {
position: absolute;
right: 15px;
padding: 0;
display: none;
} #recover-pass-modal {
display: none;
}
.directorist-login-wrapper #recover-pass-modal .directorist-btn {
margin-top: 15px;
}
.directorist-login-wrapper #recover-pass-modal .directorist-btn:hover {
text-decoration: none;
}
body.modal-overlay-enabled {
position: relative;
}
body.modal-overlay-enabled:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(var(--directorist-color-dark-rgb), 0.05);
z-index: 1;
}
.directorist-widget {
margin-bottom: 25px;
}
.directorist-widget .directorist-card__header.directorist-widget__header {
padding: 20px 25px;
}
.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directorist-widget .directorist-card__body.directorist-widget__body {
padding: 20px 30px;
}
.directorist-sidebar .directorist-card {
margin-bottom: 25px;
}
.directorist-sidebar .directorist-card ul {
padding: 0;
margin: 0;
list-style: none;
}
.directorist-sidebar .directorist-card .directorist-author-social {
padding: 22px 0 0;
}
.directorist-sidebar .directorist-card .directorist-single-author-contact-info ul {
padding: 0;
}
.directorist-sidebar .directorist-card .tagcloud {
margin: 0;
padding: 25px;
}
.directorist-sidebar .directorist-card a {
text-decoration: none;
}
.directorist-sidebar .directorist-card select {
width: 100%;
height: 40px;
padding: 8px 0;
border-radius: 0;
font-size: 15px;
font-weight: 400;
outline: none;
border: none;
border-bottom: 1px solid var(--directorist-color-border);
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
.directorist-sidebar .directorist-card select:focus {
border-color: var(--directorist-color-dark);
}
.directorist-sidebar .directorist-card__header__title {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.directorist-widget__listing-contact .directorist-form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.directorist-widget__listing-contact .directorist-form-group .directorist-form-element {
height: 46px;
padding: 8px 16px;
border-radius: 8px;
border: 1px solid var(--directorist-color-border);
}
.directorist-widget__listing-contact .directorist-form-group .directorist-form-element:focus {
border: 1px solid var(--directorist-color-dark);
}
.directorist-widget__listing-contact .directorist-form-group .directorist-form-element__prefix {
height: 46px;
line-height: 46px;
}
.directorist-widget__listing-contact .directorist-form-group textarea {
min-height: 130px !important;
resize: none;
}
.directorist-widget__listing-contact .directorist-btn {
width: 100%;
}
.directorist-widget__submit-listing .directorist-btn {
width: 100%;
}
.directorist-widget__author-info figure {
margin: 0;
}
.directorist-widget__author-info .diretorist-view-profile-btn {
width: 100%;
margin-top: 25px;
}
.directorist-single-map.directorist-widget__map.leaflet-container {
margin-bottom: 0;
border-radius: 12px;
}
.directorist-widget-listing__single {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.directorist-widget-listing__single:not(:last-child) {
margin-bottom: 25px;
}
.directorist-widget-listing__image {
width: 70px;
height: 70px;
}
.directorist-widget-listing__image a:focus {
outline: none;
}
.directorist-widget-listing__image img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.directorist-widget-listing__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 5px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.directorist-widget-listing__content .directorist-widget-listing__title {
font-size: 15px;
font-weight: 500;
line-height: 1;
margin: 0;
color: var(--directorist-color-dark);
margin: 0;
}
.directorist-widget-listing__content a {
text-decoration: none;
display: inline-block;
width: 200px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: var(--directorist-color-dark);
}
.directorist-widget-listing__content a:focus {
outline: none;
}
.directorist-widget-listing__content .directorist-widget-listing__meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-widget-listing__content .directorist-widget-listing__rating {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-widget-listing__content .directorist-widget-listing__rating-point {
font-size: 14px;
font-weight: 600;
display: inline-block;
margin: 0 8px;
color: var(--directorist-color-body);
}
.directorist-widget-listing__content .directorist-icon-mask {
line-height: 1;
}
.directorist-widget-listing__content .directorist-icon-mask:after {
width: 12px;
height: 12px;
background-color: var(--directorist-color-warning);
}
.directorist-widget-listing__content .directorist-widget-listing__reviews {
font-size: 13px;
text-decoration: underline;
color: var(--directorist-color-body);
}
.directorist-widget-listing__content .directorist-widget-listing__price {
font-size: 15px;
font-weight: 600;
color: var(--directorist-color-dark);
}
.directorist-widget__video .directorist-embaded-item {
width: 100%;
height: 100%;
border-radius: 10px;
}
.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon {
background-color: var(--directorist-color-primary);
color: var(--directorist-color-white);
}
.directorist-widget .directorist-widget-list li:not(:last-child) {
margin-bottom: 10px;
}
.directorist-widget .directorist-widget-list li span.la,
.directorist-widget .directorist-widget-list li span.fa {
cursor: pointer;
margin: 0 5px 0 0;
}
.directorist-widget .directorist-widget-list .directorist-widget-list__icon {
font-size: 12px;
display: inline-block;
margin-right: 10px;
line-height: 28px;
width: 28px;
text-align: center;
background-color: #f1f3f8;
color: #9299b8;
border-radius: 50%;
}
.directorist-widget .directorist-widget-list .directorist-child-category {
padding-left: 44px;
margin-top: 2px;
}
.directorist-widget .directorist-widget-list .directorist-child-category li a {
position: relative;
}
.directorist-widget .directorist-widget-list .directorist-child-category li a:before {
position: absolute;
content: "-";
left: -12px;
top: 50%;
font-size: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.directorist-widget-taxonomy .directorist-taxonomy-list-one {
-webkit-margin-after: 10px;
margin-block-end: 10px;
}
.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card {
background: none;
padding: 0;
min-height: auto;
}
.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span {
font-weight: var(--directorist-fw-normal);
}
.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span:empty {
display: none;
}
.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask {
background-color: var(--directorist-color-light);
}
.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--directorist-color-light);
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default::after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--directorist-color-primary);
display: block;
}
.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item {
background: none;
padding-bottom: 0;
-webkit-padding-start: 52px;
padding-inline-start: 52px;
}
.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item {
-webkit-padding-start: 25px;
padding-inline-start: 25px;
}
.directorist-widget-location .directorist-taxonomy-list-one:last-child {
margin-bottom: 0;
}
.directorist-widget-location .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item {
-webkit-padding-start: 25px;
padding-inline-start: 25px;
}
.directorist-widget-tags ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.directorist-widget-tags li {
list-style: none;
padding: 0;
margin: 0;
}
.directorist-widget-tags a {
display: block;
font-size: 15px;
font-weight: 400;
padding: 5px 15px;
text-decoration: none;
color: var(--directorist-color-body);
border: 1px solid var(--directorist-color-border);
border-radius: var(--directorist-border-radius-xs);
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
.directorist-widget-tags a:hover {
color: var(--directorist-color-primary);
border-color: var(--directorist-color-primary);
}
.directorist-widget-advanced-search .directorist-search-form__box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.directorist-widget-advanced-search .directorist-search-form__box .directorist-search-form-action {
margin-top: 25px;
}
.directorist-widget-advanced-search .directorist-search-form-top {
width: 100%;
}
.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input {
width: 100%;
}
.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field {
border: 0 none;
}
.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label {
position: unset;
-webkit-transform: unset;
transform: unset;
display: block;
margin: 0 0 15px;
}
.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i {
display: none;
}
.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-checkbox-wrapper,
.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-radio-wrapper,
.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-tags {
gap: 10px;
margin: 0;
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.directorist-widget-advanced-search .directorist-search-form .directorist-search-field > label {
display: block;
margin: 0 0 15px;
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
}
.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-text_range > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-radius_search > label {
font-size: 16px;
font-weight: 500;
}
.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused .directorist-search-field__label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value .directorist-search-field__label,
.directorist-widget-advanced-search .directorist-search-form .directorist-search-field .directorist-search-basic-dropdown-label {
font-size: 16px;
font-weight: 500;
}
.directorist-widget-advanced-search .directorist-checkbox-rating {
padding: 0;
}
.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) {
margin-bottom: 15px;
}
.directorist-widget-advanced-search .directorist-btn-ml {
display: block;
font-size: 13px;
font-weight: 500;
margin-top: 10px;
color: var(--directorist-color-body);
}
.directorist-widget-advanced-search .directorist-btn-ml:hover {
color: var(--directorist-color-primary);
}
.directorist-widget-advanced-search .directorist-advanced-filter__action {
padding: 0 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn {
height: 46px;
font-size: 14px;
font-weight: 400;
}
.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js {
height: 46px;
padding: 0 32px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
border-radius: 8px;
text-decoration: none;
text-transform: capitalize;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--directorist-color-light);
}
.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:focus {
outline: none;
}
.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.directorist-widget-authentication form {
margin-bottom: 15px;
}
.directorist-widget-authentication p label,
.directorist-widget-authentication p input:not(input[type=checkbox]) {
display: block;
}
.directorist-widget-authentication p label {
padding-bottom: 10px;
}
.directorist-widget-authentication p input:not(input[type=checkbox]) {
height: 46px;
padding: 8px 16px;
border-radius: 8px;
border: 1px solid var(--directorist-color-border);
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-widget-authentication .login-submit button {
cursor: pointer;
} .directorist-btn {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 5px;
font-size: 14px;
font-weight: 500;
vertical-align: middle;
text-transform: capitalize;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
padding: 0 26px;
min-height: 45px;
line-height: 1.5;
border-radius: 8px;
border: 1px solid var(--directorist-color-primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
background-color: var(--directorist-color-primary);
color: var(--directorist-color-white);
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
text-decoration: none !important;
}
.directorist-btn .directorist-icon-mask:after {
background-color: currentColor;
width: 16px;
height: 16px;
}
.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout {
line-height: 43px;
}
.directorist-btn:hover, .directorist-btn:focus {
color: var(--directorist-color-white);
outline: 0 !important;
background-color: rgba(var(--directorist-color-primary-rgb), 0.8);
}
.directorist-btn.directorist-btn-primary {
background-color: var(--directorist-color-btn-primary-bg);
color: var(--directorist-color-btn-primary);
border: 1px solid var(--directorist-color-btn-primary-border);
}
.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover {
background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8);
}
.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after {
background-color: var(--directorist-color-btn-primary);
}
.directorist-btn.directorist-btn-secondary {
background-color: var(--directorist-color-btn-secondary-bg);
color: var(--directorist-color-btn-secondary);
border: 1px solid var(--directorist-color-btn-secondary-border);
}
.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover {
background-color: transparent;
color: currentColor;
border-color: var(--directorist-color-btn-secondary-bg);
}
.directorist-btn.directorist-btn-dark {
background-color: var(--directorist-color-dark);
border-color: var(--directorist-color-dark);
color: var(--directorist-color-white);
}
.directorist-btn.directorist-btn-dark:hover {
background-color: rgba(var(--directorist-color-dark-rgb), 0.8);
}
.directorist-btn.directorist-btn-success {
background-color: var(--directorist-color-success);
border-color: var(--directorist-color-success);
color: var(--directorist-color-white);
}
.directorist-btn.directorist-btn-success:hover {
background-color: rgba(var(--directorist-color-success-rgb), 0.8);
}
.directorist-btn.directorist-btn-info {
background-color: var(--directorist-color-info);
border-color: var(--directorist-color-info);
color: var(--directorist-color-white);
}
.directorist-btn.directorist-btn-info:hover {
background-color: rgba(var(--directorist-color-success-rgb), 0.8);
}
.directorist-btn.directorist-btn-light {
background-color: var(--directorist-color-light);
border-color: var(--directorist-color-light);
color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover {
background-color: var(--directorist-color-light-hover);
color: var(--directorist-color-primary);
border-color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-lighter {
border-color: var(--directorist-color-dark);
background-color: #f6f7f9;
color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-warning {
border-color: var(--directorist-color-warning);
background-color: var(--directorist-color-warning);
color: var(--directorist-color-white);
}
.directorist-btn.directorist-btn-warning:hover {
background-color: rgba(var(--directorist-color-warning-rgb), 0.8);
}
.directorist-btn.directorist-btn-danger {
border-color: var(--directorist-color-danger);
background-color: var(--directorist-color-danger);
color: var(--directorist-color-white);
}
.directorist-btn.directorist-btn-danger:hover {
background-color: rgba(var(--directorist-color-danger-rgb), 0.8);
}
.directorist-btn.directorist-btn-bg-normal {
background: #F9F9F9;
}
.directorist-btn.directorist-btn-loading {
position: relative;
font-size: 0;
pointer-events: none;
}
.directorist-btn.directorist-btn-loading:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background-color: inherit;
}
.directorist-btn.directorist-btn-loading:after {
content: "";
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid var(--directorist-color-white);
border-top-color: var(--directorist-color-primary);
position: absolute;
top: 13px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-animation: spin-centered 3s linear infinite;
animation: spin-centered 3s linear infinite;
}
.directorist-btn.directorist-btn-outline {
background: transparent;
border: 1px solid var(--directorist-color-border) !important;
color: var(--directorist-color-dark);
}
.directorist-btn.directorist-btn-outline-normal {
background: transparent;
border: 1px solid var(--directorist-color-normal) !important;
color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover {
color: var(--directorist-color-white);
background-color: var(--directorist-color-normal);
}
.directorist-btn.directorist-btn-outline-light {
background: transparent;
border: 1px solid var(--directorist-color-bg-light) !important;
color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-outline-primary {
background: transparent;
border: 1px solid var(--directorist-color-primary) !important;
color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover {
color: var(--directorist-color-white);
background-color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-outline-secondary {
background: transparent;
border: 1px solid var(--directorist-color-secondary) !important;
color: var(--directorist-color-secondary);
}
.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover {
color: var(--directorist-color-white);
background-color: var(--directorist-color-secondary);
}
.directorist-btn.directorist-btn-outline-success {
background: transparent;
border: 1px solid var(--directorist-color-success) !important;
color: var(--directorist-color-success);
}
.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover {
color: var(--directorist-color-white);
background-color: var(--directorist-color-success);
}
.directorist-btn.directorist-btn-outline-info {
background: transparent;
border: 1px solid var(--directorist-color-info) !important;
color: var(--directorist-color-info);
}
.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover {
color: var(--directorist-color-white);
background-color: var(--directorist-color-info);
}
.directorist-btn.directorist-btn-outline-warning {
background: transparent;
border: 1px solid var(--directorist-color-warning) !important;
color: var(--directorist-color-warning);
}
.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover {
color: var(--directorist-color-white);
background-color: var(--directorist-color-warning);
}
.directorist-btn.directorist-btn-outline-danger {
background: transparent;
border: 1px solid var(--directorist-color-danger) !important;
color: var(--directorist-color-danger);
}
.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover {
color: var(--directorist-color-white);
background-color: var(--directorist-color-danger);
}
.directorist-btn.directorist-btn-outline-dark {
background: transparent;
border: 1px solid var(--directorist-color-primary) !important;
color: var(--directorist-color-primary);
}
.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover {
color: var(--directorist-color-white);
background-color: var(--directorist-color-dark);
}
.directorist-btn.directorist-btn-lg {
min-height: 50px;
}
.directorist-btn.directorist-btn-md {
min-height: 46px;
}
.directorist-btn.directorist-btn-sm {
min-height: 40px;
}
.directorist-btn.directorist-btn-xs {
min-height: 36px;
}
.directorist-btn.directorist-btn-px-15 {
padding: 0 15px;
}
.directorist-btn.directorist-btn-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@-webkit-keyframes spin-centered {
from {
-webkit-transform: translateX(-50%) rotate(0deg);
transform: translateX(-50%) rotate(0deg);
}
to {
-webkit-transform: translateX(-50%) rotate(360deg);
transform: translateX(-50%) rotate(360deg);
}
}
@keyframes spin-centered {
from {
-webkit-transform: translateX(-50%) rotate(0deg);
transform: translateX(-50%) rotate(0deg);
}
to {
-webkit-transform: translateX(-50%) rotate(360deg);
transform: translateX(-50%) rotate(360deg);
}
}
.directorist-badge {
display: inline-block;
font-size: 10px;
font-weight: 700;
line-height: 1.9;
padding: 0 5px;
color: var(--directorist-color-white);
text-transform: uppercase;
border-radius: 5px;
}
.directorist-badge.directorist-badge-primary {
background-color: var(--directorist-color-primary);
}
.directorist-badge.directorist-badge-warning {
background-color: var(--directorist-color-warning);
}
.directorist-badge.directorist-badge-info {
background-color: var(--directorist-color-info);
}
.directorist-badge.directorist-badge-success {
background-color: var(--directorist-color-success);
}
.directorist-badge.directorist-badge-danger {
background-color: var(--directorist-color-danger);
}
.directorist-badge.directorist-badge-light {
background-color: var(--directorist-color-white);
}
.directorist-badge.directorist-badge-gray {
background-color: #525768;
}
.directorist-badge.directorist-badge-primary-transparent {
color: var(--directorist-color-primary);
background-color: rgba(var(--directorist-color-primary-rgb), 0.15);
}
.directorist-badge.directorist-badge-warning-transparent {
color: var(--directorist-color-warning);
background-color: rgba(var(--directorist-color-warning-rgb), 0.15);
}
.directorist-badge.directorist-badge-info-transparent {
color: var(--directorist-color-info);
background-color: rgba(var(--directorist-color-info-rgb), 0.15);
}
.directorist-badge.directorist-badge-success-transparent {
color: var(--directorist-color-success);
background-color: rgba(var(--directorist-color-success-rgb), 0.15);
}
.directorist-badge.directorist-badge-danger-transparent {
color: var(--directorist-color-danger);
background-color: rgba(var(--directorist-color-danger-rgb), 0.15);
}
.directorist-badge.directorist-badge-light-transparent {
color: var(--directorist-color-white);
background-color: rgba(var(--directorist-color-white-rgb), 0.15);
}
.directorist-badge.directorist-badge-gray-transparent {
color: var(--directorist-color-gray);
background-color: rgba(var(--directorist-color-gray-rgb), 0.15);
}
.directorist-badge .directorist-badge-tooltip {
position: absolute;
top: -35px;
height: 30px;
line-height: 30px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 0 20px;
font-size: 12px;
border-radius: 15px;
color: var(--directorist-color-white);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.directorist-badge .directorist-badge-tooltip__featured {
background-color: var(--directorist-color-featured-badge);
}
.directorist-badge .directorist-badge-tooltip__new {
background-color: var(--directorist-color-new-badge);
}
.directorist-badge .directorist-badge-tooltip__popular {
background-color: var(--directorist-color-popular-badge);
}
@media screen and (max-width: 480px) {
.directorist-badge .directorist-badge-tooltip {
height: 25px;
line-height: 25px;
font-size: 10px;
padding: 0 15px;
}
}
.directorist-badge:hover .directorist-badge-tooltip {
opacity: 1;
visibility: visible;
} .directorist-custom-range-slider-target,
.directorist-custom-range-slider-target * {
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-custom-range-slider-base,
.directorist-custom-range-slider-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
} .directorist-custom-range-slider-connects {
overflow: hidden;
z-index: 0;
}
.directorist-custom-range-slider-connect,
.directorist-custom-range-slider-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
inset-inline-start: 0;
height: 100%;
width: calc(100% - 20px);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform-style: flat;
transform-style: flat;
} .directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin {
top: -100%;
width: 0;
}
.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin {
height: 0;
}
.directorist-custom-range-slider-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.directorist-custom-range-slider-touch-area {
height: 100%;
width: 100%;
}
.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-connect,
.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-origin {
-webkit-transition: -webkit-transform 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;
} .directorist-custom-range-slider-horizontal .directorist-custom-range-slider-handle {
width: 20px;
height: 20px;
border-radius: 50%;
border: 4px solid var(--directorist-color-primary);
inset-inline-end: -20px;
top: -8px;
cursor: pointer;
}
.directorist-custom-range-slider-vertical {
width: 18px;
}
.directorist-custom-range-slider-vertical .directorist-custom-range-slider-handle {
width: 28px;
height: 34px;
inset-inline-end: -6px;
bottom: -17px;
} .directorist-custom-range-slider-target {
position: relative;
width: 100%;
height: 4px;
margin: 7px 0 24px;
border-radius: 2px;
background-color: #d9d9d9;
}
.directorist-custom-range-slider-connect {
background-color: var(--directorist-color-primary);
} .directorist-custom-range-slider-draggable {
cursor: ew-resize;
}
.directorist-custom-range-slider-vertical .directorist-custom-range-slider-draggable {
cursor: ns-resize;
}
.directorist-custom-range-slider-handle {
border: 1px solid #d9d9d9;
border-radius: 3px;
background-color: var(--directorist-color-white);
cursor: default;
-webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}
.directorist-custom-range-slider-active {
-webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
} [disabled] .directorist-custom-range-slider-connect {
background-color: #b8b8b8;
}
[disabled].directorist-custom-range-slider-target,
[disabled].directorist-custom-range-slider-handle,
[disabled] .directorist-custom-range-slider-handle {
cursor: not-allowed;
} .directorist-custom-range-slider-pips,
.directorist-custom-range-slider-pips * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-custom-range-slider-pips {
position: absolute;
color: #999;
} .directorist-custom-range-slider-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.directorist-custom-range-slider-value-sub {
color: #ccc;
font-size: 10px;
} .directorist-custom-range-slider-marker {
position: absolute;
background-color: #ccc;
}
.directorist-custom-range-slider-marker-sub {
background-color: #aaa;
}
.directorist-custom-range-slider-marker-large {
background-color: #aaa;
} .directorist-custom-range-slider-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.directorist-custom-range-slider-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub {
height: 10px;
}
.directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large {
height: 15px;
} .directorist-custom-range-slider-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.directorist-custom-range-slider-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 25px;
}
.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub {
width: 10px;
}
.directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large {
width: 15px;
}
.directorist-custom-range-slider-tooltip {
display: block;
position: absolute;
border: 1px solid #d9d9d9;
border-radius: 3px;
background-color: var(--directorist-color-white);
color: var(--directorist-color-dark);
padding: 5px;
text-align: center;
white-space: nowrap;
}
.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.directorist-custom-range-slider-vertical .directorist-custom-range-slider-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip {
-webkit-transform: translate(0, -18px);
transform: translate(0, -18px);
top: auto;
right: 28px;
}
.directorist-swiper {
height: 100%;
overflow: hidden;
position: relative;
}
.directorist-swiper .swiper-slide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-swiper .swiper-slide > div,
.directorist-swiper .swiper-slide > a {
width: 100%;
}
.directorist-swiper__nav {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
opacity: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.directorist-swiper__nav i {
width: 30px;
height: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: rgba(255, 255, 255, 0.9);
}
.directorist-swiper__nav .directorist-icon-mask:after {
width: 10px;
height: 10px;
background-color: var(--directorist-color-body);
}
.directorist-swiper__nav:hover i {
background-color: var(--directorist-color-white);
}
.directorist-swiper__nav--prev {
left: 10px;
}
.directorist-swiper__nav--next {
right: 10px;
}
.directorist-swiper__nav--prev-related i {
left: 0;
background-color: #f4f4f4;
}
.directorist-swiper__nav--prev-related i:hover {
background-color: var(--directorist-color-gray);
}
.directorist-swiper__nav--next-related i {
right: 0;
background-color: #f4f4f4;
}
.directorist-swiper__nav--next-related i:hover {
background-color: var(--directorist-color-gray);
}
.directorist-swiper__pagination {
position: absolute;
text-align: center;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 5px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-swiper__pagination .swiper-pagination-bullet {
margin: 0 !important;
width: 5px;
height: 5px;
opacity: 0.6;
background-color: var(--directorist-color-white);
}
.directorist-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
.directorist-swiper__pagination--related {
display: none;
}
.directorist-swiper:hover > .directorist-swiper__navigation .directorist-swiper__nav {
opacity: 1;
}
.directorist-single-listing-slider {
width: var(--gallery-crop-width, 740px);
height: var(--gallery-crop-height, 580px);
max-width: 100%;
margin: 0 auto;
border-radius: 12px;
}
@media screen and (max-width: 991px) {
.directorist-single-listing-slider {
max-height: 450px !important;
}
}
@media screen and (max-width: 575px) {
.directorist-single-listing-slider {
max-height: 400px !important;
}
}
@media screen and (max-width: 375px) {
.directorist-single-listing-slider {
max-height: 350px !important;
}
}
.directorist-single-listing-slider .directorist-swiper__nav i {
height: 40px;
width: 40px;
background-color: rgba(0, 0, 0, 0.5);
}
.directorist-single-listing-slider .directorist-swiper__nav i:after {
width: 14px;
height: 14px;
background-color: var(--directorist-color-white);
}
.directorist-single-listing-slider .directorist-swiper__nav--prev-single-listing i {
left: 20px;
}
.directorist-single-listing-slider .directorist-swiper__nav--next-single-listing i {
right: 20px;
}
.directorist-single-listing-slider .directorist-swiper__nav:hover i {
background-color: var(--directorist-color-primary);
}
@media screen and (max-width: 575px) {
.directorist-single-listing-slider .directorist-swiper__nav {
opacity: 1;
}
.directorist-single-listing-slider .directorist-swiper__nav i {
width: 30px;
height: 30px;
}
}
.directorist-single-listing-slider .directorist-swiper__pagination {
display: none;
}
.directorist-single-listing-slider .swiper-slide img {
width: 100%;
height: 100%;
max-width: var(--gallery-crop-width, 740px);
-o-object-fit: cover;
object-fit: cover;
border-radius: 12px;
}
.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__navigation,
.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__pagination {
display: none;
}
.directorist-single-listing-slider-thumb {
width: var(--gallery-crop-width, 740px);
max-width: 100%;
margin: 10px auto 0;
border-radius: 12px;
overflow: auto;
height: auto;
}
.directorist-single-listing-slider-thumb .swiper-wrapper {
gap: 10px;
height: auto;
}
.directorist-single-listing-slider-thumb .directorist-swiper__navigation {
display: none;
}
.directorist-single-listing-slider-thumb .directorist-swiper__pagination {
display: none;
}
.directorist-single-listing-slider-thumb .swiper-slide {
position: relative;
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;
}
.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;
}
@media screen and (max-width: 575px) {
.directorist-single-listing-slider-thumb {
display: none;
}
}
.directorist-swiper-related-listing.directorist-swiper {
padding: 15px;
margin: -15px;
height: auto;
}
.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i {
height: 40px;
width: 40px;
}
.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i:after {
width: 14px;
height: 14px;
}
.directorist-swiper-related-listing.directorist-swiper .swiper-wrapper {
height: auto;
}
.directorist-swiper-related-listing.slider-has-one-item > .directorist-swiper__navigation, .directorist-swiper-related-listing.slider-has-less-items > .directorist-swiper__navigation {
display: none;
}
.directorist-dropdown {
position: relative;
}
.directorist-dropdown__toggle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
background-color: var(--directorist-color-light);
border-color: var(--directorist-color-light);
padding: 0 20px;
border-radius: 8px;
cursor: pointer;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
position: relative;
}
.directorist-dropdown__toggle:focus, .directorist-dropdown__toggle:hover {
background-color: var(--directorist-color-light) !important;
border-color: var(--directorist-color-light) !important;
outline: 0 !important;
color: var(--directorist);
}
.directorist-dropdown__toggle.directorist-toggle-has-icon:after {
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/05feea3d261c8b97573023a74fd26f03.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/05feea3d261c8b97573023a74fd26f03.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 12px;
height: 12px;
background-color: currentColor;
}
.directorist-dropdown__links {
display: none;
position: absolute;
width: 100%;
min-width: 190px;
overflow-y: auto;
left: 0;
top: 30px;
padding: 10px;
border: none;
border-radius: 8px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
z-index: 99999;
}
.directorist-dropdown__links a {
display: block;
font-size: 14px;
font-weight: 400;
display: block;
padding: 10px;
border-radius: 8px;
text-decoration: none !important;
color: var(--directorist-color-body);
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.directorist-dropdown__links a.active, .directorist-dropdown__links a:hover {
border-radius: 8px;
color: var(--directorist-color-primary);
background-color: rgba(var(--directorist-color-primary-rgb), 0.05);
}
@media screen and (max-width: 575px) {
.directorist-dropdown__links a {
padding: 5px 10px;
}
}
.directorist-dropdown__links--right {
left: auto;
right: 0;
}
@media (max-width: 1440px) {
.directorist-dropdown__links {
left: unset;
right: 0;
}
}
.directorist-dropdown.directorist-sortby-dropdown {
border-radius: 8px;
border: 2px solid var(--directorist-color-white);
} .directorist-dropdown-select {
position: relative;
}
.directorist-dropdown-select-toggle {
display: inline-block;
border: 1px solid #eee;
padding: 7px 15px;
position: relative;
}
.directorist-dropdown-select-toggle:before {
content: "";
position: absolute !important;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.directorist-dropdown-select-items {
position: absolute;
width: 100%;
left: 0;
top: 40px;
border: 1px solid #eee;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
background-color: var(--directorist-color-white);
z-index: 10;
}
.directorist-dropdown-select-items.directorist-dropdown-select-show {
top: 30px;
visibility: visible;
opacity: 1;
pointer-events: all;
}
.directorist-dropdown-select-item {
display: block;
}
.directorist-switch {
position: relative;
display: block;
}
.directorist-switch input[type=checkbox]:before {
display: none;
}
.directorist-switch .directorist-switch-input {
position: absolute;
left: 0;
z-index: -1;
width: 24px;
height: 25px;
opacity: 0;
}
.directorist-switch .directorist-switch-input:checked + .directorist-switch-label {
color: #1A1B29;
font-weight: 500;
}
.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before {
background-color: var(--directorist-color-primary);
}
.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.directorist-switch .directorist-switch-label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-weight: 400;
padding-left: 65px;
margin-left: 0;
color: var(--directorist-color-body);
}
.directorist-switch .directorist-switch-label:before {
content: "";
position: absolute;
top: 0.75px;
left: 4px;
display: block;
width: 44px;
height: 24px;
border-radius: 15px;
pointer-events: all;
background-color: #ECECEC;
}
.directorist-switch .directorist-switch-label:after {
position: absolute;
display: block;
content: "";
background: no-repeat 50%/50% 50%;
top: 4.75px;
left: 8px;
background-color: var(--directorist-color-white) !important;
width: 16px;
height: 16px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15);
box-shadow: 0 0 4px rgba(143, 142, 159, 0.15);
border-radius: 15px;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before {
background-color: var(--directorist-color-primary);
}
.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before {
background-color: var(--directorist-color-success);
}
.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before {
background-color: var(--directorist-color-secondary);
}
.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before {
background-color: var(--directorist-color-danger);
}
.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before {
background-color: var(--directorist-color-warning);
}
.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before {
background-color: var(--directorist-color-info);
}
.directorist-switch-Yn {
font-size: 15px;
padding: 3px;
position: relative;
display: inline-block;
border: 1px solid #e9e9e9;
border-radius: 17px;
}
.directorist-switch-Yn span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 14px;
line-height: 27px;
padding: 5px 10.5px;
font-weight: 500;
}
.directorist-switch-Yn input[type=checkbox] {
display: none;
}
.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes {
background-color: #3E62F5;
color: var(--directorist-color-white);
}
.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no {
background-color: transparent;
color: #9b9eaf;
}
.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes {
background-color: transparent;
color: #9b9eaf;
}
.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no {
background-color: #fb6665;
color: var(--directorist-color-white);
}
.directorist-switch-Yn .directorist-switch-yes {
border-radius: 15px 0 0 15px;
}
.directorist-switch-Yn .directorist-switch-no {
border-radius: 0 15px 15px 0;
} .directorist-tooltip {
position: relative;
}
.directorist-tooltip.directorist-tooltip-bottom[data-label]:before {
bottom: -8px;
top: auto;
border-top-color: var(--directorist-color-white);
border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1);
}
.directorist-tooltip.directorist-tooltip-bottom[data-label]:after {
-webkit-transform: translate(-50%);
transform: translate(-50%);
top: 100%;
margin-top: 8px;
}
.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after {
position: absolute !important;
bottom: 100%;
display: none;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-animation: showTooltip 0.3s ease;
animation: showTooltip 0.3s ease;
}
.directorist-tooltip[data-label]:before {
content: "";
left: 50%;
top: -6px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: rgba(var(--directorist-color-dark-rgb), 1);
}
.directorist-tooltip[data-label]:after {
font-size: 14px;
content: attr(data-label);
left: 50%;
-webkit-transform: translate(-50%, -6px);
transform: translate(-50%, -6px);
background: rgba(var(--directorist-color-dark-rgb), 1);
padding: 4px 12px;
border-radius: 3px;
color: var(--directorist-color-white);
z-index: 9999;
text-align: center;
min-width: 140px;
max-height: 200px;
overflow-y: auto;
}
.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after {
display: block;
}
.directorist-tooltip .directorist-tooltip__label {
font-size: 16px;
color: var(--directorist-color-primary);
}
.directorist-tooltip.directorist-tooltip-primary[data-label]:after {
background-color: var(--directorist-color-primary);
}
.directorist-tooltip.directorist-tooltip-primary[data-label]:before {
border-top-color: var(--directorist-color-primary);
}
.directorist-tooltip.directorist-tooltip-secondary[data-label]:after {
background-color: var(--directorist-color-secondary);
}
.directorist-tooltip.directorist-tooltip-secondary[data-label]:before {
border-bottom-color: var(--directorist-color-secondary);
}
.directorist-tooltip.directorist-tooltip-info[data-label]:after {
background-color: var(--directorist-color-info);
}
.directorist-tooltip.directorist-tooltip-info[data-label]:before {
border-top-color: var(--directorist-color-info);
}
.directorist-tooltip.directorist-tooltip-warning[data-label]:after {
background-color: var(--directorist-color-warning);
}
.directorist-tooltip.directorist-tooltip-warning[data-label]:before {
border-top-color: var(--directorist-color-warning);
}
.directorist-tooltip.directorist-tooltip-success[data-label]:after {
background-color: var(--directorist-color-success);
}
.directorist-tooltip.directorist-tooltip-success[data-label]:before {
border-top-color: var(--directorist-color-success);
}
.directorist-tooltip.directorist-tooltip-danger[data-label]:after {
background-color: var(--directorist-color-danger);
}
.directorist-tooltip.directorist-tooltip-danger[data-label]:before {
border-top-color: var(--directorist-color-danger);
}
.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before {
border-bottom-color: var(--directorist-color-primary);
}
.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before {
border-bottom-color: var(--directorist-color-secondary);
}
.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before {
border-bottom-color: var(--directorist-color-info);
}
.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before {
border-bottom-color: var(--directorist-color-warning);
}
.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before {
border-bottom-color: var(--directorist-color-success);
}
.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before {
border-bottom-color: var(--directorist-color-danger);
}
@-webkit-keyframes showTooltip {
from {
opacity: 0;
}
}
@keyframes showTooltip {
from {
opacity: 0;
}
} .directorist-alert {
font-size: 15px;
word-break: break-word;
border-radius: 8px;
background-color: #f4f4f4;
padding: 15px 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directorist-alert .directorist-icon-mask {
margin-right: 5px;
}
.directorist-alert > a {
padding-left: 5px;
}
.directorist-alert__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.directorist-alert__content span.la,
.directorist-alert__content span.fa,
.directorist-alert__content i {
margin-right: 12px;
line-height: 1.65;
}
.directorist-alert__content p {
margin-bottom: 0;
}
.directorist-alert__close {
padding: 0 5px;
font-size: 20px !important;
background: none !important;
text-decoration: none;
margin-left: auto !important;
border: 0 none;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1.2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-alert__close .la,
.directorist-alert__close .fa,
.directorist-alert__close i,
.directorist-alert__close span {
font-size: 16px;
margin-left: 10px;
color: var(--directorist-color-danger);
}
.directorist-alert__close:focus {
background-color: transparent;
outline: none;
}
.directorist-alert a {
text-decoration: none;
}
.directorist-alert.directorist-alert-primary {
background: rgba(var(--directorist-color-primary-rgb), 0.1);
color: var(--directorist-color-primary);
}
.directorist-alert.directorist-alert-primary .directorist-alert__close {
color: var(--directorist-color-primary);
}
.directorist-alert.directorist-alert-info {
background-color: #DCEBFE;
color: #157CF6;
}
.directorist-alert.directorist-alert-info .directorist-alert__close {
color: #157CF6;
}
.directorist-alert.directorist-alert-warning {
background-color: #FEE9D9;
color: #F56E00;
}
.directorist-alert.directorist-alert-warning .directorist-alert__close {
color: #F56E00;
}
.directorist-alert.directorist-alert-danger {
background-color: #FCD9D9;
color: #E80000;
}
.directorist-alert.directorist-alert-danger .directorist-alert__close {
color: #E80000;
}
.directorist-alert.directorist-alert-success {
background-color: #D9EFDC;
color: #009114;
}
.directorist-alert.directorist-alert-success .directorist-alert__close {
color: #009114;
}
.directorist-alert--sm {
padding: 10px 20px;
}
.alert-danger {
background: rgba(232, 0, 0, 0.3);
}
.alert-danger.directorist-register-error {
background: #FCD9D9;
color: #E80000;
border-radius: 3px;
}
.alert-danger.directorist-register-error .directorist-alert__close {
color: #E80000;
} .directorist-single-listing-notice .directorist-alert__content {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.directorist-single-listing-notice .directorist-alert__content button {
cursor: pointer;
}
.directorist-single-listing-notice .directorist-alert__content button span {
font-size: 20px;
}
.directorist-user-dashboard .directorist-container-fluid {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-user-dashboard .directorist-alert-info .directorist-alert__close {
cursor: pointer;
padding-right: 0;
} .directorist-modal {
position: fixed;
width: 100%;
height: 100%;
padding: 0;
background: rgba(var(--directorist-color-dark-rgb), 0.5);
left: 0;
top: 0;
z-index: -1;
overflow: auto;
outline: 0;
}
.directorist-modal__dialog {
position: relative;
width: 500px;
margin: 30px auto;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
opacity: 0;
visibility: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-height: calc(100% - 80px);
pointer-events: none;
}
.directorist-modal__dialog-lg {
width: 900px;
}
.directorist-modal__content {
width: 100%;
background-color: var(--directorist-color-white);
pointer-events: auto;
border-radius: 12px;
position: relative;
}
.directorist-modal__content .directorist-modal__header {
position: relative;
padding: 15px;
border-bottom: 1px solid var(--directorist-color-border-gray);
}
.directorist-modal__content .directorist-modal__header__title {
font-size: 20px;
font-weight: 500;
margin: 0;
color: var(--directorist-color-dark);
}
.directorist-modal__content .directorist-modal__header .directorist-modal-close {
position: absolute;
width: 28px;
height: 28px;
right: 25px;
top: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
line-height: 1.45;
padding: 6px;
text-decoration: none;
-webkit-transition: 0.2s background-color ease-in-out;
transition: 0.2s background-color ease-in-out;
background-color: var(--directorist-color-bg-light);
}
.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover {
color: var(--directorist-color-body);
background-color: var(--directorist-color-light-hover);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
.directorist-modal__content .directorist-modal__body {
padding: 25px 40px;
}
.directorist-modal__content .directorist-modal__footer {
border-top: 1px solid var(--directorist-color-border-gray);
padding: 18px;
}
.directorist-modal__content .directorist-modal__footer .directorist-modal__action {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: -7.5px;
}
.directorist-modal__content .directorist-modal__footer .directorist-modal__action button {
margin: 7.5px;
}
.directorist-modal__content .directorist-modal .directorist-form-group label {
font-size: 16px;
}
.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element {
resize: none;
}
.directorist-modal__dialog.directorist-modal--lg {
width: 800px;
}
.directorist-modal__dialog.directorist-modal--xl {
width: 1140px;
}
.directorist-modal__dialog.directorist-modal--sm {
width: 300px;
}
.directorist-modal.directorist-fade {
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
opacity: 1;
visibility: visible;
z-index: 9999;
}
.directorist-modal.directorist-fade:not(.directorist-show) {
opacity: 0;
visibility: hidden;
}
.directorist-modal.directorist-show .directorist-modal__dialog {
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-search-modal__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 9999;
}
.directorist-search-modal__overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(var(--directorist-color-dark-rgb), 0.5);
opacity: 1;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.directorist-search-modal__contents {
position: fixed;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -100%;
width: 90%;
max-width: 600px;
margin-bottom: 100px;
overflow: hidden;
opacity: 0;
visibility: hidden;
z-index: 9999;
border-radius: 12px;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
background-color: var(--directorist-color-white);
}
@media only screen and (max-width: 575px) {
.directorist-search-modal__contents {
width: 100%;
margin-bottom: 0;
border-radius: 16px 16px 0 0;
}
}
.directorist-search-modal__contents__header {
position: fixed;
top: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 25px 15px 40px;
border-radius: 16px 16px 0 0;
background-color: var(--directorist-color-white);
border-bottom: 1px solid var(--directorist-color-border);
z-index: 999;
}
@media only screen and (max-width: 575px) {
.directorist-search-modal__contents__header {
padding-left: 30px;
padding-right: 20px;
}
}
.directorist-search-modal__contents__body {
height: calc(100vh - 380px);
padding: 30px 40px 0;
overflow: auto;
margin-top: 70px;
margin-bottom: 80px;
}
@media only screen and (max-width: 575px) {
.directorist-search-modal__contents__body {
margin-top: 55px;
margin-bottom: 80px;
padding: 30px 30px 0;
height: calc(100dvh - 250px);
}
}
.directorist-search-modal__contents__body .directorist-search-field__label {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
-webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease;
transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder {
opacity: 0;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder {
opacity: 0;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder {
opacity: 0;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder,
.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element {
padding-right: 20px;
}
.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] {
padding-right: 0;
}
.directorist-search-modal__contents__body .directorist-search-field__btn {
position: absolute;
bottom: 12px;
cursor: pointer;
}
.directorist-search-modal__contents__body .directorist-search-field__btn--clear {
opacity: 0;
visibility: hidden;
right: 0;
}
.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after {
width: 16px;
height: 16px;
background-color: #bcbcbc;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after {
background-color: var(--directorist-color-primary);
}
.directorist-search-modal__contents__body .directorist-search-field.directorist-date .directorist-search-field__btn--clear, .directorist-search-modal__contents__body .directorist-search-field.directorist-time .directorist-search-field__btn--clear {
bottom: 8px;
}
.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-form-dropdown {
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;
}
@media only screen and (max-width: 575px) {
.directorist-search-modal__contents__footer {
border-radius: 0;
}
.directorist-search-modal__contents__footer .directorist-advanced-filter__action {
padding: 15px 30px;
}
}
.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn {
font-size: 15px;
}
.directorist-search-modal__contents__footer .directorist-btn-reset-js {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
padding: 0;
text-transform: none;
border: none;
background: transparent;
cursor: pointer;
}
.directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.directorist-search-modal__contents__title {
font-size: 20px;
font-weight: 500;
margin: 0;
}
@media only screen and (max-width: 575px) {
.directorist-search-modal__contents__title {
font-size: 18px;
}
}
.directorist-search-modal__contents__btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
background-color: var(--directorist-color-light);
border-radius: 100%;
border: none;
cursor: pointer;
}
.directorist-search-modal__contents__btn i::after {
width: 10px;
height: 10px;
-webkit-transition: background-color ease 0.3s;
transition: background-color ease 0.3s;
background-color: var(--directorist-color-dark);
}
.directorist-search-modal__contents__btn:hover i::after {
background-color: var(--directorist-color-danger);
}
@media only screen and (max-width: 575px) {
.directorist-search-modal__contents__btn {
width: auto;
height: auto;
background: transparent;
}
.directorist-search-modal__contents__btn i::after {
width: 12px;
height: 12px;
}
}
.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body {
height: calc(100vh - 350px);
}
@media only screen and (max-width: 575px) {
.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body {
height: calc(100vh - 200px);
}
}
.directorist-search-modal__minimizer {
content: "";
position: absolute;
top: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 50px;
height: 5px;
border-radius: 8px;
background-color: var(--directorist-color-border);
opacity: 0;
visibility: hidden;
}
@media only screen and (max-width: 575px) {
.directorist-search-modal__minimizer {
opacity: 1;
visibility: visible;
}
}
.directorist-search-modal--basic .directorist-search-modal__contents__body {
margin: 0;
padding: 30px;
height: calc(100vh - 260px);
}
@media only screen and (max-width: 575px) {
.directorist-search-modal--basic .directorist-search-modal__contents__body {
height: calc(100vh - 110px);
}
}
@media only screen and (max-width: 575px) {
.directorist-search-modal--basic .directorist-search-modal__contents {
margin: 0;
border-radius: 16px 16px 0 0;
}
}
.directorist-search-modal--basic .directorist-search-query {
position: relative;
}
.directorist-search-modal--basic .directorist-search-query:after {
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
width: 16px;
height: 16px;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: var(--directorist-color-body);
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/9ddfe727fdcddbb985d69ce2e9a06358.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/447c512963a6e865700c065e70bb46b7.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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-search-field-radius_search {
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;
}
.directorist-search-modal--basic .open_now .check-btn,
.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges {
padding: 10px 0;
}
.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn {
display: block;
}
.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field {
margin: 0;
padding: 10px 0;
}
.directorist-search-modal--basic .directorist-checkbox-wrapper,
.directorist-search-modal--basic .directorist-radio-wrapper,
.directorist-search-modal--basic .directorist-search-tags {
width: 100%;
margin: 10px 0;
}
.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox,
.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio,
.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox,
.directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio,
.directorist-search-modal--basic .directorist-search-tags .directorist-checkbox,
.directorist-search-modal--basic .directorist-search-tags .directorist-radio {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml {
margin-bottom: 10px;
}
.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single {
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-text_range > label,
.directorist-search-modal--basic .directorist-search-field-radius_search > label {
display: block;
font-size: 14px;
font-weight: 500;
margin-bottom: 15px;
}
.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn {
bottom: 12px;
}
.directorist-search-modal--full .directorist-search-field {
-webkit-transition: margin 0.3s ease;
transition: margin 0.3s ease;
}
.directorist-search-modal--full .directorist-search-field .directorist-search-field__label {
font-size: 14px;
font-weight: 400;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused {
width: 100%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 40px;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label {
top: -35px;
-webkit-transform: unset;
transform: unset;
font-size: 16px;
font-weight: 500;
margin: 0;
z-index: 1;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input {
bottom: 0;
width: 100%;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
opacity: 1;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
opacity: 1;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
opacity: 1;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
opacity: 1;
}
.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
opacity: 1;
}
.directorist-search-modal--full .directorist-search-field-pricing > label,
.directorist-search-modal--full .directorist-search-field-text_range > label,
.directorist-search-modal--full .directorist-search-field-radius_search > label {
display: block;
font-size: 16px;
font-weight: 500;
margin-bottom: 18px;
}
.directorist-search-modal__input {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--directorist-color-border);
border-radius: 8px;
min-height: 40px;
margin: 0 0 15px;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.directorist-search-modal__input .directorist-select {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.directorist-search-modal__input .select2.select2-container .select2-selection,
.directorist-search-modal__input .directorist-form-group .directorist-form-element,
.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus {
border: 0 none;
}
.directorist-search-modal__input__btn {
width: 0;
padding: 0 10px;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.directorist-search-modal__input__btn .directorist-icon-mask::after {
width: 14px;
height: 14px;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
background-color: var(--directorist-color-body);
}
.directorist-search-modal__input .input-is-focused.directorist-search-query::after {
display: none;
}
.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
opacity: 1;
}
.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder {
opacity: 1;
}
.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder {
opacity: 1;
}
.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder {
opacity: 1;
}
.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder {
opacity: 1;
}
.directorist-search-modal .directorist-checkbox-wrapper,
.directorist-search-modal .directorist-radio-wrapper,
.directorist-search-modal .directorist-search-tags {
padding: 0;
gap: 12px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 575px) {
.directorist-search-modal .directorist-search-form-dropdown {
padding: 0 !important;
}
.directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn {
right: 0;
}
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused {
margin-top: 0 !important;
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
bottom: 0 !important;
padding-right: 25px;
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label {
opacity: 1 !important;
visibility: visible;
margin: 0;
font-size: 14px !important;
font-weight: 500;
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item {
font-weight: 600;
margin-left: 5px;
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn {
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 575px) {
.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
padding-right: 0 !important;
}
.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn {
right: 25px !important;
}
}
.directorist-search-modal .directorist-search-basic-dropdown {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 0;
width: 100%;
max-width: unset;
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
position: unset !important;
-webkit-transform: unset !important;
transform: unset !important;
color: var(--directorist-color-dark);
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) {
-webkit-margin-end: 5px;
margin-inline-end: 5px;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) {
width: 20px;
height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--directorist-color-white);
background-color: var(--directorist-color-primary);
font-size: 10px;
border-radius: 100%;
-webkit-margin-start: 10px;
margin-inline-start: 10px;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after {
width: 12px;
height: 12px;
background-color: #808080;
}
@media screen and (max-width: 575px) {
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before {
left: -20px !important;
}
}
.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content {
position: absolute;
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;
}
.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection {
border: 0 none !important;
}  @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);
}
} @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);
}
} @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);
}
} @media (max-width: 575.98px) {
.at-modal-content.at-modal-xl,
.at-modal-content.at-modal-lg,
.at-modal-content.at-modal-md,
.at-modal-content.at-modal-sm {
width: calc(100% - 30px);
}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition: background-color 5000s ease-in-out 0s !important;
transition: background-color 5000s ease-in-out 0s !important;
}
.directorist-content-active .directorist-card {
border: none;
padding: 0;
border-radius: 12px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
.directorist-content-active .directorist-card__header {
padding: 20px 25px;
border-bottom: 1px solid var(--directorist-color-border);
border-radius: 16px 16px 0 0;
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-card__header {
padding: 15px 20px;
}
}
.directorist-content-active .directorist-card__header__title {
font-size: 18px;
font-weight: 500;
line-height: 1.2;
color: var(--directorist-color-dark);
letter-spacing: normal;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
margin: 0;
}
.directorist-content-active .directorist-card__body {
padding: 25px;
border-radius: 0 0 16px 16px;
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-card__body {
padding: 20px;
}
}
.directorist-content-active .directorist-card__body .directorist-review-single,
.directorist-content-active .directorist-card__body .directorist-widget-tags ul {
padding: 0;
}
.directorist-content-active .directorist-card__body p {
font-size: 15px;
margin-top: 0;
}
.directorist-content-active .directorist-card__body p:last-child {
margin-bottom: 0;
}
.directorist-content-active .directorist-card__body p:empty {
display: none;
}
.directorist-color-picker-wrap .wp-color-result {
text-decoration: none;
margin: 0 6px 0 0 !important;
}
.directorist-color-picker-wrap .wp-color-result:hover {
background-color: #F9F9F9;
}
.directorist-color-picker-wrap .wp-picker-input-wrap label input {
width: auto !important;
}
.directorist-color-picker-wrap .wp-picker-clear {
padding: 0 15px;
margin-top: 3px;
font-size: 14px;
font-weight: 500;
line-height: 2.4;
}
.directorist-form-group {
position: relative;
width: 100%;
}
.directorist-form-group textarea,
.directorist-form-group textarea.directorist-form-element {
min-height: unset;
height: auto !important;
max-width: 100%;
width: 100%;
}
.directorist-form-group__with-prefix {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #d9d9d9;
width: 100%;
gap: 10px;
}
.directorist-form-group__with-prefix:focus-within {
border-bottom: 2px solid var(--directorist-color-dark);
}
.directorist-form-group__with-prefix .directorist-form-element {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 !important;
border: none !important;
}
.directorist-form-group__with-prefix .directorist-single-info__value {
font-size: 14px;
font-weight: 500;
margin: 0 !important;
}
.directorist-form-group__prefix {
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: 500;
color: #828282;
}
.directorist-form-group__prefix--start {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.directorist-form-group__prefix--end {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input {
padding-right: 0 !important;
}
.directorist-form-group label {
margin: 0;
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
}
.directorist-form-group .directorist-form-element {
position: relative;
padding: 0;
width: 100%;
max-width: unset;
min-height: unset;
height: 40px;
font-size: 14px;
font-weight: 500;
color: var(--directorist-color-dark);
border: none;
border-radius: 0;
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid var(--directorist-color-border-gray);
}
.directorist-form-group .directorist-form-element:focus {
outline: none;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
border: none;
border-bottom: 2px solid var(--directorist-color-primary);
}
.directorist-form-group .directorist-form-description {
font-size: 14px;
margin-top: 10px;
color: var(--directorist-color-deep-gray);
}
.directorist-form-element.directorist-form-element-lg {
height: 50px;
}
.directorist-form-element.directorist-form-element-lg__prefix {
height: 50px;
line-height: 50px;
}
.directorist-form-element.directorist-form-element-sm {
height: 30px;
}
.directorist-form-element.directorist-form-element-sm__prefix {
height: 30px;
line-height: 30px;
}
.directorist-form-group.directorist-icon-left .directorist-input-icon {
left: 0;
}
.directorist-form-group.directorist-icon-left .location-name {
padding-left: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-form-group.directorist-icon-right .directorist-input-icon {
right: 0;
}
.directorist-form-group.directorist-icon-right .location-name {
padding-right: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-form-group .directorist-input-icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1.45;
z-index: 99;
-webkit-transition: margin 0.3s ease;
transition: margin 0.3s ease;
}
.directorist-form-group .directorist-input-icon i,
.directorist-form-group .directorist-input-icon span,
.directorist-form-group .directorist-input-icon svg {
font-size: 14px;
}
.directorist-form-group .directorist-input-icon .directorist-icon-mask:after {
width: 16px;
height: 16px;
background-color: var(--directorist-color-body);
}
@media screen and (max-width: 575px) {
.directorist-form-group .directorist-input-icon {
margin-top: 0;
}
}
.directorist-label {
margin-bottom: 0;
}
input.directorist-toggle-input {
display: none;
}
.directorist-toggle-input-label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
span.directorist-toggle-input-label-text {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 10px;
}
span.directorist-toggle-input-label-icon {
position: relative;
display: inline-block;
width: 50px;
height: 25px;
border-radius: 30px;
background-color: #d9d9d9;
-webkit-transition: all ease-in-out 300ms;
transition: all ease-in-out 300ms;
}
span.directorist-toggle-input-label-icon::after {
content: "";
position: absolute;
display: inline-block;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: var(--directorist-color-white);
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all ease-in-out 300ms;
transition: all ease-in-out 300ms;
}
input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon {
background-color: #4353ff;
}
input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after {
left: 5px;
}
input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after {
left: calc(100% - 20px);
}
.directorist-tab-navigation {
padding: 0;
margin: 0 -10px 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-tab-navigation-list-item {
position: relative;
list-style: none;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
margin: 10px;
padding: 15px 20px;
border-radius: 4px;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
background-color: var(--directorist-color-bg-light);
}
.directorist-tab-navigation-list-item.--is-active {
color: var(--directorist-color-white);
background-color: var(--directorist-color-primary);
}
.directorist-tab-navigation-list-item.--is-active::after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid var(--directorist-color-primary);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link {
margin: -15px -20px;
}
.directorist-tab-navigation-list-item-link {
position: relative;
display: block;
text-decoration: none;
padding: 15px 20px;
border-radius: 4px;
color: var(--directorist-color-body);
background-color: var(--directorist-color-bg-light);
}
.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
color: var(--directorist-color-body);
}
.directorist-tab-navigation-list-item-link.--is-active {
cursor: default;
color: var(--directorist-color-white);
background-color: var(--directorist-color-primary);
}
.directorist-tab-navigation-list-item-link.--is-active::after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid var(--directorist-color-primary);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.directorist-tab-content {
display: none;
}
.directorist-tab-content.--is-active {
display: block;
}
.directorist-headline-4 {
margin: 0 0 15px 0;
font-size: 15px;
font-weight: normal;
}
.directorist-label-addon-prepend {
margin-right: 10px;
}
.--is-hidden {
display: none;
}
.directorist-flex-center {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-checkbox,
.directorist-radio {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-checkbox input[type=checkbox],
.directorist-checkbox input[type=radio],
.directorist-radio input[type=checkbox],
.directorist-radio input[type=radio] {
display: none !important;
}
.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label,
.directorist-checkbox input[type=radio] + .directorist-checkbox__label,
.directorist-checkbox input[type=radio] + .directorist-radio__label,
.directorist-radio input[type=checkbox] + .directorist-checkbox__label,
.directorist-radio input[type=checkbox] + .directorist-radio__label,
.directorist-radio input[type=radio] + .directorist-checkbox__label,
.directorist-radio input[type=radio] + .directorist-radio__label {
font-size: 14px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
position: relative;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-left: 30px;
margin-bottom: 0;
margin-left: 0;
line-height: 1.4;
color: var(--directorist-color-body);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after,
.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after,
.directorist-checkbox input[type=radio] + .directorist-radio__label:after,
.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after,
.directorist-radio input[type=checkbox] + .directorist-radio__label:after,
.directorist-radio input[type=radio] + .directorist-checkbox__label:after,
.directorist-radio input[type=radio] + .directorist-radio__label:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border-radius: 5px;
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid var(--directorist-color-gray);
background-color: transparent;
}
@media only screen and (max-width: 575px) {
.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label,
.directorist-checkbox input[type=radio] + .directorist-checkbox__label,
.directorist-checkbox input[type=radio] + .directorist-radio__label,
.directorist-radio input[type=checkbox] + .directorist-checkbox__label,
.directorist-radio input[type=checkbox] + .directorist-radio__label,
.directorist-radio input[type=radio] + .directorist-checkbox__label,
.directorist-radio input[type=radio] + .directorist-radio__label {
line-height: 1.2;
padding-left: 25px;
}
.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after,
.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after,
.directorist-checkbox input[type=radio] + .directorist-radio__label:after,
.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after,
.directorist-radio input[type=checkbox] + .directorist-radio__label:after,
.directorist-radio input[type=radio] + .directorist-checkbox__label:after,
.directorist-radio input[type=radio] + .directorist-radio__label:after {
top: 1px;
width: 16px;
height: 16px;
}
.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after,
.directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after,
.directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after,
.directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after,
.directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after,
.directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after,
.directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after {
width: 12px;
height: 12px;
}
}
.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after,
.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after,
.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-radio input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-primary);
border-color: var(--directorist-color-primary);
}
.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before,
.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before,
.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before,
.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before,
.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before,
.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before,
.directorist-radio input[type=radio]:checked + .directorist-radio__label:before {
opacity: 1;
visibility: visible;
}
.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before {
position: absolute;
left: 5px;
top: 5px;
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/e986e970b493125f349fc279b4b3d57b.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/e986e970b493125f349fc279b4b3d57b.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 10px;
height: 10px;
background-color: var(--directorist-color-white);
display: block;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 2;
}
@media only screen and (max-width: 575px) {
.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before {
top: 4px;
left: 3px;
}
}
.directorist-radio input[type=radio] + .directorist-radio__label:before {
position: absolute;
left: 5px;
top: 5px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--directorist-color-white);
border: 0 none;
opacity: 0;
visibility: hidden;
z-index: 2;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
content: "";
}
@media only screen and (max-width: 575px) {
.directorist-radio input[type=radio] + .directorist-radio__label:before {
left: 3px;
top: 4px;
}
}
.directorist-radio input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-primary);
}
.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before {
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/e986e970b493125f349fc279b4b3d57b.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/e986e970b493125f349fc279b4b3d57b.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 10px;
height: 10px;
background-color: var(--directorist-color-white);
}
.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after,
.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after,
.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after,
.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after,
.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after {
border-radius: 50%;
}
.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-primary);
border-color: var(--directorist-color-primary);
}
.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-secondary);
border-color: var(--directorist-color-secondary);
}
.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-success);
border-color: var(--directorist-color-success);
}
.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after,
.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after,
.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-primary);
border-color: var(--directorist-color-primary);
}
.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-white);
border-color: var(--directorist-color-primary) !important;
}
.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before {
background-color: var(--directorist-color-primary) !important;
}
.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-white);
border-color: var(--directorist-color-secondary) !important;
}
.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before {
background-color: var(--directorist-color-secondary) !important;
}
.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after {
background-color: var(--directorist-color-white);
border-color: #3e62f5 !important;
}
.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before {
background-color: #3e62f5 !important;
}
.directorist-checkbox-rating {
gap: 20px;
width: 100%;
padding: 10px 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.directorist-checkbox-rating .directorist-icon-mask:after {
width: 14px;
height: 14px;
margin-top: 1px;
}
.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before {
width: 10px;
height: 10px;
top: 5px;
left: 5px;
background-color: var(--directorist-color-white) !important;
}
.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after {
width: 20px;
height: 20px;
border-color: #C6D0DC;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after {
background-color: #3e62f5;
border-color: #3e62f5;
}
.directorist-radio.directorist-radio-theme-admin .directorist-radio__label {
padding-left: 35px !important;
}
.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before {
width: 8px;
height: 8px;
top: 6px !important;
left: 6px !important;
border-radius: 50%;
background-color: var(--directorist-color-white) !important;
content: "";
}
.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after {
width: 20px;
height: 20px;
border-color: #C6D0DC;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after {
background-color: var(--directorist-color-primary);
border-color: var(--directorist-color-primary);
}
.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label {
padding-left: 35px !important;
}
.directorist-content-active {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-content-active .directorist-author-profile {
padding: 0;
}
.directorist-content-active .directorist-author-profile__wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 15px;
padding: 25px 30px;
margin: 0 0 40px;
}
.directorist-content-active .directorist-author-profile__wrap__body {
padding: 0;
}
@media only screen and (max-width: 991px) {
.directorist-content-active .directorist-author-profile__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-author-profile__wrap {
gap: 8px;
}
}
.directorist-content-active .directorist-author-profile__avatar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-author-profile__avatar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
gap: 15px;
}
}
.directorist-content-active .directorist-author-profile__avatar img {
max-width: 100px !important;
max-height: 100px;
border-radius: 50%;
background-color: var(--directorist-color-bg-gray);
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-author-profile__avatar img {
max-width: 75px !important;
max-height: 75px !important;
}
}
.directorist-content-active .directorist-author-profile__avatar__info .directorist-author-profile__avatar__info__name {
margin: 0 0 5px;
}
.directorist-content-active .directorist-author-profile__avatar__info__name {
font-size: 20px;
font-weight: 500;
color: var(--directorist-color-dark);
margin: 0 0 5px;
}
@media only screen and (max-width: 991px) {
.directorist-content-active .directorist-author-profile__avatar__info__name {
margin: 0;
}
}
.directorist-content-active .directorist-author-profile__avatar__info p {
margin: 0;
font-size: 14px;
color: var(--directorist-color-body);
}
.directorist-content-active .directorist-author-profile__meta-list {
margin: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
list-style-type: none;
}
@media only screen and (max-width: 991px) {
.directorist-content-active .directorist-author-profile__meta-list {
gap: 5px 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-author-profile__meta-list {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.directorist-content-active .directorist-author-profile__meta-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
padding: 18px;
margin: 0;
padding-right: 75px;
border-radius: 10px;
background-color: var(--directorist-color-bg-gray);
}
.directorist-content-active .directorist-author-profile__meta-list__item i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 44px;
height: 44px;
background-color: var(--directorist-color-primary);
border-radius: 10px;
}
.directorist-content-active .directorist-author-profile__meta-list__item i:after {
width: 18px;
height: 18px;
background-color: var(--directorist-color-white);
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-author-profile__meta-list__item i {
width: auto;
height: auto;
background-color: transparent;
}
.directorist-content-active .directorist-author-profile__meta-list__item i:after {
width: 12px;
height: 12px;
background-color: var(--directorist-color-warning);
}
}
.directorist-content-active .directorist-author-profile__meta-list__item span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
}
.directorist-content-active .directorist-author-profile__meta-list__item span span {
font-size: 18px;
font-weight: 500;
line-height: 1.1;
color: var(--directorist-color-primary);
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-author-profile__meta-list__item span {
gap: 6px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: unset;
-webkit-box-direction: unset;
-webkit-flex-direction: unset;
-ms-flex-direction: unset;
flex-direction: unset;
}
.directorist-content-active .directorist-author-profile__meta-list__item span span {
font-size: 15px;
line-height: 1;
}
}
@media only screen and (max-width: 767px) {
.directorist-content-active .directorist-author-profile__meta-list__item {
padding-right: 50px;
}
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-author-profile__meta-list__item {
padding: 0;
gap: 5px;
background: transparent;
border-radius: 0;
}
.directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i {
display: none;
}
}
.directorist-content-active .directorist-author-profile-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-content-active .directorist-author-profile-content .directorist-card__header__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 12px;
margin: 0;
}
.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i {
width: 34px;
height: 34px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-radius: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--directorist-color-light);
}
.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i:after {
width: 14px;
height: 14px;
background-color: var(--directorist-color-body);
}
@media screen and (min-width: 576px) {
.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i {
display: none;
}
}
.directorist-content-active .directorist-author-info-list {
padding: 0;
margin: 0;
}
.directorist-content-active .directorist-author-info-list li {
margin-left: 0;
}
.directorist-content-active .directorist-author-info-list__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
font-size: 15px;
color: var(--directorist-color-body);
}
.directorist-content-active .directorist-author-info-list__item i {
margin-top: 5px;
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-author-info-list__item i {
margin-top: 0;
height: 34px;
width: 34px;
min-width: 34px;
border-radius: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--directorist-color-light);
}
}
.directorist-content-active .directorist-author-info-list__item .directorist-label {
display: none;
min-width: 70px;
padding-right: 10px;
margin-right: 8px;
margin-top: 5px;
position: relative;
}
.directorist-content-active .directorist-author-info-list__item .directorist-label:before {
content: ":";
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 375px) {
.directorist-content-active .directorist-author-info-list__item .directorist-label {
min-width: 60px;
}
}
.directorist-content-active .directorist-author-info-list__item .directorist-icon-mask::after {
width: 15px;
height: 15px;
background-color: var(--directorist-color-deep-gray);
}
.directorist-content-active .directorist-author-info-list__item .directorist-info {
word-break: break-all;
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-author-info-list__item .directorist-info {
margin-top: 5px;
word-break: break-all;
}
}
.directorist-content-active .directorist-author-info-list__item a {
color: var(--directorist-color-body);
text-decoration: none;
}
.directorist-content-active .directorist-author-info-list__item a:hover {
color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-author-info-list__item:not(:last-child) {
margin-bottom: 8px;
}
.directorist-content-active .directorist-card__body .directorist-author-info-list {
padding: 0;
margin: 0;
}
.directorist-content-active .directorist-author-social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
padding: 0;
margin: 22px 0 0;
list-style: none;
}
.directorist-content-active .directorist-author-social__item {
margin: 0;
}
.directorist-content-active .directorist-author-social__item a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 36px;
width: 36px;
text-align: center;
background-color: var(--directorist-color-light);
border-radius: 8px;
font-size: 15px;
overflow: hidden;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
text-decoration: none;
}
.directorist-content-active .directorist-author-social__item a .directorist-icon-mask::after {
background-color: #808080;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-content-active .directorist-author-social__item a span {
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-content-active .directorist-author-social__item a:hover {
background-color: var(--directorist-color-primary); }
.directorist-content-active .directorist-author-social__item a:hover .directorist-icon-mask::after {
background-color: var(--directorist-color-white);
}
.directorist-content-active .directorist-author-social__item a:hover span.la,
.directorist-content-active .directorist-author-social__item a:hover span.fa {
background: none;
color: var(--directorist-color-white);
}
.directorist-content-active .directorist-author-contact .directorist-author-social {
margin: 22px 0 0;
}
.directorist-content-active .directorist-author-contact .directorist-author-social li {
margin: 0;
}
.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item,
.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item,
.directorist-content-active .directorist-authors-section--light .directorist-author-social-item,
.directorist-content-active .directorist-author-social--light .directorist-author-social-item {
display: inline-block;
margin: 0;
}
.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a,
.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a,
.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a,
.directorist-content-active .directorist-author-social--light .directorist-author-social-item a {
font-size: 15px;
display: block;
line-height: 35px;
width: 36px;
height: 36px;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--directorist-color-light);
border-radius: 4px;
color: var(--directorist-color-white);
overflow: hidden;
-webkit-transition: all ease-in-out 300ms;
transition: all ease-in-out 300ms;
}
.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a .directorist-icon-mask:after,
.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a .directorist-icon-mask:after,
.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a .directorist-icon-mask:after,
.directorist-content-active .directorist-author-social--light .directorist-author-social-item a .directorist-icon-mask:after {
background-color: var(--directorist-color-body);
}
.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover,
.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover,
.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover,
.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover {
background-color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover .directorist-icon-mask:after,
.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover .directorist-icon-mask:after,
.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover .directorist-icon-mask:after,
.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover .directorist-icon-mask:after {
background-color: var(--directorist-color-white);
}
.directorist-content-active .directorist-author-listing-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
border-bottom: 1px solid var(--directorist-color-border);
}
.directorist-content-active .directorist-author-listing-top__title {
font-size: 30px;
font-weight: 400;
margin: 0 0 52px;
text-align: center;
}
.directorist-content-active .directorist-author-listing-top__filter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
.directorist-content-active .directorist-author-listing-top__filter .directorist-dropdown__links {
max-height: 300px;
overflow-y: auto;
}
.directorist-content-active .directorist-author-listing-top .directorist-type-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 7px;
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-deep-gray);
}
.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i {
margin: 0;
}
.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i:after {
background-color: var(--directorist-color-deep-gray);
}
.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover {
color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover i::after {
background-color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list li {
margin: 0;
padding: 0;
}
.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current {
color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current i::after {
background-color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle {
position: relative;
top: -10px;
gap: 10px;
background: transparent !important;
border: none;
padding: 0;
min-height: 30px;
color: var(--directorist-color-body);
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle {
font-size: 0;
top: -5px;
}
.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle:after {
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/87cd0434594c4fe6756c2af1404a5f32.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/87cd0434594c4fe6756c2af1404a5f32.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 16px;
height: 12px;
background-color: var(--directorist-color-body);
}
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i {
display: none;
}
}
.directorist-content-active .directorist-author-listing-content {
padding: 0;
}
.directorist-content-active .directorist-author-listing-content.directorist-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%;
}
}
@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%;
}
}
@media only screen and (max-width: 767px) {
.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%;
}
}
@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%;
}
}
@media only screen and (max-width: 767px) {
.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%;
}
}
@media only screen and (max-width: 1199px) {
.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%;
}
}
@media only screen and (max-width: 767px) {
.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-pagination {
padding-top: 35px;
}
.directorist-content-active .directorist-author-listing-type .directorist-type-nav {
background: none;
} .directorist-category-child__card {
border: 1px solid #eee;
border-radius: 4px;
}
.directorist-category-child__card__header {
padding: 10px 20px;
border-bottom: 1px solid #eee;
}
.directorist-category-child__card__header a {
font-size: 18px;
font-weight: 600;
color: #222 !important;
}
.directorist-category-child__card__header i {
width: 35px;
height: 35px;
border-radius: 50%;
background-color: #2C99FF;
color: var(--directorist-color-white);
font-size: 16px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 5px;
}
.directorist-category-child__card__body {
padding: 15px 20px;
}
.directorist-category-child__card__body li:not(:last-child) {
margin-bottom: 5px;
}
.directorist-category-child__card__body li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #444752;
}
.directorist-category-child__card__body li a span {
color: var(--directorist-color-body);
} .directorist-archive-contents {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-archive-contents .directorist-archive-items .directorist-pagination {
margin-top: 35px;
}
.directorist-archive-contents .gm-style-iw-chr,
.directorist-archive-contents .gm-style-iw-tc {
display: none;
}
@media screen and (max-width: 575px) {
.directorist-archive-contents .directorist-archive-contents__top {
padding: 15px 20px 0;
}
.directorist-archive-contents .directorist-archive-contents__top .directorist-type-nav {
margin: 0 0 25px;
}
.directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask {
display: none;
}
} .directorist-content-active .directorist-type-nav__link {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 15px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
white-space: nowrap;
padding: 0 0 8px;
border-bottom: 2px solid transparent;
color: var(--directorist-color-body);
}
.directorist-content-active .directorist-type-nav__link:hover {
color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-type-nav__link:hover .directorist-icon-mask::after {
background-color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-type-nav__link:focus {
background-color: transparent;
}
.directorist-content-active .directorist-type-nav__link .directorist-icon-mask {
display: inline-block;
margin: 0 0 10px;
}
.directorist-content-active .directorist-type-nav__link .directorist-icon-mask::after {
width: 22px;
height: 20px;
background-color: var(--directorist-color-body);
}
.directorist-content-active .directorist-type-nav__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 25px;
padding: 0;
margin: 0;
list-style-type: none;
overflow-x: auto;
scrollbar-width: thin;
}
@media only screen and (max-width: 767px) {
.directorist-content-active .directorist-type-nav__list {
overflow-x: auto;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-type-nav__list {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.directorist-content-active .directorist-type-nav__list::-webkit-scrollbar {
display: none;
}
.directorist-content-active .directorist-type-nav__list li {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
margin: 0;
list-style: none;
line-height: 1;
}
.directorist-content-active .directorist-type-nav__list a {
text-decoration: unset;
}
.directorist-content-active .directorist-type-nav__list .current .directorist-type-nav__link,
.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-type-nav__link {
color: var(--directorist-color-primary);
border-color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-type-nav__list .current .directorist-icon-mask::after,
.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-icon-mask::after {
background-color: var(--directorist-color-primary);
} .directorist-content-active .directorist-archive-contents__top .directorist-type-nav {
margin-bottom: 30px;
}
.directorist-content-active .directorist-archive-contents__top .directorist-header-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 30px 0;
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full {
display: none;
}
.directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid {
padding: 0;
}
}
.directorist-content-active .directorist-listings-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
width: 100%;
}
.directorist-content-active .directorist-listings-header .directorist-dropdown .directorist-dropdown__links {
top: 42px;
}
.directorist-content-active .directorist-listings-header .directorist-header-found-title {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
}
.directorist-content-active .directorist-listings-header__left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-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);
}
.directorist-content-active .directorist-archive-items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.directorist-content-active .directorist-archive-items .directorist-archive-notfound {
padding: 15px;
}
.directorist-viewas {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
.directorist-viewas__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 40px;
height: 40px;
border-radius: 8px;
border: 2px solid var(--directorist-color-white);
background-color: var(--directorist-color-light);
color: var(--directorist-color-body);
}
.directorist-viewas__item i::after {
width: 16px;
height: 16px;
background-color: var(--directorist-color-body);
}
.directorist-viewas__item.active {
border-color: var(--directorist-color-primary);
background-color: var(--directorist-color-primary);
}
.directorist-viewas__item.active i::after {
background-color: var(--directorist-color-white);
}
@media only screen and (max-width: 575px) {
.directorist-viewas__item--list {
display: none;
}
}
.listing-with-sidebar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 30px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
.listing-with-sidebar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.listing-with-sidebar .directorist-advanced-filter__form {
width: 100%;
}
}
@media only screen and (max-width: 575px) {
.listing-with-sidebar .directorist-search-form__top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px;
width: 100%;
margin: 0;
}
.listing-with-sidebar .directorist-search-form-action__submit {
display: block;
}
.listing-with-sidebar .listing-with-sidebar__header .directorist-header-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.listing-with-sidebar__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.listing-with-sidebar__type-nav {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.listing-with-sidebar__type-nav .directorist-type-nav__list {
gap: 40px;
}
.listing-with-sidebar__searchform {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media only screen and (max-width: 767px) {
.listing-with-sidebar__searchform .directorist-search-form__box {
padding: 15px;
}
}
@media only screen and (max-width: 575px) {
.listing-with-sidebar__searchform .directorist-search-form__box {
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
}
.listing-with-sidebar__searchform .directorist-search-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.listing-with-sidebar__searchform .directorist-search-form .directorist-filter-location-icon {
right: 15px;
top: unset;
-webkit-transform: unset;
transform: unset;
bottom: 8px;
}
.listing-with-sidebar__searchform .directorist-advanced-filter__form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
gap: 20px;
}
@media only screen and (max-width: 767px) {
.listing-with-sidebar__searchform .directorist-advanced-filter__form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.listing-with-sidebar__searchform .directorist-search-contents {
padding: 0;
}
.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .listing-with-sidebar__searchform .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
bottom: 0;
}
.listing-with-sidebar__searchform .directorist-search-field-pricing > label,
.listing-with-sidebar__searchform .directorist-search-field-text_range > label,
.listing-with-sidebar__searchform .directorist-search-field-radius_search > label {
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%;
}
.listing-with-sidebar__header .directorist-header-bar {
margin: 0;
}
.listing-with-sidebar__header .directorist-container-fluid {
padding: 0;
}
.listing-with-sidebar__header .directorist-archive-sidebar-toggle {
width: auto;
padding: 0 20px;
font-size: 14px;
font-weight: 400;
min-height: 40px;
padding: 0 20px;
border-radius: 8px;
text-transform: capitalize;
text-decoration: none !important;
color: var(--directorist-color-primary);
background-color: var(--directorist-color-light);
border: 2px solid var(--directorist-color-white);
cursor: pointer;
display: none;
}
.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask {
margin-right: 5px;
}
.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask::after {
background-color: currentColor;
width: 14px;
height: 14px;
}
@media only screen and (max-width: 991px) {
.listing-with-sidebar__header .directorist-archive-sidebar-toggle {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active {
color: var(--directorist-color-white);
background-color: var(--directorist-color-primary);
}
.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active .directorist-icon-mask::after {
background-color: var(--directorist-color-white);
}
.listing-with-sidebar__sidebar {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
max-width: 350px;
}
.listing-with-sidebar__sidebar form {
width: 100%;
}
.listing-with-sidebar__sidebar .directorist-advanced-filter__close {
display: none;
}
@media screen and (max-width: 1199px) {
.listing-with-sidebar__sidebar {
max-width: 300px;
min-width: 300px;
}
}
@media only screen and (max-width: 991px) {
.listing-with-sidebar__sidebar {
position: fixed;
left: -360px;
top: 0;
height: 100svh;
background-color: white;
z-index: 9999;
overflow: auto;
-webkit-box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15);
box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15);
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.listing-with-sidebar__sidebar .directorist-search-form__box-wrap {
padding-bottom: 30px;
}
.listing-with-sidebar__sidebar .directorist-advanced-filter__close {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
border-radius: 100%;
background-color: var(--directorist-color-light);
}
}
.listing-with-sidebar__sidebar--open {
left: 0;
visibility: visible;
opacity: 1;
}
.listing-with-sidebar__sidebar .directorist-form-group label {
font-size: 15px;
font-weight: 500;
color: var(--directorist-color-dark);
}
.listing-with-sidebar__sidebar .directorist-search-contents {
padding: 0;
}
.listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content {
display: block !important;
}
.listing-with-sidebar__sidebar .directorist-search-form__box {
padding: 0;
}
@media only screen and (max-width: 991px) {
.listing-with-sidebar__sidebar .directorist-search-form__box {
display: block;
height: 100svh;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.listing-with-sidebar__sidebar .directorist-search-form__box .directorist-advanced-filter__advanced {
display: block;
}
}
.listing-with-sidebar__sidebar .directorist-search-field__input.directorist-form-element:not([type=number]) {
padding-right: 20px;
}
.listing-with-sidebar__sidebar .directorist-advanced-filter__top {
width: 100%;
padding: 25px 30px 20px;
border-bottom: 1px solid var(--directorist-color-light);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.listing-with-sidebar__sidebar .directorist-advanced-filter__title {
margin: 0;
font-size: 20px;
font-weight: 500;
color: var(--directorist-color-dark);
}
.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 25px 30px 0;
}
.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field > label {
font-size: 16px;
font-weight: 500;
margin: 0;
}
.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label {
margin-bottom: 15px;
}
.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;
}
.listing-with-sidebar__sidebar .directorist-search-modal__contents__footer {
position: relative;
background-color: transparent;
}
.listing-with-sidebar__sidebar .directorist-btn-reset-js {
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 32px;
border: none;
border-radius: 8px;
text-align: center;
text-transform: none;
text-decoration: none;
cursor: pointer;
background-color: var(--directorist-color-light);
}
.listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.listing-with-sidebar__sidebar .directorist-btn-submit {
width: 100%;
}
.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range {
width: 54px;
}
@media screen and (max-width: 575px) {
.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range {
width: 100%;
}
}
.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn:last-child {
border: 0 none;
}
.listing-with-sidebar__sidebar .directorist-checkbox-wrapper,
.listing-with-sidebar__sidebar .directorist-radio-wrapper,
.listing-with-sidebar__sidebar .directorist-search-tags {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.listing-with-sidebar__sidebar.right-sidebar-contents {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label {
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label {
position: unset;
-webkit-transform: unset;
transform: unset;
font-size: 16px;
font-weight: 500;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label i,
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label span {
display: none;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-webkit-input-placeholder {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-moz-placeholder {
opacity: 0;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input:-ms-input-placeholder {
opacity: 0;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-ms-input-placeholder {
opacity: 0;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::placeholder {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused {
width: 100%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 40px;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label {
top: -35px;
-webkit-transform: unset;
transform: unset;
font-size: 16px;
font-weight: 500;
margin: 0 0 10px;
z-index: 1;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input {
bottom: 0;
width: 100%;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder {
opacity: 1;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder {
opacity: 1;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder {
opacity: 1;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder {
opacity: 1;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder {
opacity: 1;
}
.listing-with-sidebar__sidebar .directorist-form-group.directorist-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;
}
.listing-with-sidebar__listing .directorist-header-bar,
.listing-with-sidebar__listing .directorist-archive-items {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.listing-with-sidebar__listing .directorist-header-bar .directorist-container-fluid,
.listing-with-sidebar__listing .directorist-archive-items .directorist-container-fluid {
padding: 0;
}
.listing-with-sidebar__listing .directorist-archive-items {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.listing-with-sidebar__listing .directorist-search-modal-advanced {
display: none;
}
.listing-with-sidebar__contents {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
@media screen and (max-width: 575px) {
.listing-with-sidebar .directorist-search-form__top .directorist-search-field {
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;
}
}
@media only screen and (max-width: 767px) {
.logged-in .listing-with-sidebar__sidebar .directorist-search-form__box {
padding-top: 46px;
}
}
@media only screen and (max-width: 600px) {
.logged-in .listing-with-sidebar__sidebar .directorist-search-form__box {
padding-top: 0;
}
}
.directorist-advanced-filter__basic {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.directorist-advanced-filter__basic__element {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-advanced-filter__basic__element .directorist-search-field {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding: 0;
margin: 0 0 40px;
}
@media screen and (max-width: 575px) {
.directorist-advanced-filter__basic__element .directorist-search-field {
margin: 0 0 20px;
}
}
.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper,
.directorist-advanced-filter__basic__element .directorist-radio-wrapper,
.directorist-advanced-filter__basic__element .directorist-search-tags {
gap: 15px;
margin: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox,
.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio,
.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox,
.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio,
.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox,
.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio {
margin: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 46%;
-ms-flex: 0 0 46%;
flex: 0 0 46%;
}
@media only screen and (max-width: 575px) {
.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox,
.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio,
.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox,
.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio,
.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox,
.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.directorist-advanced-filter__basic__element .directorist-form-group .directorist-filter-location-icon {
margin-top: 3px;
z-index: 99;
}
.directorist-advanced-filter__basic__element .form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
padding: 0;
margin: 0 0 40px;
}
@media screen and (max-width: 575px) {
.directorist-advanced-filter__basic__element .form-group {
margin: 0 0 20px;
}
}
.directorist-advanced-filter__basic__element .form-group > label {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 16px;
font-weight: 500;
margin: 0;
color: var(--directorist-color-dark);
}
.directorist-advanced-filter__advanced {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.directorist-advanced-filter__advanced__element {
overflow: hidden;
}
.directorist-advanced-filter__advanced__element.directorist-search-field-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;
}
@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-checkbox-wrapper,
.directorist-advanced-filter__advanced__element .directorist-radio-wrapper,
.directorist-advanced-filter__advanced__element .directorist-search-tags {
gap: 15px;
margin: 0;
padding: 10px 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 575px) {
.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper,
.directorist-advanced-filter__advanced__element .directorist-radio-wrapper,
.directorist-advanced-filter__advanced__element .directorist-search-tags {
gap: 10px;
}
}
.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox,
.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio,
.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox,
.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio,
.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox,
.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio {
margin: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 46%;
-ms-flex: 0 0 46%;
flex: 0 0 46%;
}
@media only screen and (max-width: 575px) {
.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox,
.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio,
.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox,
.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio,
.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox,
.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox {
display: none;
}
.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox:nth-child(-n+4) {
display: block;
}
.directorist-advanced-filter__advanced__element .directorist-form-group .directorist-filter-location-icon {
margin-top: 1px;
z-index: 99;
}
.directorist-advanced-filter__advanced__element .form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
padding: 0;
margin: 0 0 40px;
}
@media screen and (max-width: 575px) {
.directorist-advanced-filter__advanced__element .form-group {
margin: 0 0 20px;
}
}
.directorist-advanced-filter__advanced__element .form-group > label {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 16px;
font-weight: 500;
margin: 0;
color: var(--directorist-color-dark);
}
.directorist-advanced-filter__advanced__element.directorist-search-field-tag, .directorist-advanced-filter__advanced__element.directorist-search-field-radio, .directorist-advanced-filter__advanced__element.directorist-search-field-review, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, .directorist-advanced-filter__advanced__element.directorist-search-field-location, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker {
overflow: visible;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-advanced-filter__advanced__element.directorist-search-field-tag .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-radio .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-review .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker .directorist-search-field {
width: 100%;
}
.directorist-advanced-filter__action {
gap: 10px;
padding: 17px 40px;
}
.directorist-advanced-filter__action .directorist-btn-reset-js {
font-size: 14px;
font-weight: 500;
color: var(--directorist-color-dark);
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
-webkit-transition: background-color 0.3s ease, color 0.3s ease;
transition: background-color 0.3s ease, color 0.3s ease;
}
.directorist-advanced-filter__action .directorist-btn-reset-js:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.directorist-advanced-filter__action .directorist-btn {
font-size: 15px;
font-weight: 700;
border-radius: 8px;
padding: 0 32px;
height: 50px;
letter-spacing: 0;
}
@media only screen and (max-width: 375px) {
.directorist-advanced-filter__action .directorist-btn {
padding: 0 14.5px;
}
}
.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon {
right: 0;
}
.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon {
left: 0;
}
.directorist-advanced-filter .directorist-date .directorist-form-group,
.directorist-advanced-filter .directorist-time .directorist-form-group {
width: 100%;
}
.directorist-advanced-filter .directorist-btn-ml {
display: inline-block;
margin-top: 10px;
font-size: 13px;
font-weight: 500;
color: var(--directorist-color-body);
}
.directorist-advanced-filter .directorist-btn-ml:hover {
color: var(--directorist-color-primary);
}
@media screen and (max-width: 575px) {
.directorist-advanced-filter .directorist-btn-ml {
margin-top: 10px;
}
}
.directorist-search-field-radius_search {
position: relative;
}
.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap {
position: absolute;
right: 0;
top: 0;
}
.directorist-search-field-review .directorist-checkbox {
display: block;
width: auto;
}
.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
font-size: 13px;
font-weight: 400;
padding-left: 35px;
color: var(--directorist-color-body);
}
.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) {
margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) {
margin-bottom: 10px;
}
}
.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:before {
top: 3px;
}
.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after {
top: -2px;
}
@media only screen and (max-width: 575px) {
.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after {
top: 0;
}
}
@media only screen and (max-width: 575px) {
.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label {
padding-left: 28px;
}
}
.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after {
width: 14px;
height: 14px;
background-color: var(--directorist-color-light);
}
.directorist-search-field-review .directorist-checkbox input[value="5"] + label .directorist-icon-mask:after {
background-color: var(--directorist-color-star);
}
.directorist-search-field-review .directorist-checkbox input[value="4"] + label .directorist-icon-mask:not(:nth-child(5)):after {
background-color: var(--directorist-color-star);
}
.directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(2):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(3):after {
background-color: var(--directorist-color-star);
}
.directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(2):after {
background-color: var(--directorist-color-star);
}
.directorist-search-field-review .directorist-checkbox input[value="1"] + label .directorist-icon-mask:nth-child(1):after {
background-color: var(--directorist-color-star);
}
.directorist-search-field .directorist-price-ranges {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
@media (max-width: 575px) {
.directorist-search-field .directorist-price-ranges {
gap: 12px 35px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.directorist-search-field .directorist-price-ranges:after {
content: "";
position: absolute;
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 10px;
height: 2px;
background-color: var(--directorist-color-border);
}
.directorist-search-field .directorist-price-ranges .directorist-form-group:last-child {
margin-left: 15px;
}
}
@media (max-width: 480px) {
.directorist-search-field .directorist-price-ranges {
gap: 20px;
}
}
.directorist-search-field .directorist-price-ranges__item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.directorist-search-field .directorist-price-ranges__item.directorist-form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border-bottom: 1px solid var(--directorist-color-border);
}
.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-form-element {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border: 0 none !important;
}
.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus-within {
border-bottom: 2px solid var(--directorist-color-primary);
}
@media screen and (max-width: 575px) {
.directorist-search-field .directorist-price-ranges__item.directorist-form-group {
padding: 0 15px;
border-radius: 8px;
border: 1px solid var(--directorist-color-border);
}
.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus {
padding-bottom: 0;
border: 2px solid var(--directorist-color-primary);
}
.directorist-search-field .directorist-price-ranges__item.directorist-form-group__prefix {
height: 34px;
line-height: 34px;
}
}
.directorist-search-field .directorist-price-ranges__label {
margin-right: 5px;
}
.directorist-search-field .directorist-price-ranges__currency {
line-height: 1;
}
.directorist-search-field .directorist-price-ranges__price-frequency {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
gap: 6px;
margin: 11px 0 0;
}
@media screen and (max-width: 575px) {
.directorist-search-field .directorist-price-ranges__price-frequency {
gap: 0;
margin: 0;
border-radius: 8px;
border: 1px solid var(--directorist-color-border);
}
.directorist-search-field .directorist-price-ranges__price-frequency label {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
}
.directorist-search-field .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range {
border-radius: 10px 0 0 10px;
}
.directorist-search-field .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range {
border-radius: 0 10px 10px 0;
}
.directorist-search-field .directorist-price-ranges__price-frequency label:not(last-child) {
border-right: 1px solid var(--directorist-color-border);
}
}
.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio] {
display: none;
}
.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]:checked + .directorist-pf-range {
background-color: var(--directorist-color-primary);
color: var(--directorist-color-white);
}
.directorist-search-field .directorist-price-ranges .directorist-pf-range {
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--directorist-color-dark);
background-color: var(--directorist-color-border);
border-radius: 8px;
width: 70px;
height: 36px;
}
@media screen and (max-width: 575px) {
.directorist-search-field .directorist-price-ranges .directorist-pf-range {
width: 100%;
border-radius: 0;
background-color: var(--directorist-color-white);
}
}
.directorist-search-field {
font-size: 15px;
}
.directorist-search-field .wp-picker-container .wp-picker-clear,
.directorist-search-field .wp-picker-container .wp-color-result {
position: relative;
height: 40px;
border: 0 none;
width: 140px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 3px;
text-decoration: none;
}
.directorist-search-field .wp-picker-container .wp-color-result {
position: relative;
height: 40px;
border: 0 none;
width: 140px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 3px;
}
.directorist-search-field .wp-picker-container .wp-color-result-text {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
width: 102px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-transform: capitalize;
line-height: 1;
}
.directorist-search-field .wp-picker-holder {
position: absolute;
z-index: 22;
}
.check-btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.check-btn label {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.check-btn label input {
display: none;
}
.check-btn label input:checked + span:before {
opacity: 1;
visibility: visible;
}
.check-btn label input:checked + span:after {
border-color: var(--directorist-color-primary);
background-color: var(--directorist-color-primary);
}
.check-btn label span {
position: relative;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
height: 42px;
padding-right: 18px;
padding-left: 45px;
font-weight: 400;
font-size: 14px;
border-radius: 8px;
background-color: var(--directorist-color-light);
color: var(--directorist-color-body);
cursor: pointer;
}
.check-btn label span i {
display: none;
}
.check-btn label span:before {
position: absolute;
left: 23px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/e986e970b493125f349fc279b4b3d57b.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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;
} .pac-container {
z-index: 99999;
}
.directorist-search-top {
text-align: center;
margin-bottom: 34px;
}
.directorist-search-top__title {
color: var(--directorist-color-dark);
font-size: 36px;
font-weight: 500;
margin-bottom: 18px;
}
.directorist-search-top__subtitle {
color: var(--directorist-color-body);
font-size: 18px;
opacity: 0.8;
text-align: center;
}
.directorist-search-contents {
background-size: cover;
padding: 100px 0 120px;
}
.directorist-search-field__label {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
-webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease;
transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease;
}
.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder {
opacity: 0;
-moz-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder {
opacity: 0;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder {
opacity: 0;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder,
.directorist-search-field__label ~ .directorist-search-field__input::placeholder {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-field .directorist-form-group__prefix--start {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.directorist-search-field__btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 12px;
cursor: pointer;
}
.directorist-search-field__btn--clear {
right: 0;
opacity: 0;
visibility: hidden;
}
.directorist-search-field__btn--clear i::after {
width: 16px;
height: 16px;
background-color: #bcbcbc;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.directorist-search-field__btn--clear:hover i::after {
background-color: var(--directorist-color-primary);
}
@media screen and (max-width: 575px) {
.directorist-search-field .directorist-filter-location-icon {
right: -15px;
}
}
.directorist-search-field.input-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[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::-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::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;
}
.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;
}
.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,
.directorist-search-field .directorist-select .directorist-search-field__label {
opacity: 0;
}
.directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear,
.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear {
right: 25px;
}
.directorist-search-field .directorist-select .directorist-icon-mask:after,
.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after {
background-color: #808080;
}
.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear {
bottom: 8px;
}
.directorist-preload .directorist-search-form-top .directorist-search-field__label ~ .directorist-search-field__input {
opacity: 0;
pointer-events: none;
}
.directorist-search-form__box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
border: none;
border-radius: 10px;
padding: 22px 22px 22px 25px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.directorist-search-form__box {
gap: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 575px) {
.directorist-search-form__box {
padding: 0;
-webkit-box-shadow: unset;
box-shadow: unset;
border: none;
}
.directorist-search-form__box .directorist-search-form-action {
display: none;
}
}
.directorist-search-form__top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
gap: 18px;
}
@media screen and (max-width: 767px) {
.directorist-search-form__top {
width: 100%;
}
}
@media screen and (min-width: 575px) {
.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-select,
.directorist-search-form__top .directorist-search-category {
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;
}
.directorist-search-form__top .directorist-search-form__single-location {
cursor: not-allowed;
}
.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select {
opacity: 0.6;
pointer-events: none;
}
.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select ~ .select2-container {
opacity: 0.6;
pointer-events: none;
}
.directorist-search-form__top .directorist-search-form__single-location ~ .directorist-search-field__btn {
cursor: not-allowed;
pointer-events: none;
}
.directorist-search-form__top .directorist-search-field {
-webkit-box-flex: 30%;
-webkit-flex: 30%;
-ms-flex: 30%;
flex: 30%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0;
position: relative;
padding-bottom: 0;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-search-form__top .directorist-search-field:not(:last-child) {
border-right: 1px solid var(--directorist-color-border);
}
@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__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);
}
@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-btn-ml {
display: block;
font-size: 13px;
font-weight: 500;
margin-top: 10px;
color: var(--directorist-color-body);
}
.directorist-search-form__top .directorist-search-field .directorist-btn-ml:hover {
color: var(--directorist-color-primary);
}
@media screen and (max-width: 767px) {
.directorist-search-form__top .directorist-search-field {
-webkit-box-flex: 44%;
-webkit-flex: 44%;
-ms-flex: 44%;
flex: 44%;
}
}
@media screen and (max-width: 575px) {
.directorist-search-form__top .directorist-search-field {
-webkit-box-flex: 100%;
-webkit-flex: 100%;
-ms-flex: 100%;
flex: 100%;
margin: 0 20px;
border: none !important;
}
.directorist-search-form__top .directorist-search-field__label {
left: 0;
min-width: 14px;
}
.directorist-search-form__top .directorist-search-field__label:before {
content: "";
width: 14px;
height: 14px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: var(--directorist-color-body);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/447c512963a6e865700c065e70bb46b7.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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;
}
}
@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 .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;
}
.directorist-search-form__top .select2-container .directorist-select2-dropdown-close {
display: none;
}
.directorist-search-form__top .select2-container .directorist-select2-dropdown-toggle {
position: absolute;
padding: 0;
width: auto;
}
.directorist-search-form__top input[type=number]::-webkit-outer-spin-button,
.directorist-search-form__top input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
@media screen and (max-width: 575px) {
.directorist-search-form__top .directorist-search-form-dropdown {
padding: 0 !important;
margin-right: 5px !important;
}
.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn {
right: 0;
}
}
.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear {
bottom: 12px;
opacity: 0;
visibility: hidden;
}
.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
padding-right: 25px;
}
.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label {
opacity: 1 !important;
visibility: visible;
font-size: 14px !important;
font-weight: 500;
}
.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item {
font-weight: 600;
margin-left: 5px;
}
.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear,
.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear,
.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i::after {
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 575px) {
.directorist-search-form__top .directorist-search-form-dropdown.input-has-value, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused {
margin-right: 20px !important;
}
.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input {
padding-right: 0 !important;
}
.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn {
right: 20px;
}
.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear {
bottom: 5px;
}
}
.directorist-search-form__top .directorist-search-basic-dropdown {
position: relative;
}
.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 0;
width: 100%;
max-width: unset;
height: 40px;
line-height: 40px;
margin-bottom: 0 !important;
font-size: 14px;
font-weight: 400;
cursor: pointer;
position: unset !important;
-webkit-transform: unset !important;
transform: unset !important;
color: var(--directorist-color-body);
}
.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) {
-webkit-margin-end: 5px;
margin-inline-end: 5px;
}
.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) {
width: 20px;
height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--directorist-color-white);
background-color: var(--directorist-color-primary);
font-size: 10px;
border-radius: 100%;
-webkit-margin-start: 10px;
margin-inline-start: 10px;
}
.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after {
width: 12px;
height: 12px;
background-color: #808080;
}
@media screen and (max-width: 575px) {
.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before {
left: -20px !important;
}
}
.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content {
position: absolute;
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;
}
.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input {
padding-right: 0 !important;
border: none !important;
bottom: 0;
}
.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus {
border: none !important;
}
.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element {
padding-left: 0 !important;
}
.directorist-search-form__top .directorist-form-group__with-prefix ~ .directorist-search-field__btn--clear {
bottom: 12px;
}
.directorist-search-form-action {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-margin-end: auto;
margin-inline-end: auto;
-webkit-padding-start: 10px;
padding-inline-start: 10px;
gap: 10px;
}
@media only screen and (max-width: 767px) {
.directorist-search-form-action {
-webkit-padding-start: 0;
padding-inline-start: 0;
}
}
@media only screen and (max-width: 575px) {
.directorist-search-form-action {
width: 100%;
}
}
.directorist-search-form-action button {
text-decoration: none;
text-transform: capitalize;
}
.directorist-search-form-action__filter .directorist-filter-btn {
gap: 6px;
height: 50px;
padding: 0 18px;
font-weight: 400;
background-color: var(--directorist-color-white) !important;
border-color: var(--directorist-color-white);
color: var(--directorist-color-btn-primary-bg);
}
.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask::after {
height: 12px;
width: 14px;
background-color: var(--directorist-color-btn-primary-bg);
}
.directorist-search-form-action__filter .directorist-filter-btn:hover {
color: rgba(var(--directorist-color-btn-primary-rgb), 0.8);
}
@media only screen and (max-width: 767px) {
.directorist-search-form-action__filter .directorist-filter-btn {
padding-left: 0;
}
}
@media only screen and (max-width: 575px) {
.directorist-search-form-action__filter {
display: none;
}
}
.directorist-search-form-action__submit .directorist-btn-search {
gap: 8px;
height: 50px;
padding: 0 25px;
font-size: 15px;
font-weight: 700;
border-radius: 8px;
}
.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask::after {
height: 16px;
width: 16px;
background-color: var(--directorist-color-white);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
@media only screen and (max-width: 575px) {
.directorist-search-form-action__submit {
display: none;
}
}
.directorist-search-form-action__modal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
@media only screen and (max-width: 575px) {
.directorist-search-form-action__modal {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media only screen and (min-width: 576px) {
.directorist-search-form-action__modal {
display: none;
}
}
.directorist-search-form-action__modal__btn-search {
gap: 8px;
width: 100%;
height: 44px;
padding: 0 25px;
font-weight: 600;
border-radius: 22px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.directorist-search-form-action__modal__btn-search i::after {
width: 16px;
height: 16px;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.directorist-search-form-action__modal__btn-advanced {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-search-form-action__modal__btn-advanced .directorist-icon-mask:after {
height: 16px;
width: 16px;
}
.atbdp-form-fade {
position: relative;
border-radius: 8px;
overflow: visible;
}
.atbdp-form-fade.directorist-search-form__box {
padding: 15px;
border-radius: 10px;
}
.atbdp-form-fade.directorist-search-form__box:after {
border-radius: 10px;
}
.atbdp-form-fade.directorist-search-field input[type=text] {
padding-left: 15px;
}
.atbdp-form-fade:before {
position: absolute;
content: "";
width: 25px;
height: 25px;
border: 2px solid var(--directorist-color-primary);
border-top-color: transparent;
border-radius: 50%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: atbd_spin2 2s linear infinite;
animation: atbd_spin2 2s linear infinite;
z-index: 9999;
}
.atbdp-form-fade:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 8px;
background: rgba(var(--directorist-color-primary-rgb), 0.3);
z-index: 9998;
}
.directorist-on-scroll-loading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-size: 18px;
font-weight: 500;
color: var(--directorist-color-primary);
gap: 8px;
}
.directorist-on-scroll-loading .directorist-spinner {
width: 25px;
height: 25px;
margin: 0;
background: transparent;
border-top: 3px solid var(--directorist-color-primary);
border-right: 3px solid transparent;
border-radius: 50%;
-webkit-animation: 1s rotate360 linear infinite;
animation: 1s rotate360 linear infinite;
}
.directorist-listing-type-selection {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style-type: none;
}
@media only screen and (max-width: 767px) {
.directorist-listing-type-selection {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
}
}
@media only screen and (max-width: 575px) {
.directorist-listing-type-selection {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.directorist-listing-type-selection__item {
margin-bottom: 25px;
list-style: none;
}
@media screen and (max-width: 575px) {
.directorist-listing-type-selection__item {
margin-bottom: 15px;
}
}
.directorist-listing-type-selection__item:not(:last-child) {
margin-right: 25px;
}
@media screen and (max-width: 575px) {
.directorist-listing-type-selection__item:not(:last-child) {
margin-right: 20px;
}
}
.directorist-listing-type-selection__item a {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 15px;
font-weight: 500;
text-decoration: none;
white-space: nowrap;
padding: 0 0 8px;
color: var(--directorist-color-body);
}
.directorist-listing-type-selection__item a:hover {
color: var(--directorist-color-primary);
}
.directorist-listing-type-selection__item a:hover .directorist-icon-mask:after {
background-color: var(--directorist-color-primary);
}
.directorist-listing-type-selection__item a:focus {
background-color: transparent;
}
.directorist-listing-type-selection__item a:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
border-radius: 6px;
opacity: 0;
visibility: hidden;
background-color: var(--directorist-color-primary);
}
.directorist-listing-type-selection__item a .directorist-icon-mask {
display: inline-block;
margin: 0 0 7px;
}
.directorist-listing-type-selection__item a .directorist-icon-mask:after {
width: 20px;
height: 20px;
background-color: var(--directorist-color-body);
}
.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current {
font-weight: 700;
color: var(--directorist-color-primary);
}
.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask::after {
background-color: var(--directorist-color-primary);
}
.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after {
opacity: 1;
visibility: visible;
}
.directorist-search-form-wrap .directorist-listing-type-selection {
padding: 0;
margin: 0;
}
@media only screen and (max-width: 575px) {
.directorist-search-form-wrap .directorist-listing-type-selection {
margin: 0 auto;
}
}
.directorist-search-contents .directorist-btn-ml:after {
content: "";
display: inline-block;
margin-left: 5px;
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/05feea3d261c8b97573023a74fd26f03.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/c90867d23032298fc0ff1d456a6fdb30.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/c90867d23032298fc0ff1d456a6fdb30.svg);
}
.directorist-listing-category-top {
text-align: center;
margin-top: 35px;
}
@media screen and (max-width: 575px) {
.directorist-listing-category-top {
margin-top: 20px;
}
}
.directorist-listing-category-top h3 {
font-size: 18px;
font-weight: 400;
color: var(--directorist-color-body);
margin-bottom: 0;
display: none;
}
.directorist-listing-category-top ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px 35px;
margin: 0;
list-style: none;
}
@media only screen and (max-width: 575px) {
.directorist-listing-category-top ul {
gap: 12px;
overflow-x: auto;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.directorist-listing-category-top li a {
color: var(--directorist-color-body);
font-size: 14px;
font-weight: 500;
text-decoration: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
gap: 10px;
}
.directorist-listing-category-top li a i,
.directorist-listing-category-top li a span,
.directorist-listing-category-top li a span.las,
.directorist-listing-category-top li a span.lar,
.directorist-listing-category-top li a span.lab,
.directorist-listing-category-top li a span.fab,
.directorist-listing-category-top li a span.fas,
.directorist-listing-category-top li a span.la {
font-size: 15px;
color: var(--directorist-color-body);
}
.directorist-listing-category-top li a .directorist-icon-mask::after {
position: relative;
height: 15px;
width: 15px;
background-color: var(--directorist-color-body);
}
.directorist-listing-category-top li a p {
font-size: 14px;
line-height: 1;
font-weight: 400;
margin: 0;
color: var(--directorist-color-body);
}
@media screen and (max-width: 575px) {
.directorist-listing-category-top li a i {
display: none;
}
}
.directorist-search-field .directorist-location-js + .address_result {
position: absolute;
width: 100%;
left: 0;
top: 45px;
z-index: 1;
min-width: 250px;
max-height: 345px !important;
overflow-y: scroll;
border-radius: 8px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
z-index: 10;
}
.directorist-search-field .directorist-location-js + .address_result ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
padding: 7px;
margin: 0 0 15px;
list-style-type: none;
}
.directorist-search-field .directorist-location-js + .address_result ul a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 15px;
font-size: 14px;
line-height: 18px;
margin: 0 13px;
color: var(--directorist-color-body);
background-color: var(--directorist-color-white);
border-radius: 8px;
text-decoration: none;
}
.directorist-search-field .directorist-location-js + .address_result ul a .location-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 36px;
max-width: 36px;
height: 36px;
border-radius: 8px;
background-color: var(--directorist-color-bg-gray);
}
.directorist-search-field .directorist-location-js + .address_result ul a .location-icon i:after {
width: 16px;
height: 16px;
}
.directorist-search-field .directorist-location-js + .address_result ul a .location-address {
position: relative;
top: 2px;
}
.directorist-search-field .directorist-location-js + .address_result ul a.current-location {
height: 50px;
margin: 0 0 13px;
padding: 0 8px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: var(--directorist-color-primary);
background-color: var(--directorist-color-bg-gray);
}
.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address {
position: relative;
top: 0;
}
.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address:before {
content: "Current Location";
}
.directorist-search-field .directorist-location-js + .address_result ul a:hover {
color: var(--directorist-color-primary);
}
.directorist-search-field .directorist-location-js + .address_result ul li {
border: none;
padding: 0;
margin: 0;
}
.directorist-zipcode-search .directorist-search-country {
position: absolute;
width: 100%;
left: 0;
top: 45px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2);
box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2);
border-radius: 3px;
z-index: 1;
max-height: 300px;
overflow-y: scroll;
}
.directorist-zipcode-search .directorist-search-country ul {
list-style: none;
padding: 0;
}
.directorist-zipcode-search .directorist-search-country ul a {
font-size: 14px;
color: var(--directorist-color-gray);
line-height: 22px;
display: block;
}
.directorist-zipcode-search .directorist-search-country ul li {
border-bottom: 1px solid var(--directorist-color-border);
padding: 10px 15px 10px;
margin: 0;
}
.directorist-search-contents .directorist-search-form-top .form-group.open_now {
-webkit-box-flex: 30.8%;
-webkit-flex: 30.8%;
-ms-flex: 30.8%;
flex: 30.8%;
border-right: 1px solid var(--directorist-color-border);
}
.directorist-custom-range-slider {
width: 100%;
}
.directorist-custom-range-slider__wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.directorist-custom-range-slider__value {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border-bottom: 1px solid var(--directorist-color-border);
-webkit-transition: border ease 0.3s;
transition: border ease 0.3s;
}
.directorist-custom-range-slider__value:focus-within {
border-bottom: 2px solid var(--directorist-color-primary);
}
.directorist-custom-range-slider__value input {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
height: 40px;
margin: 0;
padding: 0;
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);
}
.directorist-custom-range-slider__prefix {
line-height: 1;
font-size: 14px;
font-weight: 500;
color: var(--directorist-color-primary);
}
.directorist-custom-range-slider__range__wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 5px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 14px;
font-weight: 500;
}
.directorist-pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directorist-pagination .page-numbers {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
width: 40px;
height: 40px;
font-size: 14px;
font-weight: 400;
border-radius: 8px;
color: var(--directorist-color-body);
background-color: var(--directorist-color-white);
border: 2px solid var(--directorist-color-border);
-webkit-transition: border 0.3s ease, color 0.3s ease;
transition: border 0.3s ease, color 0.3s ease;
}
.directorist-pagination .page-numbers .directorist-icon-mask:after {
width: 14px;
height: 14px;
background-color: var(--directorist-color-body);
}
.directorist-pagination .page-numbers span {
border: 0 none;
min-width: auto;
margin: 0;
}
.directorist-pagination .page-numbers:hover, .directorist-pagination .page-numbers.current {
border-color: var(--directorist-color-primary);
color: var(--directorist-color-primary);
}
.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-pagination .page-numbers.current .directorist-icon-mask:after {
background-color: var(--directorist-color-primary);
} .directorist-categories {
margin-top: 15px;
}
.directorist-categories__single {
border-radius: 12px;
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--directorist-color-white); }
.directorist-categories__single--image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-o-object-fit: cover;
object-fit: cover;
position: relative;
}
.directorist-categories__single--image::before {
position: absolute;
content: "";
border-radius: inherit;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(var(--directorist-color-dark-rgb), 0.5);
z-index: 0;
}
.directorist-categories__single--image .directorist-categories__single__name,
.directorist-categories__single--image .directorist-categories__single__total {
color: var(--directorist-color-white);
}
.directorist-categories__single__content {
position: relative;
z-index: 1;
text-align: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
padding: 50px 30px;
}
.directorist-categories__single__content .directorist-icon-mask {
display: inline-block;
}
.directorist-categories__single__name {
text-decoration: none;
font-weight: 500;
font-size: 16px;
color: var(--directorist-color-dark);
}
.directorist-categories__single__name::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after {
width: 50px;
height: 50px;
}
@media screen and (max-width: 991px) {
.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after {
width: 40px;
height: 40px;
}
}
.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask::after {
background-color: var(--directorist-color-white);
}
.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask {
background-color: var(--directorist-color-primary);
border-radius: 50%;
padding: 17px;
}
.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask::after {
width: 36px;
height: 36px;
background-color: var(--directorist-color-white);
}
.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total {
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-deep-gray);
}
.directorist-categories__single--style-two .directorist-icon-mask {
border: 4px solid var(--directorist-color-primary);
border-radius: 50%;
padding: 16px;
}
.directorist-categories__single--style-two .directorist-icon-mask::after {
width: 40px;
height: 40px;
}
.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask {
border-color: var(--directorist-color-white);
}
.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask::after {
background-color: var(--directorist-color-white);
}
.directorist-categories__single--style-three {
height: var(--directorist-category-box-width);
border-radius: 50%;
}
.directorist-categories__single--style-three .directorist-icon-mask::after {
width: 40px;
height: 40px;
}
.directorist-categories__single--style-three .directorist-category-term {
display: none;
}
.directorist-categories__single--style-three .directorist-category-count {
font-size: 16px;
font-weight: 600;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
border: 3px solid var(--directorist-color-primary);
margin-top: 15px;
}
.directorist-categories__single--style-three.directorist-categories__single--image .directorist-icon-mask::after {
background-color: var(--directorist-color-white);
}
.directorist-categories__single--style-three .directorist-category-count {
border-color: var(--directorist-color-white);
}
.directorist-categories__single--style-four .directorist-icon-mask {
background-color: var(--directorist-color-primary);
border-radius: 50%;
padding: 17px;
}
.directorist-categories__single--style-four .directorist-icon-mask::after {
width: 36px;
height: 36px;
background-color: var(--directorist-color-white);
}
.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask {
border-color: var(--directorist-color-white);
}
.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask:after {
background-color: var(--directorist-color-white);
}
.directorist-categories__single--style-four:not(.directorist-categories__single--image) .directorist-categories__single__total {
color: var(--directorist-color-deep-gray);
}
.directorist-categories .directorist-row > * {
margin-top: 30px;
}
@media screen and (max-width: 991px) {
.directorist-categories .directorist-col-3 {
width: 25%;
}
}
@media screen and (max-width: 767px) {
.directorist-categories .directorist-col-3 {
width: 50%;
}
}
@media screen and (max-width: 575px) {
.directorist-categories .directorist-col-3 {
width: 100%;
}
}
@media screen and (max-width: 991px) {
.directorist-categories .directorist-col-4 {
width: 33.33%;
}
}
@media screen and (max-width: 767px) {
.directorist-categories .directorist-col-4 {
width: 50%;
}
}
@media screen and (max-width: 575px) {
.directorist-categories .directorist-col-4 {
width: 100%;
}
}
.directorist-categories .directorist-type-nav {
margin-bottom: 15px;
} .directorist-taxonomy-list-one .directorist-taxonomy-list {  }
.directorist-taxonomy-list-one .directorist-taxonomy-list__card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: var(--directorist-color-light);
border-radius: var(--directorist-border-radius-lg);
padding: 8px 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
position: relative;
min-height: 40px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
z-index: 1;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__card span {
font-weight: var(--directorist-fw-medium);
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-padding-start: 12px;
padding-inline-start: 12px;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding-bottom: 5px;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__toggler .directorist-icon-mask::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--directorist-color-white);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask::after {
width: 15px;
height: 15px;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__name {
color: var(--directorist-color-dark);
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__count {
color: var(--directorist-color-dark);
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler {
-webkit-margin-start: auto;
margin-inline-start: auto;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler .directorist-icon-mask::after {
width: 10px;
height: 10px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item {
margin: 0;
list-style: none;
overflow-y: auto;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item a {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 15px;
text-decoration: none;
color: var(--directorist-color-dark);
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul {
-webkit-padding-start: 10px;
padding-inline-start: 10px;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item {
background-color: var(--directorist-color-light);
border-radius: 12px;
-webkit-padding-start: 35px;
padding-inline-start: 35px;
-webkit-padding-end: 20px;
padding-inline-end: 20px;
height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
padding-bottom: 20px;
margin-top: -20px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li {
margin: 0;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item {
-webkit-padding-start: 15px;
padding-inline-start: 15px;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item {
-webkit-padding-start: 64px;
padding-inline-start: 64px;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item {
-webkit-padding-start: 15px;
padding-inline-start: 15px;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item {
border-radius: 0 0 16px 16px;
height: auto;
visibility: visible;
opacity: 1;
margin-top: 0;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle + .directorist-taxonomy-list__sub-item {
height: 0;
opacity: 0;
padding: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item {
opacity: 1;
height: auto;
visibility: visible;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__sub-item-toggler::after {
content: none;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler {
-webkit-margin-start: auto;
margin-inline-start: auto;
position: relative;
width: 10px;
height: 10px;
display: inline-block;
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::before {
position: absolute;
content: "";
left: 0;
top: 50%;
width: 10px;
height: 1px;
background-color: var(--directorist-color-deep-gray);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::after {
position: absolute;
content: "";
width: 1px;
height: 10px;
left: 50%;
top: 0;
background-color: var(--directorist-color-deep-gray);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
} .directorist-taxonomy-list-two .directorist-taxonomy-list {
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
border-radius: var(--directorist-border-radius-lg);
background-color: var(--directorist-color-white);
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 10px 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
text-decoration: none;
min-height: 40px;
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__card:focus {
background: none;
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__name {
font-weight: var(--directorist-fw-medium);
color: var(--directorist-color-dark);
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__count {
color: var(--directorist-color-dark);
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--directorist-color-dark);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask::after {
background-color: var(--directorist-color-white);
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__toggle {
border-bottom: 1px solid var(--directorist-color-border);
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__toggler {
display: none;
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item {
margin: 0;
padding: 15px 20px 25px;
list-style: none;
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item li {
margin-bottom: 7px;
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item a {
text-decoration: none;
color: var(--directorist-color-dark);
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul {
margin: 0;
padding: 0;
list-style: none;
}
.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul li {
-webkit-padding-start: 10px;
padding-inline-start: 10px;
} .directorist-location {
margin-top: 30px;
}
.directorist-location--grid-one .directorist-location__single {
border-radius: var(--directorist-border-radius-lg);
position: relative;
}
.directorist-location--grid-one .directorist-location__single--img {
height: 300px;
}
.directorist-location--grid-one .directorist-location__single--img::before {
position: absolute;
content: "";
width: 100%;
height: inherit;
left: 0;
top: 0;
background: rgba(var(--directorist-color-dark-rgb), 0.5);
border-radius: inherit;
}
.directorist-location--grid-one .directorist-location__single--img .directorist-location__content {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.directorist-location--grid-one .directorist-location__single--img .directorist-location__content a {
color: var(--directorist-color-white);
}
.directorist-location--grid-one .directorist-location__single--img .directorist-location__count {
color: var(--directorist-color-white);
}
.directorist-location--grid-one .directorist-location__single__img {
height: inherit;
border-radius: inherit;
}
.directorist-location--grid-one .directorist-location__single img {
width: 100%;
height: inherit;
border-radius: inherit;
-o-object-fit: cover;
object-fit: cover;
}
.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) {
height: 300px;
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--directorist-color-white);
}
.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3,
.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a,
.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span {
text-align: center;
}
.directorist-location--grid-one .directorist-location__content {
padding: 22px;
}
.directorist-location--grid-one .directorist-location__content h3 {
margin: 0;
font-size: 16px;
font-weight: 500;
}
.directorist-location--grid-one .directorist-location__content a {
color: var(--directorist-color-dark);
text-decoration: none;
}
.directorist-location--grid-one .directorist-location__content a::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.directorist-location--grid-one .directorist-location__count {
display: block;
font-size: 14px;
font-weight: 400;
}
.directorist-location--grid-two .directorist-location__single {
border-radius: var(--directorist-border-radius-lg);
position: relative;
}
.directorist-location--grid-two .directorist-location__single--img {
height: auto;
}
.directorist-location--grid-two .directorist-location__single--img .directorist-location__content {
padding: 10px 0 0 0;
}
.directorist-location--grid-two .directorist-location__single img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: var(--directorist-border-radius-lg);
}
.directorist-location--grid-two .directorist-location__single__img {
position: relative;
height: 240px;
}
.directorist-location--grid-two .directorist-location__single__img::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(var(--directorist-color-dark-rgb), 0.5);
border-radius: var(--directorist-border-radius-lg);
}
.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) {
height: 300px;
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3,
.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a,
.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span {
text-align: center;
}
.directorist-location--grid-two .directorist-location__content {
padding: 22px;
}
.directorist-location--grid-two .directorist-location__content h3 {
margin: 0;
font-size: 20px;
font-weight: var(--directorist-fw-medium);
}
.directorist-location--grid-two .directorist-location__content a {
text-decoration: none;
}
.directorist-location--grid-two .directorist-location__content a::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.directorist-location--grid-two .directorist-location__count {
display: block;
}
.directorist-location .directorist-row > * {
margin-top: 30px;
}
@media screen and (max-width: 991px) {
.directorist-location .directorist-col-3 {
width: 25%;
}
}
@media screen and (max-width: 767px) {
.directorist-location .directorist-col-3 {
width: 50%;
}
}
@media screen and (max-width: 575px) {
.directorist-location .directorist-col-3 {
width: 100%;
}
}
@media screen and (max-width: 991px) {
.directorist-location .directorist-col-4 {
width: 33.33%;
}
}
@media screen and (max-width: 767px) {
.directorist-location .directorist-col-4 {
width: 50%;
}
}
@media screen and (max-width: 575px) {
.directorist-location .directorist-col-4 {
width: 100%;
}
}
.directorist-location .directorist-type-nav {
margin-bottom: 15px;
} .atm-open {
overflow: hidden;
}
.atm-open .at-modal {
overflow-x: hidden;
overflow-y: auto;
}
.at-modal {
position: fixed;
width: 100%;
height: 100%;
background: rgba(var(--directorist-color-dark-rgb), 0.5);
left: 0;
top: 0;
z-index: 9999;
display: none;
overflow: hidden;
outline: 0;
}
.at-modal-content {
position: relative;
width: 500px;
margin: 30px auto;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
opacity: 0;
visibility: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-height: calc(100% - 5rem);
pointer-events: none;
}
.atm-contents-inner {
width: 100%;
background-color: var(--directorist-color-white);
pointer-events: auto;
border-radius: 3px;
position: relative;
}
.at-modal-content.at-modal-lg {
width: 800px;
}
.at-modal-content.at-modal-xl {
width: 1140px;
}
.at-modal-content.at-modal-sm {
width: 300px;
}
.at-modal.atm-fade {
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.at-modal.atm-fade:not(.atm-show) {
opacity: 0;
visibility: hidden;
}
.at-modal.atm-show .at-modal-content {
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.at-modal .atm-contents-inner .at-modal-close {
width: 32px;
height: 32px;
top: 20px;
right: 20px;
position: absolute;
-webkit-transform: none;
transform: none;
background-color: #444752;
color: var(--directorist-color-white);
border-radius: 300px;
opacity: 1;
font-weight: 300;
z-index: 2;
font-size: 16px;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
}
.at-modal .atm-contents-inner .close span {
display: block;
line-height: 0;
}  @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);
}
} @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);
}
} @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);
}
} @media (max-width: 575.98px) {
.at-modal-content.at-modal-xl,
.at-modal-content.at-modal-lg,
.at-modal-content.at-modal-md,
.at-modal-content.at-modal-sm {
width: calc(100% - 30px);
}
} .directorist-author__form {
max-width: 540px;
margin: 0 auto;
padding: 50px 40px;
border-radius: 12px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
@media only screen and (max-width: 480px) {
.directorist-author__form {
padding: 40px 25px;
}
}
.directorist-author__form__btn {
width: 100%;
height: 50px;
border-radius: 8px;
}
.directorist-author__form__actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 28px 0 33px;
}
.directorist-author__form__actions a {
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-deep-gray);
border-bottom: 1px dashed var(--directorist-color-deep-gray);
}
.directorist-author__form__actions a:hover {
color: var(--directorist-color-primary);
border-color: var(--directorist-color-primary);
}
.directorist-author__form__actions label {
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
}
.directorist-author__form__toggle-area {
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
}
.directorist-author__form__toggle-area a {
margin-left: 5px;
color: var(--directorist-color-info);
}
.directorist-author__form__toggle-area a:hover {
color: var(--directorist-color-primary);
}
.directorist-author__form__recover-pass-modal .directorist-form-group {
padding: 25px;
}
.directorist-author__form__recover-pass-modal p {
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
margin: 0 0 20px;
}
.directorist-author__message__text {
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
} .directorist-authentication {
height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.directorist-authentication__form {
max-width: 540px;
margin: 0 auto 15px;
padding: 50px 40px;
border-radius: 12px;
background-color: #fff;
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 480px) {
.directorist-authentication__form {
padding: 40px 25px;
}
}
.directorist-authentication__form__btn {
width: 100%;
height: 50px;
border: none;
border-radius: 8px;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.directorist-authentication__form__actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 28px 0 33px;
}
.directorist-authentication__form__actions a {
font-size: 14px;
font-weight: 400;
color: #808080;
border-bottom: 1px dashed #808080;
}
.directorist-authentication__form__actions a:hover {
color: #000000;
border-color: #000000;
}
.directorist-authentication__form__actions label {
font-size: 14px;
font-weight: 400;
color: #404040;
}
.directorist-authentication__form__toggle-area {
font-size: 14px;
font-weight: 400;
color: #404040;
}
.directorist-authentication__form__toggle-area a {
margin-left: 5px;
color: #2c99ff;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.directorist-authentication__form__toggle-area a:hover {
color: #000000;
}
.directorist-authentication__form__recover-pass-modal {
display: none;
}
.directorist-authentication__form__recover-pass-modal .directorist-form-group {
margin: 0;
padding: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
border: 1px solid #e9e9e9;
}
.directorist-authentication__form__recover-pass-modal p {
font-size: 14px;
font-weight: 400;
color: #404040;
margin: 0 0 20px;
}
.directorist-authentication__form .directorist-form-element {
border: none;
padding: 15px 0;
border-radius: 0;
border-bottom: 1px solid #ececec;
}
.directorist-authentication__form .directorist-form-group > label {
margin: 0;
font-size: 14px;
font-weight: 400;
color: #404040;
}
.directorist-authentication__btn {
border: none;
outline: none;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none;
color: #000000;
font-size: 13px;
font-weight: 400;
padding: 0 6px;
text-transform: capitalize;
background: transparent;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.directorist-authentication__btn:hover {
opacity: 0.75;
}
.directorist-authentication__message__text {
font-size: 14px;
font-weight: 400;
color: #404040;
}
.directorist-authentication.active {
height: auto;
opacity: 1;
visibility: visible;
} .directorist-authors-section {
position: relative;
}
.directorist-content-active .directorist-authors__cards {
margin-top: -30px;
}
.directorist-content-active .directorist-authors__cards .directorist-row > * {
margin-top: 30px;
}
.directorist-content-active .directorist-authors__nav {
margin-bottom: 30px;
}
.directorist-content-active .directorist-authors__nav ul {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0;
}
.directorist-content-active .directorist-authors__nav li {
list-style: none;
}
.directorist-content-active .directorist-authors__nav li a {
display: block;
line-height: 20px;
padding: 0 17px 10px;
border-bottom: 2px solid transparent;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-content-active .directorist-authors__nav li a:hover {
border-bottom-color: var(--directorist-color-primary);
color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-authors__nav li.active a {
border-bottom-color: var(--directorist-color-primary);
color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-authors__card {
padding: 20px;
border-radius: 10px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
.directorist-content-active .directorist-authors__card__img {
margin-bottom: 15px;
text-align: center;
}
.directorist-content-active .directorist-authors__card__img img {
border-radius: 50%;
width: 150px;
height: 150px;
display: inline-block;
-o-object-fit: cover;
object-fit: cover;
}
.directorist-content-active .directorist-authors__card__details__top {
text-align: center;
border-bottom: 1px solid var(--directorist-color-border);
margin: 5px 0 15px;
}
.directorist-content-active .directorist-authors__card h2 {
font-size: 20px;
font-weight: 500;
margin: 0 0 16px 0 !important;
line-height: normal;
}
.directorist-content-active .directorist-authors__card h2:before {
content: none;
}
.directorist-content-active .directorist-authors__card h3 {
font-size: 14px;
font-weight: 400;
color: #8F8E9F;
margin: 0 0 15px 0 !important;
line-height: normal;
text-transform: none;
letter-spacing: normal;
}
.directorist-content-active .directorist-authors__card__info-list {
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 15px !important;
}
.directorist-content-active .directorist-authors__card__info-list li {
font-size: 14px;
color: #767792;
list-style: none;
word-wrap: break-word;
word-break: break-all;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0; }
.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); }
.directorist-content-active .directorist-authors__card .directorist-author-social a:hover > span {
background: none;
color: var(--directorist-color-white);
}
.directorist-content-active .directorist-authors__card p {
font-size: 14px;
color: #767792;
margin-bottom: 20px;
}
.directorist-content-active .directorist-authors__card .directorist-btn {
border: 0 none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-content-active .directorist-authors__card .directorist-btn:hover {
background-color: var(--directorist-color-primary);
color: var(--directorist-color-white);
} @media (max-width: 575px) {
.directorist-authors__cards .directorist-col-6 {
width: 100%;
}
}
@media (max-width: 991px) {
.directorist-authors__cards .directorist-col-4 {
width: 50%;
}
}
@media (max-width: 575px) {
.directorist-authors__cards .directorist-col-4 {
width: 100%;
}
}
@media (max-width: 1199px) {
.directorist-authors__cards .directorist-col-3 {
width: 33.33%;
}
}
@media (max-width: 991px) {
.directorist-authors__cards .directorist-col-3 {
width: 50%;
}
}
@media (max-width: 575px) {
.directorist-authors__cards .directorist-col-3 {
width: 100%;
}
}
@media (max-width: 1199px) {
.directorist-authors__cards .directorist-col-2 {
width: 25%;
}
}
@media (max-width: 991px) {
.directorist-authors__cards .directorist-col-2 {
width: 33.33%;
}
}
@media (max-width: 767px) {
.directorist-authors__cards .directorist-col-2 {
width: 50%;
}
}
@media (max-width: 575px) {
.directorist-authors__cards .directorist-col-2 {
width: 100%;
}
}
.directorist-authors__pagination {
margin-top: 25px;
}
.select2-selection__arrow,
.select2-selection__clear {
display: none !important;
}
.directorist-select2-addons-area {
position: absolute;
right: 5px;
top: 50%;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 8;
}
.directorist-select2-addon {
padding: 0 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-select2-dropdown-toggle {
height: auto;
width: 25px;
}
.directorist-select2-dropdown-close {
height: auto;
width: 25px;
}
.directorist-select2-dropdown-close .directorist-icon-mask::after {
width: 15px;
height: 15px;
}
.directorist-select2-addon .directorist-icon-mask::after {
width: 13px;
height: 13px;
}
.directorist-form-section {
font-size: 15px;
} .directorist-archive-contents .directorist-single-line .directorist-listing-title,
.directorist-archive-contents .directorist-single-line .directorist-listing-tagline,
.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__list ul li div,
.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__excerpt {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.directorist-all-listing-btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 20px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.directorist-all-listing-btn__basic {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.directorist-all-listing-btn .directorist-btn__back i::after {
width: 16px;
height: 16px;
}
.directorist-all-listing-btn .directorist-modal-btn--basic {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
gap: 10px;
min-height: 40px;
border-radius: 30px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-all-listing-btn .directorist-modal-btn--basic i::after {
width: 16px;
height: 16px;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.directorist-all-listing-btn .directorist-modal-btn--advanced i::after {
width: 16px;
height: 16px;
}
@media screen and (min-width: 576px) {
.directorist-all-listing-btn,
.directorist-all-listing-modal {
display: none;
}
}
.directorist-content-active .directorist-listing-single {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 15px;
margin-bottom: 15px;
}
.directorist-content-active .directorist-listing-single--bg {
border-radius: 10px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
.directorist-content-active .directorist-listing-single__content {
border-radius: 4px;
}
.directorist-content-active .directorist-listing-single__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;
}
.directorist-content-active .directorist-listing-single__info:empty {
display: none;
}
.directorist-content-active .directorist-listing-single__info__top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
gap: 6px;
}
.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%;
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-listing-single__info__list {
gap: 8px;
}
}
.directorist-content-active .directorist-listing-single__info__list li,
.directorist-content-active .directorist-listing-single__info__list > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px;
margin: 0;
font-size: 14px;
line-height: 18px;
color: var(--directorist-color-body);
}
.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask,
.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask {
position: relative;
top: 2px;
}
.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask:after,
.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask:after {
width: 16px;
height: 16px;
background-color: var(--directorist-color-light-gray);
}
.directorist-content-active .directorist-listing-single__info__list li .directorist-listing-card-info-label,
.directorist-content-active .directorist-listing-single__info__list > div .directorist-listing-card-info-label {
display: none;
}
.directorist-content-active .directorist-listing-single__info__list .directorist-icon {
font-size: 17px;
color: var(--directorist-color-body);
margin-right: 8px;
}
.directorist-content-active .directorist-listing-single__info__list a {
text-decoration: none;
color: var(--directorist-color-body);
word-break: break-word;
}
.directorist-content-active .directorist-listing-single__info__list a:hover {
color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list {
display: block;
margin: 0;
}
.directorist-content-active .directorist-listing-single__info__list__label {
display: inline-block;
margin-right: 5px;
}
.directorist-content-active .directorist-listing-single__info--right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
position: absolute;
right: 20px;
top: 20px;
}
@media screen and (max-width: 991px) {
.directorist-content-active .directorist-listing-single__info--right {
gap: 15px;
}
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-listing-single__info--right {
gap: 10px;
}
}
.directorist-content-active .directorist-listing-single__info__excerpt {
margin: 10px 0 0;
font-size: 14px;
color: var(--directorist-color-body);
line-height: 20px;
text-align: left;
}
.directorist-content-active .directorist-listing-single__info__excerpt a {
color: var(--directorist-color-primary);
text-decoration: underline;
}
.directorist-content-active .directorist-listing-single__info__excerpt a:hover {
color: var(--directorist-color-body);
}
.directorist-content-active .directorist-listing-single__info__top-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 20px;
width: 100%;
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-listing-single__info__top-right {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px;
}
.directorist-content-active .directorist-listing-single__info__top-right .directorist-mark-as-favorite {
position: absolute;
top: 20px;
left: -30px;
}
}
.directorist-content-active .directorist-listing-single__info__top-right .directorist-listing-single__info--right {
position: unset;
}
.directorist-content-active .directorist-listing-single__info a {
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
color: var(--directorist-color-body);
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.directorist-content-active .directorist-listing-single__info a:hover {
color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item {
font-size: 14px;
line-height: 18px;
position: relative;
display: inline-block;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type) {
padding-right: 10px;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type):after {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
width: 3px;
height: 3px;
content: "";
background-color: #bcbcbc;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge {
margin-right: 8px;
padding-right: 3px;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after {
right: -8px;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 1;
color: var(--directorist-color-body);
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask {
margin-right: 4px;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after {
width: 12px;
height: 12px;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-badge {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: auto;
height: 21px;
line-height: 21px;
margin: 0;
border-radius: 4px;
font-size: 10px;
font-weight: 700;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item .directorist-review {
display: block;
margin-left: 6px;
font-size: 14px;
color: var(--directorist-color-light-gray);
text-decoration: underline;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 5px;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask {
margin-top: 2px;
}
.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category:after, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after {
top: 10px;
-webkit-transform: unset;
transform: unset;
}
.directorist-content-active .directorist-listing-single__info .directorist-badge + .directorist-badge {
margin-left: 3px;
}
.directorist-content-active .directorist-listing-single__info .directorist-listing-tagline {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 0;
font-size: 14px;
line-height: 18px;
color: var(--directorist-color-light-gray);
}
.directorist-content-active .directorist-listing-single__info .directorist-listing-title {
font-size: 18px;
font-weight: 500;
padding: 0;
text-transform: none;
line-height: 20px;
margin: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.directorist-content-active .directorist-listing-single__info .directorist-listing-title a {
text-decoration: none;
color: var(--directorist-color-dark);
}
.directorist-content-active .directorist-listing-single__info .directorist-listing-title a:hover {
color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price {
font-size: 14px;
font-weight: 700;
padding: 0;
background: transparent;
color: var(--directorist-color-body);
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price {
font-weight: 700;
}
}
.directorist-content-active .directorist-listing-single__meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
position: relative;
padding: 14px 20px;
font-size: 14px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid var(--directorist-color-border);
}
.directorist-content-active .directorist-listing-single__meta__left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.directorist-content-active .directorist-listing-single__meta__right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a {
text-decoration: none;
font-size: 14px;
color: var(--directorist-color-body);
border-bottom: 0 none;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
word-break: break-word;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a:hover {
color: var(--directorist-color-primary);
}
.directorist-content-active .directorist-listing-single__meta .directorist-view-count {
font-size: 14px;
color: var(--directorist-color-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 5px; }
.directorist-content-active .directorist-listing-single__meta .directorist-view-count .directorist-icon-mask:after {
width: 15px;
height: 15px;
background-color: var(--directorist-color-light-gray);
}
.directorist-content-active .directorist-listing-single__meta .directorist-view-count > span {
display: inline-block;
margin-right: 5px;
}
.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author a {
width: 38px;
height: 38px;
display: inline-block;
vertical-align: middle;
}
.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.directorist-content-active .directorist-listing-single__meta .directorist-mark-as-favorite__btn {
width: auto;
height: auto;
}
.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a { }
.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask {
height: 34px;
width: 34px;
border-radius: 50%;
background-color: var(--directorist-color-light);
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 10px;
}
.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask:after {
background-color: var(--directorist-color-primary);
width: 14px;
height: 14px;
}
.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span {
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #f3f3f3;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 10px;
}
.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span:before {
color: var(--directorist-color-body);
}
.directorist-content-active .directorist-listing-single__meta .directorist-listing-category__extran-count {
font-size: 14px;
font-weight: 500;
}
.directorist-content-active .directorist-listing-single__meta .directorist-rating-meta,
.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
}
.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone {
gap: 5px;
}
.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone a {
text-decoration: none;
}
.directorist-content-active .directorist-listing-single__thumb {
position: relative;
margin: 0;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card {
position: relative;
width: 100%;
height: 100%;
border-radius: 10px;
overflow: hidden;
z-index: 0;
background-color: var(--directorist-color-bg-gray);
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
overflow: hidden;
z-index: 2;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap figure,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap figure {
width: 100%;
height: 100%;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img {
-o-object-fit: contain;
object-fit: contain;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full {
min-height: 300px;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-wrap {
z-index: 1;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-front-img,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
margin: 0;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img {
-webkit-filter: blur(5px);
filter: blur(5px);
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left {
left: 20px;
top: 20px;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right {
top: 20px;
right: 20px;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left {
left: 20px;
bottom: 30px;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right {
right: 20px;
bottom: 30px;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
}
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab,
.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab {
color: var(--directorist-color-white);
}
.directorist-content-active .directorist-listing-single__header__left .directorist-thumb-listing-author {
position: unset !important;
-webkit-transform: unset !important;
transform: unset !important;
}
.directorist-content-active .directorist-listing-single figure {
margin: 0;
}
.directorist-content-active .directorist-listing-single .directorist-listing-single__header__left .directorist-thumb-listing-author,
.directorist-content-active .directorist-listing-single .directorist-listing-single__header__right .directorist-thumb-listing-author,
.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-left .directorist-thumb-listing-author,
.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-right .directorist-thumb-listing-author {
position: unset !important;
-webkit-transform: unset !important;
transform: unset !important;
}
.directorist-content-active .directorist-listing-single .directorist-badge {
margin: 3px;
}
.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular {
background-color: #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;
}
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) {
display: none;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after {
width: 10px;
height: 10px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg {
margin-left: 0;
font-size: 12px;
font-weight: normal;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review {
font-size: 12px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price {
font-size: 12px;
font-weight: 600;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta {
font-size: 12px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after {
width: 14px;
height: 14px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt {
font-size: 12px;
line-height: 1.6;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > li,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > div {
font-size: 12px;
line-height: 1.2;
gap: 8px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count {
font-size: 12px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup {
margin-left: 5px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category > a .directorist-icon-mask {
width: 30px;
height: 30px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask {
top: 0;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after {
width: 12px;
height: 14px;
}
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb {
margin: 0;
}
@media only screen and (min-width: 576.99px) {
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 320px;
min-height: 240px;
padding: 10px 0 10px 10px;
}
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb {
padding: 10px 10px 0 10px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge {
width: 20px;
height: 20px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before,
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after {
width: 10px;
height: 10px;
}
}
@media only screen and (min-width: 576.99px) {
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card {
height: 100% !important;
}
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img {
border-radius: 10px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 2;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
padding: 10px 0 10px;
}
@media screen and (max-width: 575px) {
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content {
padding: 0;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta {
display: none;
}
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media screen and (min-width: 575px) {
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta {
display: none;
}
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 18px 20px 15px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info:empty {
display: none;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list {
margin: 10px 0 0;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt {
margin: 10px 0 0;
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info {
padding-top: 10px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title {
margin: 0;
font-size: 14px;
}
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__action {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge {
margin: 0;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after {
display: none;
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right {
right: unset;
left: -30px;
top: 20px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon {
width: 20px;
height: 20px;
border-radius: 100%;
background-color: var(--directorist-color-white);
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before {
width: 10px;
height: 10px;
}
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left {
left: 20px;
top: 20px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right {
top: 20px;
right: 10px;
}
@media only screen and (max-width: 575px) {
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right {
right: unset;
left: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left {
left: 20px;
bottom: 20px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right {
right: 10px;
bottom: 20px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge {
margin: 0;
padding: 0;
}
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after {
display: none;
}
@media only screen and (min-width: 576.99px) {
.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta {
padding: 14px 20px 7px;
}
}
.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 26px;
height: 26px;
margin: 0;
padding: 0;
border-radius: 100%;
color: var(--directorist-color-white);
}
.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after {
width: 12px;
height: 12px;
}
.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
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-featured {
border: 1px solid var(--directorist-color-featured-badge);
}
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info {
z-index: 1;
}
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header figure {
margin: 0;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left:empty,
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__right:empty {
display: none;
}
@media screen and (max-width: 991px) {
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-mark-as-favorite__btn {
background: transparent;
width: auto;
height: auto;
}
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list .directorist-listing-single__content {
padding: 0;
}
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__left {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-right: 0;
}
.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right {
margin-top: 15px;
}
.directorist-rating-meta {
padding: 0;
}
.directorist-rating-meta i.directorist-icon-mask:after {
background-color: var(--directorist-color-warning);
}
.directorist-rating-meta i.directorist-icon-mask.star-empty:after {
background-color: #d1d1d1;
}
.directorist-rating-meta .directorist-rating-avg {
font-size: 14px;
color: var(--directorist-color-body);
margin: 0 3px 0 6px;
}
.directorist-rating-meta .directorist-total-review {
font-weight: 400;
color: var(--directorist-color-light-gray);
}
.directorist-rating-meta.directorist-info-item-rating i,
.directorist-rating-meta.directorist-info-item-rating span.la,
.directorist-rating-meta.directorist-info-item-rating span.fa {
margin-left: 4px;
} .directorist-mark-as-favorite__btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
position: relative;
text-decoration: none;
padding: 0;
font-weight: unset;
line-height: unset;
text-transform: unset;
letter-spacing: unset;
background: transparent;
border: none;
cursor: pointer;
}
.directorist-mark-as-favorite__btn:hover, .directorist-mark-as-favorite__btn:focus {
outline: 0;
text-decoration: none;
}
.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, .directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before {
background-color: var(--directorist-color-danger);
}
.directorist-mark-as-favorite__btn .directorist-favorite-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-mark-as-favorite__btn .directorist-favorite-icon:before {
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/6bf407d27842391bbcd90343624e694b.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/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(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/2e589ffc784b0c43089b0222cab8ed4f.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/2e589ffc784b0c43089b0222cab8ed4f.svg);
background-color: var(--directorist-color-danger);
}
.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span {
position: absolute;
min-width: 120px;
right: 0;
top: 35px;
background-color: var(--directorist-color-dark);
color: var(--directorist-color-white);
font-size: 13px;
border-radius: 3px;
text-align: center;
padding: 5px;
z-index: 111;
}
.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before {
content: "";
position: absolute;
border-bottom: 8px solid var(--directorist-color-dark);
border-right: 6px solid transparent;
border-left: 6px solid transparent;
right: 8px;
top: -7px;
} .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 20px 22px 0 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-list .directorist-listing-single__header {
width: 100%;
margin-bottom: 13px;
}
.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__info {
padding: 0;
}
.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge {
padding: 0;
margin: 0;
}
.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after {
display: none;
}
.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close {
padding: 0 5px;
}
.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn {
width: auto;
height: auto;
}
.directorist-archive-grid-view.directorist-archive-grid--fix .directorist-all-listing-col {
width: 50%;
}
@media only screen and (max-width: 575px) {
.directorist-archive-grid-view.directorist-archive-grid--fix .directorist-all-listing-col {
width: 100%;
}
}
.directorist-listing-category {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-listing-category__popup {
position: relative;
margin-left: 10px;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-listing-category__popup__content {
display: block;
position: absolute;
width: 150px;
visibility: hidden;
opacity: 0;
pointer-events: none;
bottom: 25px;
left: -30px;
padding: 10px;
border: none;
border-radius: 10px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
line-break: auto;
word-break: break-all;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
z-index: 1;
}
.directorist-listing-category__popup__content:after {
content: "";
left: 40px;
bottom: -11px;
border: 6px solid transparent;
border-top-color: var(--directorist-color-white);
display: inline-block;
position: absolute;
}
.directorist-listing-category__popup__content a {
color: var(--directorist-color-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 12px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
line-height: normal;
padding: 10px;
border-radius: 8px;
}
.directorist-listing-category__popup__content a:last-child {
margin-bottom: 0;
}
.directorist-listing-category__popup__content a i {
height: unset;
width: unset;
min-width: unset;
}
.directorist-listing-category__popup__content a i::after {
height: 14px;
width: 14px;
background-color: var(--directorist-color-body);
}
.directorist-listing-category__popup__content a:hover {
color: var(--directorist-color-primary);
background-color: var(--directorist-color-light);
}
.directorist-listing-category__popup__content a:hover i::after {
background-color: var(--directorist-color-primary);
}
.directorist-listing-category__popup:hover .directorist-listing-category__popup__content {
visibility: visible;
opacity: 1;
pointer-events: all;
}
.directorist-listing-single__meta__right .directorist-listing-category__popup__content {
left: unset;
right: -30px;
}
.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after {
left: unset;
right: 40px;
}
.directorist-listing-price-range span {
font-weight: 600;
color: rgba(122, 130, 166, 0.3);
}
.directorist-listing-price-range span.directorist-price-active {
color: var(--directorist-color-body);
}
#map.leaflet-container,
#gmap.leaflet-container,
.directorist-single-map.leaflet-container { direction: ltr;
}
#map.leaflet-container .leaflet-popup-content-wrapper,
#gmap.leaflet-container .leaflet-popup-content-wrapper,
.directorist-single-map.leaflet-container .leaflet-popup-content-wrapper {
border-radius: 8px;
padding: 0;
}
#map.leaflet-container .leaflet-popup-content,
#gmap.leaflet-container .leaflet-popup-content,
.directorist-single-map.leaflet-container .leaflet-popup-content {
margin: 0;
line-height: 1;
width: 350px !important;
}
@media only screen and (max-width: 480px) {
#map.leaflet-container .leaflet-popup-content,
#gmap.leaflet-container .leaflet-popup-content,
.directorist-single-map.leaflet-container .leaflet-popup-content {
width: 300px !important;
}
}
@media only screen and (max-width: 375px) {
#map.leaflet-container .leaflet-popup-content,
#gmap.leaflet-container .leaflet-popup-content,
.directorist-single-map.leaflet-container .leaflet-popup-content {
width: 250px !important;
}
}
#map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img,
#gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img,
.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img {
width: 100%;
}
#map.leaflet-container .leaflet-popup-content .media-body,
#gmap.leaflet-container .leaflet-popup-content .media-body,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body {
padding: 10px 15px;
}
#map.leaflet-container .leaflet-popup-content .media-body a,
#gmap.leaflet-container .leaflet-popup-content .media-body a,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body a {
text-decoration: none;
}
#map.leaflet-container .leaflet-popup-content .media-body h3 a,
#gmap.leaflet-container .leaflet-popup-content .media-body h3 a,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a {
font-weight: 500;
line-height: 1.2;
color: #272b41;
letter-spacing: normal;
font-size: 18px;
text-decoration: none;
}
#map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin,
#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin,
.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin {
font-size: 14px;
margin: 0 0 10px;
}
#map.leaflet-container .leaflet-popup-content .osm-iw-location,
#gmap.leaflet-container .leaflet-popup-content .osm-iw-location,
.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location {
margin-bottom: 6px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask,
#gmap.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask,
.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask {
display: inline-block;
margin-right: 4px;
}
#map.leaflet-container .leaflet-popup-content .osm-iw-get-location,
#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location,
.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask,
#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask,
.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask {
display: inline-block;
margin-left: 5px;
}
#map.leaflet-container .leaflet-popup-content .atbdp-map,
#gmap.leaflet-container .leaflet-popup-content .atbdp-map,
.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map {
margin: 0;
line-height: 1;
width: 350px !important;
}
#map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img,
#gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img,
.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img {
width: 100%;
}
#map.leaflet-container .leaflet-popup-content .media-body,
#gmap.leaflet-container .leaflet-popup-content .media-body,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body {
padding: 10px 15px;
}
#map.leaflet-container .leaflet-popup-content .media-body a,
#gmap.leaflet-container .leaflet-popup-content .media-body a,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body a {
text-decoration: none;
}
#map.leaflet-container .leaflet-popup-content .media-body h3 a,
#gmap.leaflet-container .leaflet-popup-content .media-body h3 a,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a {
font-weight: 500;
line-height: 1.2;
color: #272b41;
letter-spacing: normal;
font-size: 18px;
text-decoration: none;
}
#map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin,
#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin {
font-size: 14px;
margin: 0 0 10px;
}
#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location,
#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location {
margin-bottom: 6px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask,
#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask {
display: inline-block;
margin-right: 4px;
}
#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location,
#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask,
#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask,
.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask {
display: inline-block;
margin-left: 5px;
}
#map.leaflet-container .leaflet-popup-content .atbdp-map,
#gmap.leaflet-container .leaflet-popup-content .atbdp-map,
.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map {
margin: 0;
}
#map.leaflet-container .leaflet-popup-content .map-info-wrapper img,
#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img,
.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img {
width: 100%;
}
#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details,
#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details,
.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details {
padding: 15px;
}
#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3,
#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3,
.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3 {
font-size: 16px;
margin-bottom: 0;
margin-top: 0;
}
#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn,
#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn,
.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn {
display: none;
}
#map.leaflet-container .leaflet-popup-close-button,
#gmap.leaflet-container .leaflet-popup-close-button,
.directorist-single-map.leaflet-container .leaflet-popup-close-button {
position: absolute;
width: 25px;
height: 25px;
background: rgba(68, 71, 82, 0.5);
border-radius: 50%;
color: var(--directorist-color-white);
right: 10px;
left: auto;
top: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 13px;
cursor: pointer;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
line-height: inherit;
padding: 0;
display: none;
}
#map.leaflet-container .leaflet-popup-close-button:hover,
#gmap.leaflet-container .leaflet-popup-close-button:hover,
.directorist-single-map.leaflet-container .leaflet-popup-close-button:hover {
background-color: #444752;
}
#map.leaflet-container .leaflet-popup-tip-container,
#gmap.leaflet-container .leaflet-popup-tip-container,
.directorist-single-map.leaflet-container .leaflet-popup-tip-container {
display: none;
}
.directorist-single-map .gm-style-iw-c,
.directorist-single-map .gm-style-iw-d {
max-height: unset !important;
}
.directorist-single-map .gm-style-iw-tc,
.directorist-single-map .gm-style-iw-chr {
display: none;
}
.map-listing-card-single {
position: relative;
padding: 10px;
border-radius: 8px;
-webkit-box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33);
box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33);
background-color: var(--directorist-color-white);
}
.map-listing-card-single figure {
margin: 0;
}
.map-listing-card-single .directorist-mark-as-favorite__btn {
position: absolute;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
border-radius: 100%;
background-color: var(--directorist-color-white);
}
.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon::before {
width: 16px;
height: 16px;
}
.map-listing-card-single__img .atbd_tooltip {
margin-left: 10px;
margin-bottom: 10px;
}
.map-listing-card-single__img .atbd_tooltip img {
width: auto;
}
.map-listing-card-single__img a {
width: 100%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.map-listing-card-single__img figure {
width: 100%;
margin: 0;
}
.map-listing-card-single__img img {
width: 100%;
max-width: 100%;
max-height: 200px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.map-listing-card-single__author + .map-listing-card-single__content {
padding-top: 0;
}
.map-listing-card-single__author a {
width: 42px;
height: 42px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 100%;
margin-top: -24px;
margin-left: 7px;
margin-bottom: 5px;
border: 3px solid var(--directorist-color-white);
}
.map-listing-card-single__author img {
width: 100%;
height: 100%;
border-radius: 100%;
}
.map-listing-card-single__content {
padding: 15px 10px 10px;
}
.map-listing-card-single__content__title {
font-size: 16px;
font-weight: 500;
margin: 0 0 10px !important;
color: var(--directorist-color-dark);
}
.map-listing-card-single__content__title a {
text-decoration: unset;
color: var(--directorist-color-dark);
}
.map-listing-card-single__content__title a:hover {
color: var(--directorist-color-primary);
}
.map-listing-card-single__content__meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 20px;
gap: 10px 0;
}
.map-listing-card-single__content__meta .directorist-rating-meta {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-weight: 500;
color: var(--directorist-color-body);
padding: 0;
}
.map-listing-card-single__content__meta .directorist-icon-mask {
margin-right: 4px;
}
.map-listing-card-single__content__meta .directorist-icon-mask:after {
width: 15px;
height: 15px;
background-color: var(--directorist-color-warning);
}
.map-listing-card-single__content__meta .directorist-icon-mask.star-empty:after {
background-color: #d1d1d1;
}
.map-listing-card-single__content__meta .directorist-rating-avg {
font-size: 14px;
color: var(--directorist-color-body);
margin: 0 3px 0 6px;
}
.map-listing-card-single__content__meta .directorist-listing-price {
font-size: 14px;
color: var(--directorist-color-body);
}
.map-listing-card-single__content__meta .directorist-info-item {
position: relative;
}
.map-listing-card-single__content__meta .directorist-info-item:not(:last-child) {
padding-right: 8px;
margin-right: 8px;
}
.map-listing-card-single__content__meta .directorist-info-item:not(:last-child):before {
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 3px;
height: 3px;
border-radius: 100%;
background-color: var(--directorist-color-gray-hover);
}
.map-listing-card-single__content__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.map-listing-card-single__content__info .directorist-info-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.map-listing-card-single__content__info a {
font-size: 14px;
font-weight: 400;
line-height: 1.3;
text-decoration: unset;
color: var(--directorist-color-body);
}
.map-listing-card-single__content__info a:hover {
color: var(--directorist-color-primary);
}
.map-listing-card-single__content__info .directorist-icon-mask:after {
width: 15px;
height: 15px;
margin-top: 2px;
background-color: var(--directorist-color-gray-hover);
}
.map-listing-card-single__content__location {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.map-listing-card-single__content__location a:not(:first-child) {
margin-left: 5px;
}
.leaflet-popup-content-wrapper .leaflet-popup-content .map-info-wrapper .map-info-details .iw-close-btn {
display: none;
}
.myDivIcon {
text-align: center !important;
line-height: 20px !important;
position: relative;
}
.atbd_map_shape {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
cursor: pointer;
border-radius: 100%;
background-color: var(--directorist-color-marker-shape);
}
.atbd_map_shape:before {
content: "";
position: absolute;
left: -20px;
top: -20px;
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: none;
border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2);
-webkit-animation: atbd_scale 3s linear alternate infinite;
animation: atbd_scale 3s linear alternate infinite;
}
.atbd_map_shape .directorist-icon-mask:after {
width: 9px;
height: 16px;
background-color: var(--directorist-color-marker-icon);
-webkit-mask: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/ed83bad2b8ea2a7680575ff079fc63af.svg);
mask: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/ed83bad2b8ea2a7680575ff079fc63af.svg);
}
.atbd_map_shape:hover:before {
opacity: 1;
visibility: visible;
}
.marker-cluster-shape {
width: 35px;
height: 35px;
background-color: var(--directorist-color-marker-shape);
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--directorist-color-marker-icon);
font-size: 15px;
font-weight: 700;
position: relative;
cursor: pointer;
}
.marker-cluster-shape:before {
position: absolute;
content: "";
width: 47px;
height: 47px;
left: -6px;
top: -6px;
background: rgba(var(--directorist-color-marker-shape-rgb), 0.15);
border-radius: 50%;
} .atbdp-map .gm-style .gm-style-iw,
.atbd_google_map .gm-style .gm-style-iw,
.directorist-details-info-wrap .gm-style .gm-style-iw {
width: 350px;
padding: 0;
border-radius: 8px;
-webkit-box-shadow: unset;
box-shadow: unset;
max-height: none !important;
}
@media only screen and (max-width: 375px) {
.atbdp-map .gm-style .gm-style-iw,
.atbd_google_map .gm-style .gm-style-iw,
.directorist-details-info-wrap .gm-style .gm-style-iw {
width: 275px;
max-width: unset !important;
}
}
.atbdp-map .gm-style .gm-style-iw .gm-style-iw-d,
.atbd_google_map .gm-style .gm-style-iw .gm-style-iw-d,
.directorist-details-info-wrap .gm-style .gm-style-iw .gm-style-iw-d {
overflow: hidden !important;
max-height: 100% !important;
}
.atbdp-map .gm-style .gm-style-iw button.gm-ui-hover-effect,
.atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect,
.directorist-details-info-wrap .gm-style .gm-style-iw button.gm-ui-hover-effect {
display: none !important;
}
.atbdp-map .gm-style .gm-style-iw .map-info-wrapper--show,
.atbd_google_map .gm-style .gm-style-iw .map-info-wrapper--show,
.directorist-details-info-wrap .gm-style .gm-style-iw .map-info-wrapper--show {
display: block !important;
}
.gm-style div[aria-label=Map] div[role=button] {
display: none;
}
.directorist-report-abuse-modal .directorist-modal__header {
padding: 20px 0 15px;
}
.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-title {
font-size: 1.75rem;
margin: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--directorist-color-dark);
letter-spacing: normal;
}
.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close {
width: 32px;
height: 32px;
right: -40px !important;
top: -30px !important;
left: auto;
position: absolute;
-webkit-transform: none;
transform: none;
background-color: #444752;
color: var(--directorist-color-white);
border-radius: 300px;
opacity: 1;
font-weight: 300;
z-index: 2;
font-size: 16px;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
border: none;
cursor: pointer;
}
.directorist-report-abuse-modal .directorist-modal__body {
padding: 20px 0;
border: none;
}
.directorist-report-abuse-modal .directorist-modal__body label {
font-size: 18px;
margin-bottom: 12px;
text-align: left;
display: block;
}
.directorist-report-abuse-modal .directorist-modal__body textarea {
min-height: 90px;
resize: none;
padding: 10px 16px;
border-radius: 8px;
border: 1px solid var(--directorist-color-border);
}
.directorist-report-abuse-modal .directorist-modal__body textarea:focus {
border: 1px solid var(--directorist-color-primary);
}
.directorist-report-abuse-modal #directorist-report-abuse-message-display {
color: var(--directorist-color-body);
margin-top: 15px;
}
.directorist-report-abuse-modal #directorist-report-abuse-message-display:empty {
margin: 0;
}
.directorist-report-abuse-modal .directorist-modal__footer {
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
border: none;
}
.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn {
text-transform: capitalize;
padding: 0 15px;
}
.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn.directorist-btn-loading:after {
content: "";
border: 2px solid #f3f3f3;
border-radius: 50%;
border-top: 2px solid #656a7a;
width: 20px;
height: 20px;
-webkit-animation: rotate360 2s linear infinite;
animation: rotate360 2s linear infinite;
display: inline-block;
margin: 0 0 0 10px;
position: relative;
top: 4px;
}
.directorist-report-abuse-modal .directorist-modal__content {
padding: 20px 30px 20px;
}
.directorist-report-abuse-modal #directorist-report-abuse-form {
text-align: left;
}
.directorist-rated-stars ul,
.atbd_rated_stars ul {
margin: 0;
padding: 0;
}
.directorist-rated-stars li,
.atbd_rated_stars li {
display: inline-block;
padding: 0;
margin: 0;
}
.directorist-rated-stars span,
.atbd_rated_stars span {
color: #d4d3f3;
display: block;
width: 14px;
height: 14px;
position: relative;
}
.directorist-rated-stars span:before,
.atbd_rated_stars span:before {
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/9a1043337f37b65647d77feb64df21dd.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/9a1043337f37b65647d77feb64df21dd.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 15px;
height: 15px;
background-color: #d4d3f3;
position: absolute;
left: 0;
top: 0;
}
.directorist-rated-stars span.directorist-rate-active:before,
.atbd_rated_stars span.directorist-rate-active:before {
background-color: var(--directorist-color-warning);
}
.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light {
background-color: var(--directorist-color-light);
color: var(--directorist-color-dark);
}
@media screen and (max-width: 575px) {
.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light {
background-color: transparent;
}
}
.directorist-listing-details .directorist-listing-single {
border: 0 none;
}
.directorist-single-listing-notice {
margin-bottom: 15px;
}
.directorist-single-tag-list li {
margin: 0 0 10px;
}
.directorist-single-tag-list a {
text-decoration: none;
color: var(--directorist-color-body);
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px; }
.directorist-single-tag-list a .directorist-icon-mask {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 35px;
height: 35px;
min-width: 35px;
border-radius: 50%;
background-color: var(--directorist-color-bg-light);
position: relative;
top: -5px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-single-tag-list a .directorist-icon-mask:after {
font-size: 15px;
}
.directorist-single-tag-list a > span:not(.directorist-icon-mask) {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 50%;
background-color: var(--directorist-color-bg-light);
margin-right: 10px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 15px;
}
.directorist-single-tag-list a:hover {
color: var(--directorist-color-primary);
}
.directorist-single-tag-list a:hover span {
background-color: var(--directorist-color-primary);
color: var(--directorist-color-white);
}
.directorist-single-dummy-shortcode {
width: 100%;
background-color: #556166;
color: var(--directorist-color-white);
margin: 10px 0;
text-align: center;
padding: 40px 10px;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
}
.directorist-sidebar .directorist-search-contents {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-sidebar .directorist-search-form .directorist-search-form-action {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced {
padding-left: 0;
}
.directorist-sidebar .directorist-add-listing-types {
padding: 25px;
}
.directorist-sidebar .directorist-add-listing-types__single {
margin: 0;
}
.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid {
padding: 0;
}
.directorist-sidebar .directorist-add-listing-types .directorist-row {
gap: 15px;
margin: 0;
}
.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 {
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
padding: 0;
margin: 0;
}
.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item {
padding: 0;
}
.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list > .directorist-taxonomy-list__toggle--open ~ .directorist-taxonomy-list__sub-item {
margin-top: 10px;
padding: 10px 20px;
}
.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item {
padding: 0;
margin-top: 0;
}
.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item {
background-color: var(--directorist-color-light);
border-radius: 12px;
}
.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item li {
margin-top: 0;
}
.directorist-single-listing-top {
gap: 20px;
margin: 15px 0 30px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 575px) {
.directorist-single-listing-top {
gap: 10px;
}
}
.directorist-single-listing-top .directorist-return-back {
gap: 8px;
margin: 0;
-webkit-box-flex: unset;
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
min-width: 120px;
text-decoration: none;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border: 2px solid var(--directorist-color-white);
}
@media screen and (max-width: 575px) {
.directorist-single-listing-top .directorist-return-back {
border: none;
min-width: auto;
}
}
.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text {
display: block;
}
@media screen and (max-width: 575px) {
.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text {
display: none;
}
}
.directorist-single-listing-top__btn-wrapper {
position: fixed;
width: 100%;
height: 80px;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
}
.directorist-single-listing-top__btn-continue.directorist-btn {
height: 46px;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
padding: 0 25px;
background-color: #394dff !important;
color: var(--directorist-color-white);
}
.directorist-single-listing-top__btn-continue.directorist-btn:hover {
background-color: #2a3cd9 !important;
color: var(--directorist-color-white);
border-color: var(--directorist-color-white) !important;
}
.directorist-single-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text {
display: block;
}
.directorist-single-contents-area {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-single-contents-area .directorist-card {
padding: 0;
-webkit-filter: none;
filter: none;
margin-bottom: 35px;
}
.directorist-single-contents-area .directorist-card .directorist-card__body {
padding: 30px;
}
@media screen and (max-width: 575px) {
.directorist-single-contents-area .directorist-card .directorist-card__body {
padding: 20px 15px;
}
}
.directorist-single-contents-area .directorist-card .directorist-card__header {
padding: 20px 30px;
}
@media screen and (max-width: 575px) {
.directorist-single-contents-area .directorist-card .directorist-card__header {
padding: 15px 20px;
}
}
.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 {
margin: 0;
}
.directorist-single-contents-area .directorist-card__header__title {
gap: 12px;
font-size: 18px;
font-weight: 500;
color: var(--directorist-color-dark);
}
.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter {
margin-right: 10px;
}
.directorist-single-contents-area .directorist-card__header-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-width: 34px;
height: 34px;
border-radius: 50%;
background-color: var(--directorist-color-bg-light);
}
.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask {
color: var(--directorist-color-dark);
}
.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after {
width: 14px;
height: 14px;
}
.directorist-single-contents-area .directorist-details-info-wrap a {
font-size: 15px;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
color: var(--directorist-color-body);
}
.directorist-single-contents-area .directorist-details-info-wrap a:hover {
color: var(--directorist-color-primary);
}
.directorist-single-contents-area .directorist-details-info-wrap ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 10px;
margin: 0;
list-style-type: none;
padding: 0;
}
.directorist-single-contents-area .directorist-details-info-wrap li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 49%;
-ms-flex: 0 0 49%;
flex: 0 0 49%;
}
.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover {
background-color: var(--directorist-color-primary);
}
.directorist-single-contents-area .directorist-details-info-wrap .directorist-single-map__location {
padding-top: 18px;
}
.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after {
background-color: #808080;
}
.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after {
background-color: var(--directorist-color-white);
}
.directorist-single-contents-area .directorist-related {
padding: 0;
}
.directorist-single-contents-area {
margin-top: 50px;
}
.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap {
gap: 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info {
margin: 0;
}
.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info.directorist-single-info-number .directorist-form-group__with-prefix {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__with-prefix {
border: none;
margin-top: 4px;
}
.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__prefix {
height: auto;
line-height: unset;
color: var(--directorist-color-body);
}
.directorist-single-contents-area .directorist-card {
margin-bottom: 25px;
}
.directorist-single-map__location {
gap: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px 0 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 575px) {
.directorist-single-map__location {
padding: 20px 0 0;
}
}
.directorist-single-map__address {
gap: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 14px;
}
.directorist-single-map__address i::after {
width: 14px;
height: 14px;
margin-top: 4px;
}
.directorist-single-map__direction a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-single-contents-area .directorist-single-map__direction a {
font-size: 14px;
color: var(--directorist-color-info);
}
.directorist-single-contents-area .directorist-single-map__direction a .directorist-icon-mask:after {
background-color: var(--directorist-color-info);
}
.directorist-single-contents-area .directorist-single-map__direction a:hover {
color: var(--directorist-color-primary);
}
.directorist-single-contents-area .directorist-single-map__direction a:hover .directorist-icon-mask:after {
background-color: var(--directorist-color-primary);
}
.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after {
width: 14px;
height: 14px;
background-color: var(--directorist-color-info);
}
.directorist-single-listing-header {
margin-bottom: 25px;
margin-top: -15px;
padding: 0;
}
.directorist-single-wrapper .directorist-single-listing-slider-wrap {
padding: 0;
margin: 15px 0;
}
.directorist-single-wrapper .directorist-single-listing-slider-wrap.background-contain .directorist-single-listing-slider .swiper-slide img {
-o-object-fit: contain;
object-fit: contain;
}
.directorist-single-listing-quick-action {
gap: 8px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.directorist-single-listing-quick-action {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media screen and (max-width: 575px) {
.directorist-single-listing-quick-action {
gap: 12px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.directorist-single-listing-quick-action .directorist-social-share {
position: relative;
}
.directorist-single-listing-quick-action .directorist-social-share:hover .directorist-social-share-links {
opacity: 1;
visibility: visible;
top: calc(100% + 5px);
}
@media screen and (max-width: 575px) {
.directorist-single-listing-quick-action .directorist-social-share {
font-size: 0;
}
}
.directorist-single-listing-quick-action .directorist-social-share-links {
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
z-index: 2;
visibility: hidden;
opacity: 0;
right: 0;
top: calc(100% + 30px);
background-color: var(--directorist-color-white);
border-radius: 8px;
width: 150px;
-webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15);
box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15);
list-style-type: none;
padding: 10px;
margin: 0;
}
.directorist-single-listing-quick-action .directorist-social-links__item {
padding-left: 0;
margin: 0;
}
.directorist-single-listing-quick-action .directorist-social-links__item a {
padding: 8px 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 5px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-size: 14px;
font-weight: 500;
border: 0 none;
border-radius: 8px;
color: var(--directorist-color-body);
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-single-listing-quick-action .directorist-social-links__item a span.la,
.directorist-single-listing-quick-action .directorist-social-links__item a span.lab,
.directorist-single-listing-quick-action .directorist-social-links__item a span.fa,
.directorist-single-listing-quick-action .directorist-social-links__item a i {
color: var(--directorist-color-body);
}
.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after,
.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after,
.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after,
.directorist-single-listing-quick-action .directorist-social-links__item a i:after {
width: 18px;
height: 18px;
}
.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after {
background-color: var(--directorist-color-body);
}
.directorist-single-listing-quick-action .directorist-social-links__item a span.fa {
font-family: "Font Awesome 5 Brands";
font-weight: 900;
font-size: 15px;
}
.directorist-single-listing-quick-action .directorist-social-links__item a:hover {
font-weight: 500;
background-color: rgba(var(--directorist-color-primary-rgb), 0.1);
color: var(--directorist-color-primary);
}
.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la,
.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa,
.directorist-single-listing-quick-action .directorist-social-links__item a:hover i {
color: var(--directorist-color-primary);
}
.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after {
background-color: var(--directorist-color-primary);
}
.directorist-single-listing-action {
gap: 8px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 13px;
font-weight: 400;
border: 0 none;
border-radius: 8px;
padding: 0 16px;
cursor: pointer;
text-decoration: none;
color: var(--directorist-color-body);
border: 2px solid var(--directorist-color-white) !important;
-webkit-transition: 0.2s background-color ease-in-out;
transition: 0.2s background-color ease-in-out;
}
.directorist-single-listing-action:hover {
background-color: var(--directorist-color-white) !important;
border-color: var(--directorist-color-primary) !important;
}
@media screen and (max-width: 575px) {
.directorist-single-listing-action {
gap: 0;
border: none;
}
.directorist-single-listing-action.directorist-btn.directorist-btn-light {
background-color: var(--directorist-color-white);
border: 1px solid var(--directorist-color-light) !important;
}
.directorist-single-listing-action.directorist-single-listing-top__btn-edit .directorist-single-listing-action__text {
display: none;
}
}
@media screen and (max-width: 480px) {
.directorist-single-listing-action {
padding: 0 10px;
font-size: 12px;
}
}
@media screen and (max-width: 380px) {
.directorist-single-listing-action.directorist-btn-sm {
min-height: 38px;
}
}
.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask:after {
background-color: var(--directorist-color-dark);
}
.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask.directorist-added-to-favorite:after {
background-color: var(--directorist-color-danger);
}
.directorist-single-listing-action .directorist-icon-mask::after {
width: 15px;
height: 15px;
}
.directorist-single-listing-action a {
-webkit-box-shadow: none;
box-shadow: none;
}
.directorist-single-listing-action .atbdp-require-login,
.directorist-single-listing-action .directorist-action-report-not-loggedin {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
.directorist-single-listing-action .atbdp-require-login i,
.directorist-single-listing-action .directorist-action-report-not-loggedin i {
pointer-events: none;
}
.directorist-listing-details {
margin: 15px 0 30px;
}
.directorist-listing-details__text p {
margin: 0 0 15px;
color: var(--directorist-color-body);
line-height: 24px;
}
.directorist-listing-details__text ul {
list-style: disc;
padding-left: 20px;
margin-left: 0;
}
.directorist-listing-details__text li {
list-style: disc;
}
.directorist-listing-details__listing-title {
font-size: 30px;
font-weight: 600;
display: inline-block;
margin: 15px 0 0;
color: var(--directorist-color-dark);
}
@media screen and (max-width: 575px) {
.directorist-listing-details__listing-title {
font-size: 24px;
}
}
.directorist-listing-details__tagline {
margin: 10px 0;
color: var(--directorist-color-body);
}
.directorist-listing-details .directorist-pricing-meta .directorist-listing-price {
padding: 5px 10px;
border-radius: 6px;
background-color: var(--directorist-color-light);
}
.directorist-listing-details .directorist-listing-single__info {
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directorist-single-contents-area .directorist-embaded-video {
width: 100%;
height: 400px;
border: 0 none;
border-radius: 12px;
}
@media (max-width: 768px) {
.directorist-single-contents-area .directorist-embaded-video {
height: 56.25vw;
}
}
.directorist-single-contents-area .directorist-single-map {
border-radius: 12px;
z-index: 1;
}
.directorist-single-contents-area .directorist-single-map .directorist-info-item a {
font-size: 14px;
}
.directorist-related-listing-header h1,
.directorist-related-listing-header h2,
.directorist-related-listing-header h3,
.directorist-related-listing-header h4,
.directorist-related-listing-header h5,
.directorist-related-listing-header h6 {
font-size: 18px;
margin: 0 0 15px;
}
.directorist-single-author-info figure {
margin: 0;
}
.directorist-single-author-info .diretorist-view-profile-btn {
margin-top: 22px;
padding: 0 30px;
}
.directorist-single-author-avatar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-single-author-avatar .directorist-single-author-avatar-inner {
margin-right: 10px;
width: auto;
}
.directorist-single-author-avatar .directorist-single-author-avatar-inner img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.directorist-single-author-avatar .directorist-single-author-name h1, .directorist-single-author-avatar .directorist-single-author-name h2, .directorist-single-author-avatar .directorist-single-author-name h3, .directorist-single-author-avatar .directorist-single-author-name h4, .directorist-single-author-avatar .directorist-single-author-name h5, .directorist-single-author-avatar .directorist-single-author-name h6 {
font-size: 16px;
font-weight: 500;
line-height: 1.2;
letter-spacing: normal;
margin: 0 0 3px;
color: var(--color-dark);
}
.directorist-single-author-avatar .directorist-single-author-membership {
font-size: 14px;
color: var(--directorist-color-light-gray);
}
.directorist-single-author-contact-info {
margin-top: 15px;
}
.directorist-single-author-contact-info ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 0;
}
.directorist-single-author-contact-info ul li {
width: 100%;
-webkit-box-flex: 100%;
-webkit-flex: 100%;
-ms-flex: 100%;
flex: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-left: 0;
}
.directorist-single-author-contact-info ul li:not(:last-child) {
margin-bottom: 12px;
}
.directorist-single-author-contact-info ul a {
text-decoration: none;
color: var(--directorist-color-body);
}
.directorist-single-author-contact-info ul a:hover {
color: var(--directorist-color-primary);
}
.directorist-single-author-contact-info ul .directorist-icon-mask::after {
width: 14px;
height: 14px;
background-color: var(--directorist-color-light-gray);
}
.directorist-single-author-contact-info-text {
font-size: 15px;
margin-left: 12px;
-webkit-box-shadow: none;
box-shadow: none;
color: var(--directorist-color-body);
}
.directorist-single-author-info .directorist-social-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 25px -5px -5px;
}
.directorist-single-author-info .directorist-social-wrap a {
margin: 5px;
display: block;
line-height: 35px;
width: 35px;
text-align: center;
background-color: var(--directorist-color-body) !important;
border-radius: 4px;
color: var(--directorist-color-white) !important;
overflow: hidden;
-webkit-transition: all ease-in-out 300ms !important;
transition: all ease-in-out 300ms !important;
}
.directorist-details-info-wrap .directorist-single-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 15px;
word-break: break-word;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 15px;
}
.directorist-details-info-wrap .directorist-single-info:not(:last-child) {
margin-bottom: 12px;
}
.directorist-details-info-wrap .directorist-single-info a {
-webkit-box-shadow: none;
box-shadow: none;
}
.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color {
width: 30px;
height: 30px;
border-radius: 5px;
}
.directorist-details-info-wrap .directorist-single-info.directorist-listing-details__text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.directorist-details-info-wrap .directorist-single-info__label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 140px;
color: var(--directorist-color-dark);
}
@media screen and (max-width: 575px) {
.directorist-details-info-wrap .directorist-single-info__label {
min-width: 130px;
}
}
@media screen and (max-width: 375px) {
.directorist-details-info-wrap .directorist-single-info__label {
min-width: 100px;
}
}
.directorist-details-info-wrap .directorist-single-info__label-icon {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
margin-right: 10px;
font-size: 14px;
text-align: center;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
color: var(--directorist-color-light-gray);
background-color: var(--directorist-color-bg-light);
}
.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after {
width: 14px;
height: 14px;
}
.directorist-details-info-wrap .directorist-single-info__label__text {
position: relative;
min-width: 70px;
margin-top: 5px;
padding-right: 10px;
}
.directorist-details-info-wrap .directorist-single-info__label__text:before {
content: ":";
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 375px) {
.directorist-details-info-wrap .directorist-single-info__label__text {
min-width: 60px;
}
}
.directorist-details-info-wrap .directorist-single-info-number .directorist-single-info__value {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.directorist-details-info-wrap .directorist-single-info__value {
margin-top: 4px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: var(--directorist-color-body);
}
@media screen and (max-width: 575px) {
.directorist-details-info-wrap .directorist-single-info__value {
-webkit-box-flex: 100%;
-webkit-flex: 100%;
-ms-flex: 100%;
flex: 100%;
margin-top: 0;
}
}
.directorist-details-info-wrap .directorist-single-info__value a {
color: var(--directorist-color-body);
}
@media screen and (max-width: 575px) {
.directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label {
display: none;
}
}
.directorist-social-links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
.directorist-social-links a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 36px;
width: 36px;
background-color: var(--directorist-color-light);
border-radius: 8px;
overflow: hidden;
-webkit-transition: all ease-in-out 300ms !important;
transition: all ease-in-out 300ms !important;
}
.directorist-social-links a .directorist-icon-mask::after {
background-color: var(--directorist-color-body);
}
.directorist-social-links a:hover .directorist-icon-mask::after {
background-color: var(--directorist-color-white);
}
.directorist-social-links a:hover.facebook {
background-color: #4267b2;
}
.directorist-social-links a:hover.twitter {
background-color: #1da1f2;
}
.directorist-social-links a:hover.youtube, .directorist-social-links a:hover.youtube-play {
background-color: #ff0000;
}
.directorist-social-links a:hover.instagram {
background-color: #c32aa3;
}
.directorist-social-links a:hover.linkedin {
background-color: #007bb5;
}
.directorist-social-links a:hover.google-plus {
background-color: #db4437;
}
.directorist-social-links a:hover.snapchat, .directorist-social-links a:hover.snapchat-ghost {
background-color: #eae800;
}
.directorist-social-links a:hover.reddit {
background-color: #ff4500;
}
.directorist-social-links a:hover.pinterest {
background-color: #bd081c;
}
.directorist-social-links a:hover.tumblr {
background-color: #35465d;
}
.directorist-social-links a:hover.flickr {
background-color: #f40083;
}
.directorist-social-links a:hover.vimeo {
background-color: #1ab7ea;
}
.directorist-social-links a:hover.vine {
background-color: #00b489;
}
.directorist-social-links a:hover.github {
background-color: #444752;
}
.directorist-social-links a:hover.dribbble {
background-color: #ea4c89;
}
.directorist-social-links a:hover.behance {
background-color: #196ee3;
}
.directorist-social-links a:hover.soundcloud {
background-color: #ff5500;
}
.directorist-social-links a:hover.stack-overflow {
background-color: #ff5500;
}
.directorist-contact-owner-form-inner .directorist-form-group {
margin-bottom: 15px;
}
.directorist-contact-owner-form-inner .directorist-form-element {
border-color: var(--directorist-color-border-gray);
}
.directorist-contact-owner-form-inner textarea {
resize: none;
}
.directorist-contact-owner-form-inner .directorist-btn-submit {
padding: 0 30px;
text-decoration: none;
text-transform: capitalize;
}
.directorist-author-social a .fa {
font-family: "Font Awesome 5 Brands";
}
.directorist-google-map,
.directorist-single-map {
height: 400px;
}
@media screen and (max-width: 480px) {
.directorist-google-map,
.directorist-single-map {
height: 320px;
}
}
.directorist-rating-review-block {
display: inline-block;
border: 1px solid #e3e6ef;
padding: 10px 20px;
border-radius: 2px;
margin-bottom: 20px;
}
.directorist-review-area .directorist-review-form-action {
margin-top: 16px;
}
.directorist-review-area .directorist-form-group-guest-user {
margin-top: 12px;
}
.directorist-rating-given-block .directorist-rating-given-block__label,
.directorist-rating-given-block .directorist-rating-given-block__stars {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.directorist-rating-given-block .directorist-rating-given-block__label a,
.directorist-rating-given-block .directorist-rating-given-block__stars a {
-webkit-box-shadow: none;
box-shadow: none;
}
.directorist-rating-given-block .directorist-rating-given-block__label {
margin-right: 10px;
margin: 0 10px 0 0;
}
.directorist-rating-given-block__stars .br-widget a:before {
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/c8cb6a06142934b1fac8df29a41ebf7c.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/c8cb6a06142934b1fac8df29a41ebf7c.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 14px;
height: 14px;
background-color: #d4d3f3;
}
.directorist-rating-given-block__stars .br-widget a.br-selected:before, .directorist-rating-given-block__stars .br-widget a.br-active:before {
color: var(--directorist-color-warning);
}
.directorist-rating-given-block__stars .br-current-rating {
display: inline-block;
margin-left: 20px;
}
.directorist-review-current-rating {
margin-bottom: 16px;
}
.directorist-review-current-rating .directorist-review-current-rating__label {
margin-right: 10px;
margin-bottom: 0;
}
.directorist-review-current-rating .directorist-review-current-rating__label,
.directorist-review-current-rating .directorist-review-current-rating__stars {
display: inline-block;
vertical-align: middle;
}
.directorist-review-current-rating .directorist-review-current-rating__stars li {
display: inline-block;
}
.directorist-review-current-rating .directorist-review-current-rating__stars span {
color: #d4d3f3;
}
.directorist-review-current-rating .directorist-review-current-rating__stars span:before {
content: "\f005";
font-size: 14px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.directorist-review-current-rating .directorist-review-current-rating__stars span.directorist-rate-active {
color: #fa8b0c;
}
.directorist-single-review {
padding-bottom: 26px;
padding-top: 30px;
border-bottom: 1px solid #e3e6ef;
}
.directorist-single-review:first-child {
padding-top: 0;
}
.directorist-single-review:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.directorist-single-review .directorist-single-review__top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.directorist-single-review .directorist-single-review-avatar-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 22px;
}
.directorist-single-review .directorist-single-review-avatar {
margin-right: 12px;
}
.directorist-single-review .directorist-single-review-avatar img {
max-width: 50px;
border-radius: 50%;
}
.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active {
color: #fa8b0c;
}
.atbdp-universal-pagination ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: -5px;
padding: 0;
}
.atbdp-universal-pagination li {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
margin: 5px;
padding: 0 10px;
border: 1px solid var(--directorist-color-border);
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 28px;
border-radius: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
background-color: var(--directorist-color-white);
}
.atbdp-universal-pagination li i {
line-height: 28px;
}
.atbdp-universal-pagination li.atbd-active {
cursor: pointer;
}
.atbdp-universal-pagination li.atbd-active:hover {
border-color: var(--directorist-color-primary);
color: var(--directorist-color-primary);
}
.atbdp-universal-pagination li.atbd-selected {
border-color: var(--directorist-color-primary);
color: var(--directorist-color-primary);
}
.atbdp-universal-pagination li.atbd-inactive {
opacity: 0.5;
}
.atbdp-universal-pagination li[class^=atbd-page-jump-] {
min-width: 30px;
min-height: 30px;
position: relative;
cursor: pointer;
}
.atbdp-universal-pagination li[class^=atbd-page-jump-] .la {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_h {
visibility: hidden;
opacity: 0;
left: 70%;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_d {
visibility: visible;
opacity: 1;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover {
color: var(--directorist-color-primary);
}
.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_h {
visibility: visible;
opacity: 1;
left: 50%;
}
.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_d {
visibility: hidden;
opacity: 0;
left: 30%;
}
.directorist-card-review-block .directorist-btn-add-review {
padding: 0 14px;
line-height: 2.55;
} .directorist-review-container {
padding: 0;
margin-bottom: 35px;
}
.directorist-review-container .comment-notes,
.directorist-review-container .comment-form-cookies-consent {
margin-bottom: 20px;
font-style: italic;
font-size: 14px;
font-weight: normal;
}
.directorist-review-content a > i {
font-size: 13.5px;
}
.directorist-review-content .directorist-btn > i {
margin-right: 5px;
}
.directorist-review-content #cancel-comment-reply-link,
.directorist-review-content .directorist-js-cancel-comment-edit {
font-size: 14px;
margin-left: 15px;
color: var(--directorist-color-deep-gray);
}
.directorist-review-content #cancel-comment-reply-link:hover, .directorist-review-content #cancel-comment-reply-link:focus,
.directorist-review-content .directorist-js-cancel-comment-edit:hover,
.directorist-review-content .directorist-js-cancel-comment-edit:focus {
color: var(--directorist-color-dark);
}
@media screen and (max-width: 575px) {
.directorist-review-content #cancel-comment-reply-link,
.directorist-review-content .directorist-js-cancel-comment-edit {
margin-left: 0;
}
}
.directorist-review-content .directorist-review-content__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 6px 20px;
border: 1px solid #EFF1F6;
border-bottom-color: #f2f2f2;
background-color: var(--directorist-color-white);
border-radius: 16px 16px 0 0;
}
.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) {
font-size: 16px;
font-weight: 500;
color: #1A1B29;
margin: 10px 0;
}
.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span {
color: var(--directorist-color-body);
}
.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span:before {
content: "-";
color: #8F8E9F;
padding-right: 5px;
}
.directorist-review-content .directorist-review-content__header .directorist-btn {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask {
display: inline-block;
margin-right: 4px;
}
.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask::after {
background-color: var(--directorist-color-white);
}
.directorist-review-content .directorist-review-content__header .directorist-btn:hover {
opacity: 0.8;
}
.directorist-review-content .directorist-review-content__header .directorist-noreviews {
font-size: 16px;
margin-bottom: 0;
padding: 19px 20px 15px;
}
.directorist-review-content .directorist-review-content__header .directorist-noreviews a {
color: #2C99FF;
}
.directorist-review-content .directorist-review-content__overview {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 50px;
}
.directorist-review-content .directorist-review-content__overview__rating {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-point {
font-size: 34px;
font-weight: 600;
color: #1A1B29;
display: block;
margin-right: 15px;
}
.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars {
font-size: 15px;
color: #EF8000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 3px;
}
.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask:after {
width: 15px;
height: 15px;
background-color: #EF8000;
}
.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star {
position: relative;
}
.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/b6ad67158aa2d6258e619021127e704f.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/b6ad67158aa2d6258e619021127e704f.svg);
background-color: #EF8000;
}
.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-overall {
font-size: 14px;
color: #8C90A4;
display: block;
}
.directorist-review-content .directorist-review-content__overview__benchmarks {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 25px;
}
.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -6px;
}
.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single > * {
margin: 6px !important;
}
.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single label {
-webkit-box-flex: 0.1;
-webkit-flex: 0.1;
-ms-flex: 0.1;
flex: 0.1;
min-width: 70px;
display: inline-block;
word-wrap: break-word;
word-break: break-all;
margin-bottom: 0;
font-size: 15px;
color: var(--directorist-color-body);
}
.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress {
-webkit-box-flex: 1.5;
-webkit-flex: 1.5;
-ms-flex: 1.5;
flex: 1.5;
border-radius: 2px;
height: 5px;
-webkit-box-shadow: none;
box-shadow: none;
}
.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-bar {
background-color: #F2F3F5;
border-radius: 2px;
}
.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-value {
background-color: #EF8000;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-bar {
background-color: #F2F3F5;
border-radius: 2px;
}
.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-value {
background-color: #EF8000;
border-radius: 2px;
box-shadow: none;
}
.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single strong {
-webkit-box-flex: 0.1;
-webkit-flex: 0.1;
-ms-flex: 0.1;
flex: 0.1;
font-size: 15px;
font-weight: 500;
color: #090E30;
text-align: right;
}
.directorist-review-content .directorist-review-content__reviews, .directorist-review-content .directorist-review-content__reviews ul {
padding: 0;
margin: 10px 0 0 0;
list-style-type: none;
}
.directorist-review-content .directorist-review-content__reviews li, .directorist-review-content .directorist-review-content__reviews ul li {
list-style-type: none;
margin-left: 0;
}
.directorist-review-content .directorist-review-content__reviews > li {
border-top: 1px solid #EFF1F6;
}
.directorist-review-content .directorist-review-content__reviews > li:not(:last-child) {
margin-bottom: 10px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request {
position: relative;
}
.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 99;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 4px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::before {
position: absolute;
z-index: 100;
left: 50%;
top: 50%;
display: block;
content: "";
width: 24px;
height: 24px;
border-radius: 50%;
border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2);
border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8);
-webkit-animation: directoristCommentEditLoading 0.6s linear infinite;
animation: directoristCommentEditLoading 0.6s linear infinite;
}
.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__report,
.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__content,
.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__reply {
display: none;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single {
padding: 25px;
border-radius: 0;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single a {
text-decoration: none;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .comment-body {
margin-bottom: 0;
padding: 0;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap {
margin: 0;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: -8px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img {
padding: 8px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img img {
width: 50px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
position: static;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details {
padding: 8px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 {
font-size: 15px;
font-weight: 500;
color: #090E30;
margin: 0 0 5px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:before, .directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:after {
content: none;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time {
display: inline-block;
font-size: 14px;
color: #8C90A4;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time::before {
content: "-";
padding-right: 8px;
padding-left: 3px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars {
font-size: 11px;
color: #EF8000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 3px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask::after {
width: 11px;
height: 11px;
background-color: #EF8000;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__report a {
font-size: 13px;
color: #8C90A4;
display: block;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content {
font-size: 16px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 15px -5px 0;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img img {
max-width: 100px;
-o-object-fit: cover;
object-fit: cover;
margin: 5px;
border-radius: 6px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 15px -5px 0;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback a {
margin: 5px;
font-size: 13px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply {
margin: 20px -8px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a {
color: #8C90A4;
font-size: 13px;
display: block;
margin: 0 8px;
background: none;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask {
margin-right: 3px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask::after {
width: 0.9em;
height: 0.9em;
background-color: #8C90A4;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment {
padding-left: 40px;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap {
position: relative;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap::before {
content: "";
height: 100%;
background-color: #F2F2F2;
width: 2px;
left: -20px;
position: absolute;
top: 0;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit {
margin-top: 0 !important;
margin-bottom: 0 !important;
border: 0 none !important;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header {
padding-left: 0;
padding-right: 0;
}
.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header h3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 100%;
width: 100%;
margin: 0 !important;
}
.directorist-review-content .directorist-review-content__pagination {
padding: 0;
margin: 25px 0 0;
}
.directorist-review-content .directorist-review-content__pagination ul {
border: 0 none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -4px;
padding-top: 0;
list-style-type: none;
height: auto;
background: none;
}
.directorist-review-content .directorist-review-content__pagination ul li {
padding: 4px;
list-style-type: none;
}
.directorist-review-content .directorist-review-content__pagination ul li .page-numbers {
width: 40px;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 6px;
border: 1px solid #E1E4EC;
color: #090E30;
font-weight: 500;
font-size: 14px;
background-color: var(--directorist-color-white);
}
.directorist-review-content .directorist-review-content__pagination ul li .page-numbers.current {
border-color: #090E30;
}
.directorist-review-submit {
margin-top: 25px;
margin-bottom: 25px;
background-color: var(--directorist-color-white);
border-radius: 4px;
border: 1px solid #EFF1F6;
}
.directorist-review-submit__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.directorist-review-submit__header h3 {
font-size: 16px;
font-weight: 500;
color: #1A1B29;
margin: 0;
}
.directorist-review-submit__header h3 span {
color: var(--directorist-color-body);
}
.directorist-review-submit__header h3 span:before {
content: "-";
color: #8F8E9F;
padding-right: 5px;
}
.directorist-review-submit__header .directorist-btn {
font-size: 13px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
min-height: 40px;
border-radius: 8px;
}
.directorist-review-submit__header .directorist-btn .directorist-icon-mask {
display: inline-block;
margin-right: 4px;
}
.directorist-review-submit__header .directorist-btn .directorist-icon-mask::after {
width: 13px;
height: 13px;
background-color: var(--directorist-color-white);
}
.directorist-review-submit__overview {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 50px;
border-top: 0 none;
}
.directorist-review-submit__overview__rating {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
@media (max-width: 480px) {
.directorist-review-submit__overview__rating {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.directorist-review-submit__overview__rating .directorist-rating-stars {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.directorist-review-submit__overview__rating .directorist-rating-point {
font-size: 40px;
font-weight: 600;
display: block;
color: var(--directorist-color-dark);
}
.directorist-review-submit__overview__rating .directorist-rating-stars {
font-size: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 5px;
color: var(--directorist-color-warning);
}
.directorist-review-submit__overview__rating .directorist-icon-mask::after {
width: 16px;
height: 16px;
background-color: var(--directorist-color-warning);
}
.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star {
position: relative;
}
.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/b6ad67158aa2d6258e619021127e704f.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/b6ad67158aa2d6258e619021127e704f.svg);
background-color: var(--directorist-color-warning);
}
.directorist-review-submit__overview__rating .directorist-rating-overall {
font-size: 14px;
color: var(--directorist-color-body);
display: block;
}
.directorist-review-submit__overview__benchmarks {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 25px;
}
.directorist-review-submit__overview__benchmarks .directorist-benchmark-single {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -6px;
}
.directorist-review-submit__overview__benchmarks .directorist-benchmark-single > * {
margin: 6px !important;
}
.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label {
-webkit-box-flex: 0.1;
-webkit-flex: 0.1;
-ms-flex: 0.1;
flex: 0.1;
min-width: 70px;
display: inline-block;
margin-right: 4px;
}
.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label:after {
width: 12px;
height: 12px;
background-color: var(--directorist-color-white);
}
.directorist-review-submit__reviews, .directorist-review-submit__reviews ul {
padding: 0;
margin: 10px 0 0 0;
list-style-type: none;
margin-left: 0;
}
.directorist-review-submit > li {
border-top: 1px solid var(--directorist-color-border);
}
.directorist-review-submit .directorist-comment-edit-request {
position: relative;
}
.directorist-review-submit .directorist-comment-edit-request::after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 99;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 4px;
}
.directorist-review-submit .directorist-comment-edit-request > li {
border-top: 1px solid var(--directorist-color-border);
}
.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request {
position: relative;
}
.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 99;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 4px;
}
.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before {
position: absolute;
z-index: 100;
left: 50%;
top: 50%;
display: block;
content: "";
width: 24px;
height: 24px;
border-radius: 50%;
border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2);
border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8);
-webkit-animation: directoristCommentEditLoading 0.6s linear infinite;
animation: directoristCommentEditLoading 0.6s linear infinite;
}
.directorist-review-single .directorist-comment-editing .directorist-review-single__report,
.directorist-review-single .directorist-comment-editing .directorist-review-single__content,
.directorist-review-single .directorist-comment-editing .directorist-review-single__actions {
display: none;
}
.directorist-review-content__pagination {
padding: 0;
margin: 25px 0 35px;
}
.directorist-review-content__pagination ul {
border: 0 none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -4px;
padding-top: 0;
list-style-type: none;
height: auto;
background: none;
}
.directorist-review-content__pagination li {
padding: 4px;
list-style-type: none;
}
.directorist-review-content__pagination li .page-numbers {
width: 40px;
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 6px;
border: 1px solid #E1E4EC;
color: #090E30;
font-weight: 500;
font-size: 14px;
background-color: var(--directorist-color-white);
}
.directorist-review-content__pagination li .page-numbers.current {
border-color: #090E30;
}
.directorist-review-single {
padding: 40px 30px;
margin: 0;
}
@media screen and (max-width: 575px) {
.directorist-review-single {
padding: 30px 20px;
}
}
.directorist-review-single a {
text-decoration: none;
}
.directorist-review-single .comment-body {
margin-bottom: 0;
padding: 0;
}
.directorist-review-single .comment-body p {
font-size: 15px;
margin: 0;
color: var(--directorist-color-body);
}
.directorist-review-single .comment-body em {
font-style: normal;
}
.directorist-review-single .directorist-review-single__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.directorist-review-single__author {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.directorist-review-single__author__img {
width: 50px;
height: 50px;
padding: 0;
}
.directorist-review-single__author__img img {
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
position: static;
}
.directorist-review-single__author__details {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 15px;
}
.directorist-review-single__author__details h2 {
font-size: 15px;
font-weight: 500;
margin: 0 0 5px;
color: var(--directorist-color-dark);
}
.directorist-review-single__author__details .directorist-rating-stars {
font-size: 11px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: var(--directorist-color-warning);
}
.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask {
margin: 1px;
}
.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after {
width: 11px;
height: 11px;
background-color: var(--directorist-color-warning);
}
.directorist-review-single__author__details .directorist-review-date {
display: inline-block;
font-size: 13px;
margin-left: 14px;
color: var(--directorist-color-deep-gray);
}
.directorist-review-single__report a {
font-size: 13px;
color: #8C90A4;
display: block;
}
.directorist-review-single__content p {
font-size: 15px;
color: var(--directorist-color-body);
}
.directorist-review-single__feedback {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 15px -5px 0;
}
.directorist-review-single__feedback a {
margin: 5px;
font-size: 13px;
}
.directorist-review-single__actions {
margin: 20px -8px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-review-single__actions a {
font-size: 13px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: none;
margin: 0 8px;
color: var(--directorist-color-deep-gray);
}
.directorist-review-single__actions a .directorist-icon-mask {
margin-right: 6px;
}
.directorist-review-single__actions a .directorist-icon-mask::after {
width: 13.5px;
height: 13.5px;
background-color: var(--directorist-color-deep-gray);
}
.directorist-review-single .directorist-review-meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 575px) {
.directorist-review-single .directorist-review-meta {
gap: 10px;
}
}
.directorist-review-single .directorist-review-meta .directorist-review-date {
margin: 0;
}
.directorist-review-single .directorist-review-submit {
margin-top: 0;
margin-bottom: 0;
border: 0 none;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
}
.directorist-review-single .directorist-review-submit__header {
padding-left: 0;
padding-right: 0;
}
.directorist-review-single .directorist-review-submit .directorist-card__header__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 13px;
max-width: 100%;
width: 100%;
margin: 0;
}
.directorist-review-single .directorist-review-single {
padding: 18px 40px;
}
.directorist-review-single .directorist-review-single:last-child {
padding-bottom: 0;
}
.directorist-review-single .directorist-review-single .directorist-review-single__header {
margin-bottom: 15px;
}
.directorist-review-single .directorist-review-single .directorist-review-single__info {
position: relative;
}
.directorist-review-single .directorist-review-single .directorist-review-single__info:before {
position: absolute;
left: -20px;
top: 0;
width: 2px;
height: 100%;
content: "";
background-color: var(--directorist-color-border-gray);
}
.directorist-review-submit__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-review-submit__form {
margin: 0 !important;
}
.directorist-review-submit__form:not(.directorist-form-comment-edit) {
padding: 25px;
}
.directorist-review-submit__form#commentform .directorist-form-group, .directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.directorist-review-submit__form .directorist-review-single .directorist-card__body {
padding-left: 0;
padding-right: 0;
}
.directorist-review-submit__form .directorist-alert {
margin-bottom: 20px;
padding: 10px 20px;
}
.directorist-review-submit__form .directorist-review-criteria {
margin-bottom: 25px;
}
.directorist-review-submit__form .directorist-review-criteria__single {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.directorist-review-submit__form .directorist-review-criteria__single__label {
width: 100px;
word-wrap: break-word;
word-break: break-all;
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
margin: 0;
}
.directorist-review-submit__form .directorist-review-criteria__single .br-widget {
margin: -1px;
}
.directorist-review-submit__form .directorist-review-criteria__single a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 4px;
background-color: #E1E4EC;
margin: 1px;
text-decoration: none;
outline: 0;
}
.directorist-review-submit__form .directorist-review-criteria__single a:before {
content: "";
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/c8cb6a06142934b1fac8df29a41ebf7c.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/c8cb6a06142934b1fac8df29a41ebf7c.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 14px;
height: 14px;
background-color: var(--directorist-color-white);
}
.directorist-review-submit__form .directorist-review-criteria__single a:focus {
background-color: #E1E4EC !important;
text-decoration: none !important;
outline: 0;
}
.directorist-review-submit__form .directorist-review-criteria__single a.br-selected, .directorist-review-submit__form .directorist-review-criteria__single a.br-active {
background-color: var(--directorist-color-warning) !important;
text-decoration: none;
outline: 0;
}
.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating {
display: inline-block;
margin-left: 20px;
font-size: 14px;
font-weight: 500;
}
.directorist-review-submit__form .directorist-form-group:not(:last-child) {
margin-bottom: 20px;
}
.directorist-review-submit__form .directorist-form-group textarea {
background-color: #F6F7F9;
font-size: 15px;
display: block;
resize: vertical;
margin: 0;
}
.directorist-review-submit__form .directorist-form-group textarea:focus {
background-color: #F6F7F9;
}
.directorist-review-submit__form .directorist-form-group label {
display: block;
font-size: 15px;
font-weight: 500;
color: var(--directorist-color-dark);
margin-bottom: 5px;
}
.directorist-review-submit__form .directorist-form-group input[type=text],
.directorist-review-submit__form .directorist-form-group input[type=email],
.directorist-review-submit__form .directorist-form-group input[type=url] {
height: 46px;
background-color: var(--directorist-color-white);
margin: 0;
}
.directorist-review-submit__form .directorist-form-group input[type=text]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-webkit-input-placeholder {
color: var(--directorist-color-deep-gray);
}
.directorist-review-submit__form .directorist-form-group input[type=text]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-moz-placeholder {
color: var(--directorist-color-deep-gray);
}
.directorist-review-submit__form .directorist-form-group input[type=text]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]:-ms-input-placeholder {
color: var(--directorist-color-deep-gray);
}
.directorist-review-submit__form .directorist-form-group input[type=text]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-ms-input-placeholder {
color: var(--directorist-color-deep-gray);
}
.directorist-review-submit__form .directorist-form-group input[type=text]::placeholder,
.directorist-review-submit__form .directorist-form-group input[type=email]::placeholder,
.directorist-review-submit__form .directorist-form-group input[type=url]::placeholder {
color: var(--directorist-color-deep-gray);
}
.directorist-review-submit__form .form-group-comment {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-review-submit__form .form-group-comment.directorist-form-group {
margin-bottom: 42px;
}
@media screen and (max-width: 575px) {
.directorist-review-submit__form .form-group-comment.directorist-form-group {
margin-bottom: 30px;
}
}
.directorist-review-submit__form .form-group-comment textarea {
border-radius: 12px;
resize: none;
padding: 20px;
min-height: 140px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: var(--directorist-color-white);
border: 2px solid var(--directorist-color-border);
}
.directorist-review-submit__form .form-group-comment textarea:focus {
border: 2px solid var(--directorist-color-border-gray);
}
.directorist-review-submit__form .directorist-review-media-upload {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directorist-review-submit__form .directorist-review-media-upload input[type=file] {
display: none;
}
.directorist-review-submit__form .directorist-review-media-upload label {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 115px;
height: 100px;
border-radius: 8px;
border: 1px dashed #C6D0DC;
cursor: pointer;
margin-bottom: 0;
}
.directorist-review-submit__form .directorist-review-media-upload label i {
font-size: 26px;
color: #AFB2C4;
}
.directorist-review-submit__form .directorist-review-media-upload label span {
display: block;
font-size: 14px;
color: var(--directorist-color-body);
margin-top: 6px;
}
.directorist-review-submit__form .directorist-review-img-gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -5px -5px -5px 5px;
}
.directorist-review-submit__form .directorist-review-gallery-preview {
position: relative;
margin: 5px;
}
.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px;
}
.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview {
position: relative;
}
.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview:hover .directorist-btn-delete {
opacity: 1;
visibility: visible;
}
.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview img {
width: 115px;
height: 100px;
max-width: 115px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview .directorist-btn-delete {
position: absolute;
top: 6px;
right: 6px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 30px;
width: 30px;
border-radius: 50%;
color: var(--directorist-color-white);
background-color: var(--directorist-color-danger);
opacity: 0;
visibility: hidden;
}
.directorist-review-submit__form .directorist-review-gallery-preview img {
width: 115px;
height: 100px;
max-width: 115px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.directorist-review-submit__form .directorist-review-gallery-preview .directorist-btn-delete {
position: absolute;
top: 6px;
right: 6px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 30px;
width: 30px;
border-radius: 50%;
color: var(--directorist-color-white);
background-color: var(--directorist-color-danger);
opacity: 0;
visibility: hidden;
}
.directorist-review-submit .directorist-btn {
padding: 0 20px;
}
.directorist-review-content + .directorist-review-submit.directorist-review-submit--hidden {
display: none !important;
}
@-webkit-keyframes directoristCommentEditLoading {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes directoristCommentEditLoading {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.directorist-favourite-items-wrap {
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.directorist-favourite-items-wrap .directorist-favourirte-items {
background-color: var(--directorist-color-white);
padding: 20px 10px;
border-radius: 12px;
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list {
font-size: 15px;
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 15px !important;
margin: 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.35s;
transition: 0.35s;
}
@media only screen and (max-width: 991px) {
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single {
background-color: #F8F9FA;
border-radius: 5px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover {
background-color: #F8F9FA;
border-radius: 5px;
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn {
opacity: 1;
visibility: visible;
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img {
margin-right: 20px;
}
@media only screen and (max-width: 479px) {
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img {
margin-right: 0;
}
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img img {
max-width: 100px;
border-radius: 6px;
}
@media only screen and (max-width: 479px) {
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-content {
margin-top: 10px;
}
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title {
font-size: 15px;
font-weight: 500;
margin: 0 0 6px;
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title a {
color: var(--directorist-color-dark);
text-decoration: none;
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category {
color: var(--directorist-color-primary);
text-decoration: none;
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.la,
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fa,
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fas,
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i {
margin-right: 6px;
color: var(--directorist-color-light-gray);
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 991px) {
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 479px) {
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn {
font-weight: 500;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
padding: 0px 14px;
color: var(--directorist-color-white) !important;
line-height: 2.65;
opacity: 0;
visibility: hidden; }
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask {
margin-right: 5px;
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask:after {
background-color: var(--directorist-color-white);
}
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn > i:not(.directorist-icon-mask) {
margin-right: 5px;
}
@media only screen and (max-width: 991px) {
.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn {
opacity: 1;
visibility: visible;
}
}
.directorist-user-dashboard {
width: 100% !important;
max-width: 100% !important;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-user-dashboard__contents {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px;
}
.directorist-user-dashboard__toggle {
margin-bottom: 20px;
}
.directorist-user-dashboard__toggle__link {
border: 1px solid #e3e6ef;
padding: 6.5px 8px 6.5px;
border-radius: 8px;
display: inline-block;
outline: 0;
background-color: var(--directorist-color-white);
line-height: 1;
color: var(--directorist-color-primary);
}
.directorist-user-dashboard__tab-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: calc(100% - 250px);
}
.directorist-user-dashboard .directorist-alert {
margin-bottom: 15px;
}
.directorist-user-dashboard #directorist-preference-notice .directorist-alert {
margin-top: 15px;
margin-bottom: 0;
} #directorist-dashboard-preloader {
height: 100%;
left: 0;
overflow: visible;
position: fixed;
top: 0;
width: 100%;
z-index: 9999999;
display: none;
background-color: rgba(var(--directorist-color-dark-rgb), 0.5);
}
#directorist-dashboard-preloader div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid var(--directorist-color-primary);
border-radius: 50%;
-webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: var(--directorist-color-primary) transparent transparent transparent;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#directorist-dashboard-preloader div:nth-child(1) {
-webkit-animation-delay: -0.45s;
animation-delay: -0.45s;
}
#directorist-dashboard-preloader div:nth-child(2) {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
#directorist-dashboard-preloader div:nth-child(3) {
-webkit-animation-delay: -0.15s;
animation-delay: -0.15s;
} .directorist-user-dashboard-tab__nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px;
border-radius: 12px;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
@media screen and (max-width: 480px) {
.directorist-user-dashboard-tab__nav {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.directorist-user-dashboard-tab ul {
margin: 0;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
}
@media screen and (max-width: 480px) {
.directorist-user-dashboard-tab ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
}
}
.directorist-user-dashboard-tab li {
list-style: none;
}
.directorist-user-dashboard-tab li:not(:last-child) {
margin-right: 20px;
}
.directorist-user-dashboard-tab li a {
display: inline-block;
font-size: 14px;
font-weight: 500;
padding: 20px 0;
text-decoration: none;
color: var(--directorist-color-dark);
position: relative;
}
.directorist-user-dashboard-tab li a:after {
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
border-radius: 8px;
opacity: 0;
visibility: hidden;
content: "";
background-color: var(--directorist-color-primary);
}
.directorist-user-dashboard-tab li a.directorist-tab__nav__active {
color: var(--directorist-color-primary);
}
.directorist-user-dashboard-tab li a.directorist-tab__nav__active:after {
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 480px) {
.directorist-user-dashboard-tab li a {
padding-bottom: 5px;
}
}
.directorist-user-dashboard-tab .directorist-user-dashboard-search {
position: relative;
border-radius: 12px;
margin: 16px 0 16px 16px;
}
.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon {
position: absolute;
left: 16px;
top: 50%;
line-height: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon i,
.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon span {
font-size: 16px;
}
.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon .directorist-icon-mask::after {
width: 16px;
height: 16px;
}
.directorist-user-dashboard-tab .directorist-user-dashboard-search input {
border: 0 none;
border-radius: 18px;
font-size: 14px;
font-weight: 400;
color: #8f8e9f;
padding: 10px 18px 10px 40px;
min-width: 260px;
height: 36px;
background-color: #f6f7f9;
margin-bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.directorist-user-dashboard-tab .directorist-user-dashboard-search input:focus {
outline: none;
}
@media screen and (max-width: 375px) {
.directorist-user-dashboard-tab .directorist-user-dashboard-search input {
min-width: unset;
}
}
.directorist-user-dashboard-tabcontent {
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
border-radius: 12px;
margin-top: 15px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table {
border-radius: 10px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-table {
display: table;
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
margin-bottom: 0;
margin-top: 0;
overflow: visible !important;
width: 100%;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr {
background-color: var(--directorist-color-white);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th {
text-align: left;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing {
min-width: 320px;
}
@media (max-width: 1499px) {
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing {
min-width: 260px;
}
}
@media (max-width: 1399px) {
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing {
min-width: 230px;
}
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type {
min-width: 180px;
}
@media (max-width: 1399px) {
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type {
min-width: 160px;
}
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-category {
min-width: 180px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date {
min-width: 250px;
}
@media (max-width: 1499px) {
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date {
min-width: 220px;
}
}
@media (max-width: 1399px) {
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date {
min-width: 200px;
}
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status {
min-width: 160px;
}
@media (max-width: 1399px) {
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status {
min-width: 130px;
}
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan {
min-width: 120px;
}
@media (max-width: 1399px) {
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan {
min-width: 100px;
}
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions {
min-width: 200px;
}
@media (max-width: 1399px) {
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions {
min-width: 150px;
}
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th {
padding-top: 22px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td {
padding-top: 28px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td,
.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th {
padding-bottom: 22px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu {
bottom: 100%;
top: auto;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu {
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;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table tr th {
letter-spacing: 1.1px;
font-size: 12px;
font-weight: 500;
color: #8f8e9f;
text-transform: uppercase;
border-bottom: 1px solid #eff1f6;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img {
margin-right: 12px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img img {
width: 44px;
height: 44px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 6px;
max-width: inherit;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title {
margin: 0 0 5px;
font-size: 15px;
font-weight: 500;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a {
color: #0a0b1e;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price {
font-size: 14px;
font-weight: 500;
color: var(--directorist-color-body);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge {
font-size: 12px;
font-weight: 700;
border-radius: 4px;
padding: 3px 7px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.primary {
color: var(--directorist-color-primary);
background-color: rgba(var(--directorist-color-primary), 0.15);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_publish {
color: var(--directorist-color-success);
background-color: rgba(var(--directorist-color-success-rgb), 0.15);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending {
color: var(--directorist-color-warning);
background-color: rgba(var(--directorist-color-warning-rgb), 0.15);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_private {
color: var(--directorist-color-danger);
background-color: rgba(var(--directorist-color-danger-rgb), 0.15);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.danger {
color: var(--directorist-color-danger);
background-color: rgba(var(--directorist-color-danger), 0.15);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.warning {
color: var(--directorist-color-warning);
background-color: rgba(var(--directorist-color-warning), 0.15);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a {
font-size: 13px;
text-decoration: none;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn {
color: var(--directorist-color-info);
font-weight: 500;
margin-right: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn .directorist-icon-mask::after {
width: 16px;
height: 16px;
background-color: var(--directorist-color-info);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--directorist-color-white);
font-weight: 500;
color: var(--directorist-color-body);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more i,
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more span,
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more svg {
position: relative;
top: 1.5px;
margin-right: 5px;
font-size: 14px;
color: var(--directorist-color-body);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label {
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown {
position: relative;
border: 0 none;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu {
position: absolute;
right: 0;
top: 35px;
opacity: 0;
visibility: hidden;
background-color: var(--directorist-color-white);
-webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961);
box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961);
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu.active {
opacity: 1;
visibility: visible;
z-index: 22;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu {
min-width: 230px;
border: 1px solid #eff1f6;
padding: 0 0 10px 0;
border-radius: 6px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list {
position: relative;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child) {
padding-bottom: 10px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child):after {
position: absolute;
left: 20px;
bottom: 0;
width: calc(100% - 40px);
height: 1px;
background-color: #eff1f6;
content: "";
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item {
padding: 10px 20px;
font-size: 14px;
color: var(--directorist-color-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-decoration: none;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:hover {
background-color: #f6f7f9;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:first-child {
margin-top: 10px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item i {
font-size: 15px;
margin-right: 14px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox {
padding: 10px 20px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox:first-child {
margin-top: 10px;
}
.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox label {
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
}
.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child) {
margin-right: 4px;
}
.directorist-user-dashboard-tabcontent .directorist_dashboard_category ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.directorist-user-dashboard-tabcontent .directorist_dashboard_category li:not(:last-child) {
margin-right: 0px;
margin-bottom: 4px;
}
.directorist-user-dashboard-tabcontent .directorist_dashboard_category li i,
.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fas,
.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa,
.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.la {
font-size: 15px;
margin-right: 4px;
}
.directorist-user-dashboard-tabcontent .directorist_dashboard_category li a {
padding: 0;
}
.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 2px 22px 0 22px;
padding: 30px 0 40px;
border-top: 1px solid #eff1f6;
}
.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers {
margin: 4px;
padding: 0;
line-height: normal;
height: 40px;
min-height: 40px;
width: 40px;
min-width: 40px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border: 2px solid var(--directorist-color-border);
border-radius: 8px;
background-color: var(--directorist-color-white);
-webkit-transition: 0.3s;
transition: 0.3s;
color: var(--directorist-color-body);
text-align: center;
margin: 4px;
right: auto;
float: none;
font-size: 15px;
text-decoration: none;
}
.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current {
border-color: var(--directorist-color-primary);
color: var(--directorist-color-primary);
}
.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current .directorist-icon-mask:after {
background-color: var(--directorist-color-primary);
}
.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers .directorist-icon-mask:after {
width: 14px;
height: 14px;
background-color: var(--directorist-color-body);
}
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing {
min-width: 218px;
}
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type {
min-width: 95px;
}
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date {
min-width: 140px;
}
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status {
min-width: 115px;
}
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan {
min-width: 120px;
}
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions {
min-width: 155px;
}
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td,
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th {
padding: 12px;
}
.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn {
margin-right: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-table-responsive {
display: block !important;
width: 100%;
overflow-x: auto;
overflow-y: visible;
}
@media (max-width: 767px) {
.directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
padding-bottom: 20px;
}
.directorist-user-dashboard-search {
margin-top: 15px;
}
}
.atbdp__draft {
line-height: 24px;
display: inline-block;
font-size: 12px;
font-weight: 500;
padding: 0 10px;
border-radius: 10px;
margin-top: 9px;
color: var(--directorist-color-primary);
background: rgba(var(--directorist-color-primary), 0.1);
} .directorist-become-author-modal {
position: fixed;
width: 100%;
height: 100%;
background: rgba(var(--directorist-color-dark-rgb), 0.5);
left: 0;
top: 0;
z-index: 9999;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.directorist-become-author-modal.directorist-become-author-modal__show {
visibility: visible;
opacity: 1;
pointer-events: all;
}
.directorist-become-author-modal__content {
background-color: var(--directorist-color-white);
border-radius: 5px;
padding: 20px 30px 15px;
text-align: center;
position: relative;
}
.directorist-become-author-modal__content p {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-become-author-modal__content h3 {
font-size: 20px;
}
.directorist-become-author-modal__content .directorist-become-author-modal__approve {
background-color: #3e62f5;
display: inline-block;
color: var(--directorist-color-white);
text-align: center;
margin: 10px 5px 0 5px;
min-width: 100px;
padding: 8px 0 !important;
border-radius: 3px;
}
.directorist-become-author-modal__content .directorist-become-author-modal__approve:focus {
background-color: #3e62f5 !important;
}
.directorist-become-author-modal__content .directorist-become-author-modal__cancel {
background-color: #eee;
display: inline-block;
text-align: center;
margin: 10px 5px 0 5px;
min-width: 100px;
padding: 8px 0 !important;
border-radius: 3px;
}
.directorist-become-author-modal span.directorist-become-author__loader {
border: 2px solid var(--directorist-color-primary);
width: 15px;
height: 15px;
display: inline-block;
border-radius: 50%;
border-right: 2px solid var(--directorist-color-white);
-webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
visibility: hidden;
opacity: 0;
}
.directorist-become-author-modal span.directorist-become-author__loader.active {
visibility: visible;
opacity: 1;
}
#directorist-become-author-success {
color: #388e3c !important;
margin-bottom: 15px !important;
}
.directorist-shade {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
opacity: 0;
z-index: -1;
background-color: var(--directorist-color-white);
}
.directorist-shade.directorist-active {
display: block;
z-index: 21;
}
.table.atbd_single_saved_item {
margin: 0;
background-color: var(--directorist-color-white);
border-collapse: collapse;
width: 100%;
min-width: 240px;
}
.table.atbd_single_saved_item td,
.table.atbd_single_saved_item th,
.table.atbd_single_saved_item tr {
border: 1px solid #ececec;
}
.table.atbd_single_saved_item td {
padding: 0 15px;
}
.table.atbd_single_saved_item td p {
margin: 5px 0;
}
.table.atbd_single_saved_item th {
text-align: left;
padding: 5px 15px;
}
.table.atbd_single_saved_item .action a.btn {
text-decoration: none;
font-size: 14px;
padding: 8px 15px;
border-radius: 8px;
display: inline-block;
}
.directorist-user-dashboard__nav {
min-width: 230px;
padding: 20px 10px;
margin-right: 30px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
position: relative;
left: 0;
border-radius: 12px;
overflow: hidden;
overflow-y: auto;
background-color: var(--directorist-color-white);
-webkit-box-shadow: var(--directorist-box-shadow);
box-shadow: var(--directorist-box-shadow);
border: 1px solid var(--directorist-color-border-light);
}
@media only screen and (max-width: 1199px) {
.directorist-user-dashboard__nav {
position: fixed;
top: 0;
left: 0;
width: 230px;
height: 100vh;
background-color: var(--directorist-color-white);
padding-top: 100px;
-webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1);
box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1);
z-index: 2222;
}
}
@media only screen and (max-width: 600px) {
.directorist-user-dashboard__nav {
right: 20px;
top: 10px;
}
}
.directorist-user-dashboard__nav .directorist-dashboard__nav__close {
display: none;
position: absolute;
right: 15px;
top: 50px;
}
@media only screen and (max-width: 1199px) {
.directorist-user-dashboard__nav .directorist-dashboard__nav__close {
display: block;
}
}
@media only screen and (max-width: 600px) {
.directorist-user-dashboard__nav .directorist-dashboard__nav__close {
right: 20px;
top: 10px;
}
}
.directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed {
min-width: unset;
width: 0 !important;
height: 0;
margin-right: 0;
left: -230px;
visibility: hidden;
opacity: 0;
padding: 0;
pointer-events: none;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.directorist-tab__nav__items {
list-style-type: none;
padding: 0;
margin: 0;
}
.directorist-tab__nav__items a {
text-decoration: none;
}
.directorist-tab__nav__items li {
margin: 0;
}
.directorist-tab__nav__items li ul {
display: none;
list-style-type: none;
padding: 0;
margin: 0;
}
.directorist-tab__nav__items li ul li a {
padding-left: 25px;
text-decoration: none;
}
.directorist-tab__nav__link {
font-size: 14px;
border-radius: 4px;
padding: 10px;
outline: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: var(--directorist-color-body);
text-decoration: none;
}
.directorist-tab__nav__link .directorist_menuItem-text {
pointer-events: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon {
line-height: 0;
}
.directorist-tab__nav__link .directorist_menuItem-text i,
.directorist-tab__nav__link .directorist_menuItem-text span.fa {
pointer-events: none;
display: inline-block;
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-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after {
background-color: var(--directorist-color-primary);
}
.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown {
background-color: transparent;
} .directorist-tab__nav__action {
margin-top: 15px;
}
.directorist-tab__nav__action .directorist-btn {
display: block;
}
.directorist-tab__nav__action .directorist-btn:not(:last-child) {
margin-bottom: 15px;
} .directorist-tab__pane {
display: none;
}
.directorist-tab__pane.directorist-tab__pane--active {
display: block;
}
#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 {
width: 100%;
}
#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 {
width: 100%;
}
.directorist-image-profile-wrap {
padding: 25px;
background-color: var(--directorist-color-white);
border-radius: 12px;
border: 1px solid #ececec;
}
.directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn {
border-radius: 8px;
padding: 10.5px 30px;
background-color: #f6f7f9;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
font-size: 14px;
font-weight: 500;
color: var(--directorist-color-dark);
}
.directorist-image-profile-wrap .directorist-profile-uploader {
border-radius: 12px;
}
.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon {
background-image: none;
}
.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon .directorist-icon-mask::after {
width: 16px;
height: 16px;
}
.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__loading-icon-img-bg {
background-image: none;
background-color: var(--directorist-color-primary);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/232acb97ace4f437ace78cc02bdfd165.svg);
mask-image: url(//www.vendingconnection.com/wp-content/plugins/directorist/assets/images/232acb97ace4f437ace78cc02bdfd165.svg);
}
.directorist-image-profile-wrap .ezmu__thumbnail-list-item.ezmu__thumbnail_avater {
max-width: 140px;
}
.directorist-user-profile-box .directorist-card__header {
padding: 18px 20px;
}
.directorist-user-profile-box .directorist-card__body {
padding: 25px 25px 30px 25px;
}
.directorist-user-info-wrap .directorist-form-group {
margin-bottom: 25px;
}
.directorist-user-info-wrap .directorist-form-group > label {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 5px;
}
.directorist-user-info-wrap .directorist-form-group .directorist-input-extra-info {
color: var(--directorist-color-light-gray);
display: inline-block;
font-size: 14px;
font-weight: 400;
margin-top: 4px;
}
.directorist-user-info-wrap .directorist-btn-profile-save {
width: 100%;
text-align: center;
text-transform: capitalize;
text-decoration: none;
}
.directorist-user-info-wrap #directorist-profile-notice .directorist-alert {
margin-top: 15px;
} .directorist-user_preferences .directorist-preference-toggle .directorist-form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.directorist-user_preferences .directorist-preference-toggle .directorist-form-group label {
margin-bottom: 0;
color: var(--directorist-color-dark);
font-size: 14px;
font-weight: 400;
}
.directorist-user_preferences .directorist-preference-toggle .directorist-form-group input {
margin: 0;
}
.directorist-user_preferences .directorist-preference-toggle .directorist-toggle-label {
font-size: 14px;
color: var(--directorist-color-dark);
font-weight: 600;
line-height: normal;
}
.directorist-user_preferences .directorist-preference-radio {
margin-top: 25px;
}
.directorist-user_preferences .directorist-preference-radio .directorist-preference-radio__label {
color: var(--directorist-color-dark);
font-weight: 700;
font-size: 14px;
margin-bottom: 10px;
}
.directorist-user_preferences .directorist-preference-radio .directorist-radio-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.directorist-user_preferences .select2.select2-container.select2-container--default .select2-selection__arrow b,
.directorist-user_preferences .select2-selection__arrow, .directorist-user_preferences .select2-selection__clear {
display: block !important;
}
.directorist-user_preferences .select2.select2-container.select2-container--default.select2-container--open .select2-selection {
border-bottom-color: var(--directorist-color-primary);
} .directorist-toggle {
cursor: pointer;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.directorist-toggle-switch {
display: inline-block;
background: var(--directorist-color-border);
border-radius: 12px;
width: 44px;
height: 22px;
position: relative;
vertical-align: middle;
-webkit-transition: background 0.25s;
transition: background 0.25s;
}
.directorist-toggle-switch:before, .directorist-toggle-switch:after {
content: "";
}
.directorist-toggle-switch:before {
display: block;
background: white;
border-radius: 50%;
width: 16px;
height: 16px;
position: absolute;
top: 3px;
left: 4px;
-webkit-transition: left 0.25s;
transition: left 0.25s;
}
.directorist-toggle:hover .directorist-toggle-switch:before {
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background: linear-gradient(to bottom, #fff 0%, #fff 100%);
}
.directorist-toggle-checkbox:checked + .directorist-toggle-switch {
background: var(--directorist-color-primary);
}
.directorist-toggle-checkbox:checked + .directorist-toggle-switch:before {
left: 25px;
}
.directorist-toggle-checkbox {
position: absolute;
visibility: hidden;
}
.directorist-user-socials .directorist-user-social-label {
font-size: 18px;
padding-bottom: 18px;
margin-bottom: 28px !important;
border-bottom: 1px solid #eff1f6;
}
.directorist-user-socials label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.directorist-user-socials label .directorist-social-icon {
margin-right: 6px;
}
.directorist-user-socials label .directorist-social-icon .directorist-icon-mask::after {
width: 16px;
height: 16px;
background-color: #0a0b1e;
}
#directorist-prifile-notice .directorist-alert {
width: 100%;
display: inline-block;
margin-top: 15px;
}
.directorist-announcement-wrapper {
background-color: var(--directorist-color-white);
border-radius: 12px;
padding: 20px 10px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.directorist-announcement-wrapper .directorist-announcement {
font-size: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 15.5px;
margin-bottom: 15.5px;
border-bottom: 1px solid #f1f2f6;
}
.directorist-announcement-wrapper .directorist-announcement:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0 none;
}
@media (max-width: 479px) {
.directorist-announcement-wrapper .directorist-announcement {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.directorist-announcement-wrapper .directorist-announcement__date {
-webkit-box-flex: 0.4217;
-webkit-flex: 0.4217;
-ms-flex: 0.4217;
flex: 0.4217;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #f5f6f8;
border-radius: 6px;
padding: 10.5px;
min-width: 120px;
}
@media (max-width: 1199px) {
.directorist-announcement-wrapper .directorist-announcement__date {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media (max-width: 479px) {
.directorist-announcement-wrapper .directorist-announcement__date {
-webkit-box-flex: 100%;
-webkit-flex: 100%;
-ms-flex: 100%;
flex: 100%;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.directorist-announcement-wrapper .directorist-announcement__date__part-one {
font-size: 18px;
line-height: 1.2;
font-weight: 500;
color: #171b2e;
}
.directorist-announcement-wrapper .directorist-announcement__date__part-two {
font-size: 14px;
font-weight: 400;
color: #5a5f7d;
}
.directorist-announcement-wrapper .directorist-announcement__date__part-three {
font-size: 14px;
font-weight: 500;
color: #171b2e;
}
.directorist-announcement-wrapper .directorist-announcement__content {
-webkit-box-flex: 8;
-webkit-flex: 8;
-ms-flex: 8;
flex: 8;
padding-left: 15px;
}
@media (max-width: 1199px) {
.directorist-announcement-wrapper .directorist-announcement__content {
-webkit-box-flex: 6;
-webkit-flex: 6;
-ms-flex: 6;
flex: 6;
}
}
@media (max-width: 479px) {
.directorist-announcement-wrapper .directorist-announcement__content {
padding-left: 0;
margin: 12px 0 6px;
text-align: center;
}
}
.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title {
font-size: 18px;
font-weight: 500;
color: var(--directorist-color-primary);
margin-bottom: 6px;
margin-top: 0;
}
.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p {
font-size: 14px;
font-weight: 400;
color: #69708e;
}
.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p:empty {
display: none;
}
.directorist-announcement-wrapper .directorist-announcement__content p:empty {
display: none;
}
.directorist-announcement-wrapper .directorist-announcement__close {
-webkit-box-flex: 0;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
}
.directorist-announcement-wrapper .directorist-announcement__close .close-announcement {
height: 36px;
width: 36px;
border-radius: 50%;
background-color: #f5f5f5;
border: 0 none;
padding: 0;
-webkit-transition: 0.35s;
transition: 0.35s;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-announcement-wrapper .directorist-announcement__close .close-announcement .directorist-icon-mask::after {
-webkit-transition: 0.35s;
transition: 0.35s;
background-color: #474868;
}
.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover {
background-color: var(--directorist-color-danger);
}
.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover .directorist-icon-mask::after {
background-color: var(--directorist-color-white);
}
.directorist-announcement-wrapper .directorist_not-found {
margin: 0;
}
.directorist-announcement-count {
display: none;
border-radius: 30px;
min-width: 20px;
height: 20px;
line-height: 20px;
color: var(--directorist-color-white);
text-align: center;
margin: 0 10px;
vertical-align: middle;
background-color: #ff3c3c;
}
.directorist-announcement-count.show {
display: inline-block;
}
.directorist-payment-instructions,
.directorist-payment-thanks-text {
font-size: 14px;
font-weight: 400;
color: var(--directorist-color-body);
}
.directorist-payment-instructions {
margin-bottom: 38px;
}
.directorist-payment-thanks-text {
font-size: 15px;
}
.directorist-payment-table .directorist-table {
margin: 0;
border: none;
}
.directorist-payment-table th {
font-size: 14px;
font-weight: 500;
text-align: left;
padding: 9px 20px;
border: none;
color: var(--directorist-color-dark);
background-color: var(--directorist-color-bg-gray);
}
.directorist-payment-table tbody td {
font-size: 14px;
font-weight: 500;
padding: 5px 0;
vertical-align: top;
border: none;
color: var(--directorist-color-dark);
}
.directorist-payment-table tbody tr:first-child td {
padding-top: 20px;
}
.directorist-payment-table__label {
font-weight: 400;
width: 140px;
color: var(--directorist-color-light-gray) !important;
}
.directorist-payment-table__title {
font-size: 15px;
font-weight: 600;
margin: 0 0 10px !important;
text-transform: capitalize;
color: var(--directorist-color-dark);
}
.directorist-payment-table__title.directorist-payment-table__title--large {
font-size: 16px;
}
.directorist-payment-table p {
font-size: 13px;
margin: 0;
color: var(--directorist-color-light-gray);
}
.directorist-payment-summery-table tbody td {
padding: 12px 0;
}
.directorist-payment-summery-table tbody td:nth-child(even) {
text-align: right;
}
.directorist-payment-summery-table tbody tr.directorsit-payment-table-total td,
.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title {
font-size: 16px;
}
.directorist-btn-view-listing {
min-height: 54px;
border-radius: 10px;
}
.directorist-checkout-card {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
-webkit-filter: none;
filter: none;
}
.directorist-checkout-card tr:not(:last-child) td {
padding-bottom: 15px;
border-bottom: 1px solid var(--directorist-color-border);
}
.directorist-checkout-card tr:not(:first-child) td {
padding-top: 15px;
}
.directorist-checkout-card .directorist-card__header {
padding: 24px 40px;
}
.directorist-checkout-card .directorist-card__header__title {
font-size: 24px;
font-weight: 600;
}
@media (max-width: 575px) {
.directorist-checkout-card .directorist-card__header__title {
font-size: 18px;
}
}
.directorist-checkout-card .directorist-card__body {
padding: 20px 40px 40px;
}
.directorist-checkout-card .directorist-summery-label {
font-size: 15px;
font-weight: 500;
color: var(--color-dark);
}
.directorist-checkout-card .directorist-summery-label-description {
font-size: 13px;
margin-top: 4px;
color: var(--directorist-color-light-gray);
}
.directorist-checkout-card .directorist-summery-amount {
font-size: 15px;
font-weight: 500;
color: var(--directorist-color-body);
}
.directorist-payment-gateways {
background-color: var(--directorist-color-white);
}
.directorist-payment-gateways ul {
margin: 0;
padding: 0;
}
.directorist-payment-gateways li {
list-style-type: none;
padding: 0;
margin: 0;
}
.directorist-payment-gateways li:not(:last-child) {
margin-bottom: 15px;
}
.directorist-payment-gateways li .gateway_list {
margin-bottom: 10px;
}
.directorist-payment-gateways .directorist-radio input[type=radio] + .directorist-radio__label {
font-size: 16px;
font-weight: 500;
line-height: 1.15;
color: var(--directorist-color-dark);
}
.directorist-payment-gateways .directorist-card__body .directorist-payment-text {
font-size: 14px;
font-weight: 400;
line-height: 1.86;
margin-top: 4px;
color: var(--directorist-color-body);
}
.directorist-payment-action {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 42px -7px -7px -7px;
}
.directorist-payment-action .directorist-btn {
min-height: 54px;
padding: 0 80px;
border-radius: 8px;
margin: 7px;
max-width: none;
width: auto;
}
@media (max-width: 1399px) {
.directorist-payment-action .directorist-btn {
padding: 0 40px;
}
}
@media (max-width: 1199px) {
.directorist-payment-action .directorist-btn {
padding: 0 30px;
}
}
.directorist-summery-total .directorist-summery-label,
.directorist-summery-total .directorist-summery-amount {
font-size: 18px;
font-weight: 500;
color: var(--color-dark);
}
.directorist-iframe {
border: none;
}
.ads-advanced .bottom-inputs {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
} @media (min-width: 992px) and (max-width: 1199px) {
.atbd_content_active .widget.atbd_widget .atbdp,
.atbd_content_active .widget.atbd_widget .directorist,
.atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp,
.atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .directorist {
padding: 20px 20px 15px;
}
.atbd_content_active #directorist.atbd_wrapper .atbdp_column {
width: 33.3333% !important;
}
#directorist.atbd_wrapper .atbdp_col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.atbd_content_active #directorist.atbd_wrapper .atbdp_column {
width: 50% !important;
}
.atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area .user_img .ezmu__thumbnail-img {
height: 114px;
width: 114px !important;
}
}
@media (max-width: 991px) {
.ads-advanced .price-frequency {
margin-left: -2px;
}
#directorist.atbd_wrapper .atbdp_col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33%;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
.ads-advanced .atbdp-custom-fields-search .form-group {
width: 50%;
}
.ads-advanced .atbd_seach_fields_wrapper .single_search_field {
margin-bottom: 10px;
margin-top: 0 !important;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form {
margin-left: -15px;
margin-right: -15px;
}
}
@media (max-width: 767px) {
.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 0;
margin-top: 10px;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field:last-child {
margin-top: 0;
margin-bottom: 0;
}
#directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline .single_search_field {
border-right: 0;
}
#directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline {
padding-right: 0;
}
#directorist .atbd_listing_details .atbd_area_title {
margin-bottom: 15px;
}
.atbd_content_active #directorist.atbd_wrapper .atbdp_column {
width: 50% !important;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area {
padding: 20px 15px;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta {
margin-top: 30px;
}
.ads-advanced .bottom-inputs > div {
width: 50%;
}
#directorist.atbd_wrapper .atbdp_col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33%;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_directry_gallery_wrapper .atbd_big_gallery img {
width: 100%;
}
.atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper #atbdp_socialInFo .atbdp_social_field_wrapper .form-group {
margin-bottom: 15px;
}
.atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper .atbdp_faqs_wrapper .form-group {
margin-bottom: 15px;
}
.atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area {
margin-bottom: 30px;
}
.ads-advanced .atbdp-custom-fields-search .form-group {
width: 100%;
}
.ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label,
.ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label,
.ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label,
.ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.ads-advanced .bdas-filter-actions {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.edit_btn_wrap .atbdp_float_active {
bottom: 80px;
}
.edit_btn_wrap .atbdp_float_active .btn {
font-size: 15px !important;
padding: 13px 30px !important;
line-height: 20px !important;
}
.nav_button {
z-index: 0;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field {
padding-left: 0 !important;
padding-right: 0 !important;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap,
.atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap {
left: auto;
right: 0;
}
}
@media (max-width: 650px) {
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area {
padding-top: 30px;
padding-bottom: 27px;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar,
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar img {
width: 80px;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd {
margin: 10px 0 0;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd p {
text-align: center;
}
}
@media (max-width: 575px) {
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 100%;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd {
margin-top: 10px;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta {
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.atbd_content_active #directorist.atbd_wrapper.dashboard_area .atbd_saved_items_wrapper .atbd_single_saved_item {
border: 0 none;
padding: 0;
}
.atbd_content_active #directorist.atbd_wrapper .atbdp_column {
width: 100% !important;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area {
display: block;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area .atbd_author_filter_area {
margin-top: 15px;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd {
margin-left: 0;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li {
display: block;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_title,
.atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content {
width: 100%;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content {
border: 0 none;
padding-top: 0;
padding-right: 30px;
padding-left: 30px;
}
.ads-advanced .bottom-inputs > div {
width: 100%;
}
.ads-advanced .price_ranges,
.ads-advanced .select-basic,
.ads-advanced .bads-tags,
.ads-advanced .bads-custom-checks,
.ads-advanced .atbdp_custom_radios,
.ads-advanced .wp-picker-container,
.ads-advanced .form-group > .form-control,
.ads-advanced .atbdp-custom-fields-search .form-group .form-control {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
width: 100% !important;
}
.ads-advanced .form-group label {
margin-bottom: 10px !important;
}
.ads-advanced .more-less,
.ads-advanced .more-or-less {
text-align: left;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn {
margin-left: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#directorist.atbd_wrapper .atbdp_col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 5px 0;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 {
margin-right: 10px;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn {
margin: 5px 0;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video {
margin-bottom: 0;
}
.ads-advanced .bdas-filter-actions .btn {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.atbdpr-range .atbd_slider-range-wrapper {
margin: 0;
}
.atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range,
.atbdpr-range .atbd_slider-range-wrapper .d-flex {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
width: 100%;
}
.atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range {
margin-left: 0;
margin-right: 0;
}
.atbdpr-range .atbd_slider-range-wrapper .d-flex {
padding: 0 !important;
margin: 5px 0 0 !important;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper {
display: block;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper .atbd_listing_thumbnail_area img {
border-radius: 3px 3px 0 0;
}
.edit_btn_wrap .atbdp_float_active {
right: 0;
bottom: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 0;
}
.edit_btn_wrap .atbdp_float_active .btn {
margin: 0 5px !important;
font-size: 15px !important;
padding: 10px 20px !important;
line-height: 18px !important;
}
.atbd_post_draft {
padding-bottom: 80px;
}
.ads-advanced .atbd_seach_fields_wrapper .single_search_field {
margin-bottom: 10px !important;
margin-top: 0 !important;
}
.atbd-listing-tags .atbdb_content_module_contents ul li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
#directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline {
padding-right: 0;
}
} .adbdp-d-none {
display: none;
}
.atbdp-px-5 {
padding: 0 5px !important;
}
.atbdp-mx-5 {
margin: 0 5px !important;
}
.atbdp-form-actions {
margin: 30px 0;
text-align: center;
}
.atbdp-icon {
display: inline-block;
}
.atbdp-icon-large {
display: block;
margin-bottom: 20px;
font-size: 45px;
text-align: center;
}
@media (max-width: 400px) {
.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title .more-filter,
.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 {
margin-top: 3px;
margin-bottom: 3px;
}
.atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper,
.atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper {
left: -90px;
}
.atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_listing_info .atbd_listing_category .atbd_cat_popup .atbd_cat_popup_wrapper:before,
.atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before,
.atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before {
left: auto;
right: 15px;
}
.atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span {
display: block;
margin-right: 0;
padding-right: 0;
padding-left: 15px;
}
.atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span:after {
content: "-" !important;
right: auto;
left: 0;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_saved_items_wrapper .thumb_title .img_wrapper img {
max-width: none;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap,
.atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap {
right: -40px;
}
}
@media (max-width: 340px) {
.atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown {
margin-top: 3px;
margin-bottom: 3px;
}
.atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown + .dropdown {
margin-left: 0;
}
.atbd-listing-tags .atbdb_content_module_contents ul li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media only screen and (max-width: 1199px) {
.directorist-search-contents .directorist-search-form-top {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.directorist-search-contents .directorist-search-form-top .directorist-search-form-action {
margin-top: 15px;
margin-bottom: 15px;
}
.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;
}
}
@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;
}
}
@media only screen and (max-width: 479px) {
.directorist-user-dashboard-tab .directorist-user-dashboard-search {
margin-left: 0;
margin-top: 30px;
}
}
@media only screen and (max-width: 375px) {
.directorist-user-dashboard-tab ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
}
.directorist-user-dashboard-tab ul li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.directorist-user-dashboard-tab ul li a {
padding-bottom: 5px;
}
.directorist-user-dashboard-tab .directorist-user-dashboard-search {
margin-left: 0;
}
.directorist-author-profile-wrap .directorist-author-avatar {
display: block;
}
.directorist-author-profile-wrap .directorist-author-avatar img {
margin-bottom: 15px;
}
.directorist-author-profile-wrap .directorist-author-avatar {
text-align: center;
}
.directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info {
text-align: center;
}
.directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info p {
text-align: center;
}
.directorist-author-profile-wrap .directorist-author-avatar img {
margin-right: 0;
display: inline-block;
}
}