diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index a74e7404e9..adf1911ce2 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -10905,7 +10905,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } /* Archive header bar contents */ -.directorist-content-active .directorist-header-bar { +.directorist-content-active .directorist-archive-contents__top .directorist-header-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -10913,9 +10913,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di margin: 30px 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-header-bar { + .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; diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index e194eb4c14..2d51eefa12 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -10905,7 +10905,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } /* Archive header bar contents */ -.directorist-content-active .directorist-header-bar { +.directorist-content-active .directorist-archive-contents__top .directorist-header-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -10913,9 +10913,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di margin: 30px 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-header-bar { + .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; diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 9f90e9a70b..44dd0b2662 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -10905,7 +10905,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } /* Archive header bar contents */ -.directorist-content-active .directorist-header-bar { +.directorist-content-active .directorist-archive-contents__top .directorist-header-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -10913,9 +10913,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di margin: 30px 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-header-bar { + .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; diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index e194eb4c14..2d51eefa12 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -10905,7 +10905,7 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di } /* Archive header bar contents */ -.directorist-content-active .directorist-header-bar { +.directorist-content-active .directorist-archive-contents__top .directorist-header-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -10913,9 +10913,12 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di margin: 30px 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-header-bar { + .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; diff --git a/assets/src/scss/component/_archive.scss b/assets/src/scss/component/_archive.scss index 5354d9a12e..2200204908 100644 --- a/assets/src/scss/component/_archive.scss +++ b/assets/src/scss/component/_archive.scss @@ -1,615 +1,621 @@ /* All listing archive page styles */ .directorist-archive-contents { + .directorist-archive-items .directorist-pagination { + margin-top: 35px; + justify-content: flex-end; + } + .listing-with-sidebar .directorist-pagination { + justify-content: flex-end; + } + .gm-style-iw-t { + bottom: 48px !important; + } + .gm-style-iw-tc { + display: none; + } - .directorist-archive-items .directorist-pagination { - margin-top: 35px; - justify-content: flex-end; - } - .listing-with-sidebar .directorist-pagination { - justify-content: flex-end; - } - .gm-style-iw-t { - bottom: 48px !important; - } - .gm-style-iw-tc { - display: none; - } - - @media screen and (max-width: 575px) { - .directorist-archive-contents__top { - padding: 15px 20px 0; - .directorist-type-nav { - margin: 0 0 25px; - } - } - .directorist-type-nav__link .directorist-icon-mask { - display: none; - } - } + @media screen and (max-width: 575px) { + .directorist-archive-contents__top { + padding: 15px 20px 0; + .directorist-type-nav { + margin: 0 0 25px; + } + } + .directorist-type-nav__link .directorist-icon-mask { + display: none; + } + } } /* Directory type nav */ .directorist-type-nav { - @include e(link) { - position: relative; - display: flex; - align-items: center; - flex-direction: column; - font-size: 15px; - font-weight: 500; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - border-bottom: 2px solid transparent; - color: var(--directorist-color-body); - &:hover { - color: var(--directorist-color-primary); - .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); - } - } - &:focus { - background-color: transparent; - } - .directorist-icon-mask{ - display: inline-block; - margin: 0 0 7px; - &::after{ - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); - } - } - } - - @include e(list) { - display: flex; - justify-content: center; - align-items: flex-end; - flex-wrap: wrap; - gap: 25px; - padding: 0; - margin: 0; - list-style-type: none; - overflow-x: auto; - scrollbar-width: thin; + @include e(link) { + position: relative; + display: flex; + align-items: center; + flex-direction: column; + font-size: 15px; + font-weight: 500; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + border-bottom: 2px solid transparent; + color: var(--directorist-color-body); + &:hover { + color: var(--directorist-color-primary); + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); + } + } + &:focus { + background-color: transparent; + } + .directorist-icon-mask { + display: inline-block; + margin: 0 0 7px; + &::after { + width: 20px; + height: 20px; + background-color: var(--directorist-color-body); + } + } + } - @media only screen and (max-width: 767px) { - overflow-x: auto; - flex-wrap: nowrap; - } - @media only screen and (max-width: 575px) { - justify-content: flex-start; - } + @include e(list) { + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + gap: 25px; + padding: 0; + margin: 0; + list-style-type: none; + overflow-x: auto; + scrollbar-width: thin; - &::-webkit-scrollbar { - display: none; - } + @media only screen and (max-width: 767px) { + overflow-x: auto; + flex-wrap: nowrap; + } + @media only screen and (max-width: 575px) { + justify-content: flex-start; + } - li { - flex: none; - margin: 0; - list-style: none; - line-height: 1; - } + &::-webkit-scrollbar { + display: none; + } - a { - text-decoration: unset; - } + li { + flex: none; + margin: 0; + list-style: none; + line-height: 1; + } - @include e(current) { - .directorist-type-nav__link { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); - } - .directorist-icon-mask::after{ - background-color: var(--directorist-color-primary); - } - } + a { + text-decoration: unset; + } - } + @include e(current) { + .directorist-type-nav__link { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + } + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); + } + } + } } /* Archive header bar contents */ .directorist-content-active { - .directorist-header-bar { - display: flex; - margin: 30px 0; - @media screen and (max-width: 575px) { - display: none; - } - } + .directorist-archive-contents__top { + .directorist-header-bar { + display: flex; + margin: 30px 0; + @media screen and (max-width: 575px) { + .directorist-listings-header { + .directorist-modal-btn--full { + display: none; + } + } + .directorist-container-fluid { + padding: 0; + } + } + } + } - .directorist-listings-header { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; - gap: 15px; - width: 100%; + .directorist-listings-header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px; + width: 100%; - .directorist-dropdown .directorist-dropdown__links { - top: 42px; - } + .directorist-dropdown .directorist-dropdown__links { + top: 42px; + } - .directorist-header-found-title { - margin: 0; - padding: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } + .directorist-header-found-title { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + } - @include e(left) { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 15px; - .directorist-filter-btn { - display: flex; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light); - border: 2px solid var(--directorist-color-white); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - transition: all ease 0.3s; - .directorist-icon-mask::after{ - width: 14px; - height: 14px; - margin-right: 2px; - } - &:hover { - background-color: var(--directorist-color-gray); - } - } - } + @include e(left) { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; + .directorist-filter-btn { + display: flex; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + transition: all ease 0.3s; + .directorist-icon-mask::after { + width: 14px; + height: 14px; + margin-right: 2px; + } + &:hover { + background-color: var(--directorist-color-gray); + } + } + } - @include e(right) { - display: flex; - flex-wrap: wrap; - gap: 10px; + @include e(right) { + display: flex; + flex-wrap: wrap; + gap: 10px; - .directorist-dropdown .directorist-dropdown__links__single { - cursor: pointer; + .directorist-dropdown .directorist-dropdown__links__single { + cursor: pointer; - &:hover { - background-color: var(--directorist-color-light); - } - } - } - } + &:hover { + background-color: var(--directorist-color-light); + } + } + } + } - .directorist-archive-items { - display: flex; - flex-direction: column; - .directorist-archive-notfound { - padding: 15px 0; - } - } + .directorist-archive-items { + display: flex; + flex-direction: column; + .directorist-archive-notfound { + padding: 15px 0; + } + } } .directorist-viewas { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 8px; - @include e(item) { - display: flex; - justify-content: center; - align-items: center; - box-sizing: border-box; - width: 40px; - height: 40px; - border-radius: 8px; - border: 2px solid var(--directorist-color-white); - background-color: var(--directorist-color-light); - i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); - } - &.active { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); - i::after { - background-color: var(--directorist-color-white); - } - } - @include m('list'){ - @media only screen and (max-width: 575px){ - display: none; - } - } - } + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; + @include e(item) { + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 40px; + height: 40px; + border-radius: 8px; + border: 2px solid var(--directorist-color-white); + background-color: var(--directorist-color-light); + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); + } + &.active { + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); + i::after { + background-color: var(--directorist-color-white); + } + } + @include m("list") { + @media only screen and (max-width: 575px) { + display: none; + } + } + } } // Listing with Sidebar .listing-with-sidebar { - display: flex; - gap: 30px; - flex-wrap: wrap; - @media only screen and (max-width: 991px) { - flex-direction: column; - .directorist-advanced-filter__form { - width: 100%; - } - } - @media only screen and (max-width: 575px){ - .directorist-search-form__top{ - display: flex; - gap: 10px; - width: 100%; - margin: 0; - } - .directorist-search-form-action__submit { - display: block; - } - .listing-with-sidebar__header .directorist-header-bar{ - display: flex; - } - } - @include e('type-nav') { - flex: 0 0 100%; - margin: 0 0 30px; - .directorist-type-nav__list { - gap: 40px; - } - } - @include e(searchform) { - flex: 0 0 100%; - @media only screen and (max-width: 767px) { - .directorist-search-form__box { - padding: 15px; - } - } - @media only screen and (max-width: 575px) { - .directorist-search-form__box { - box-shadow: var(--directorist-box-shadow); - } - } - .directorist-search-form { - display: flex; - .directorist-filter-location-icon { - right: 15px; - top: unset; - transform: unset; - bottom: 8px; - } - } - .directorist-advanced-filter__form { - display: flex; - width: 100%; - gap: 20px; - @media only screen and (max-width: 767px) { - flex-direction: column; - } - } - .directorist-search-contents { - padding: 0; - } - .directorist-search-form-dropdown { - &.input-has-value, - &.input-is-focused { - .directorist-search-field__input { - bottom: 0; - } - } - } - .directorist-search-field-pricing, - .directorist-search-field-text_range, - .directorist-search-field-radius_search { - > label { - display: block; - font-size: 14px; - font-weight: 500; - margin-bottom: 15px; - } + display: flex; + gap: 30px; + flex-wrap: wrap; + @media only screen and (max-width: 991px) { + flex-direction: column; + .directorist-advanced-filter__form { + width: 100%; + } + } + @media only screen and (max-width: 575px) { + .directorist-search-form__top { + display: flex; + gap: 10px; + width: 100%; + margin: 0; + } + .directorist-search-form-action__submit { + display: block; + } + .listing-with-sidebar__header .directorist-header-bar { + display: flex; + } + } + @include e("type-nav") { + flex: 0 0 100%; + margin: 0 0 30px; + .directorist-type-nav__list { + gap: 40px; + } + } + @include e(searchform) { + flex: 0 0 100%; + @media only screen and (max-width: 767px) { + .directorist-search-form__box { + padding: 15px; + } + } + @media only screen and (max-width: 575px) { + .directorist-search-form__box { + box-shadow: var(--directorist-box-shadow); + } + } + .directorist-search-form { + display: flex; + .directorist-filter-location-icon { + right: 15px; + top: unset; + transform: unset; + bottom: 8px; + } + } + .directorist-advanced-filter__form { + display: flex; + width: 100%; + gap: 20px; + @media only screen and (max-width: 767px) { + flex-direction: column; + } + } + .directorist-search-contents { + padding: 0; + } + .directorist-search-form-dropdown { + &.input-has-value, + &.input-is-focused { + .directorist-search-field__input { + bottom: 0; + } + } + } + .directorist-search-field-pricing, + .directorist-search-field-text_range, + .directorist-search-field-radius_search { + > label { + display: block; + font-size: 14px; + font-weight: 500; + margin-bottom: 15px; + } + } + } + @include e(header) { + flex: 0 0 100%; + .directorist-header-bar { + margin: 0; + } + .directorist-container-fluid { + padding: 0; + } + .directorist-archive-sidebar-toggle { + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + display: none; + .directorist-icon-mask { + margin-right: 5px; + &::after { + width: 14px; + height: 14px; + } + } + @media only screen and (max-width: 991px) { + display: inline-flex; + align-items: center; + } + @include m("active") { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } - } - @include e(header) { - flex: 0 0 100%; - .directorist-header-bar { - margin: 0; - } - .directorist-container-fluid { - padding: 0; - } - .directorist-archive-sidebar-toggle{ - width: auto; - padding: 0 20px; - font-size: 14px; - font-weight: 400; - min-height: 40px; - padding: 0 20px; - border-radius: 8px; - text-transform: capitalize; - text-decoration: none !important; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); - border: 2px solid var(--directorist-color-white); - display: none; - .directorist-icon-mask{ - margin-right: 5px; - &::after{ - width: 14px; - height: 14px; - } - } - @media only screen and (max-width: 991px) { - display: inline-flex; - align-items: center; - } - @include m('active'){ - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - .directorist-icon-mask::after{ - background-color: var(--directorist-color-white); - } - } - } - .directorist-listings-header { - padding: 30px 0; - } - } - @include e(sidebar) { - display: inline-flex; - flex: 1; - height: 100%; - max-width: 350px; - .directorist-advanced-filter__close{ - display: none; - } + } + } + .directorist-listings-header { + padding: 30px 0; + } + } + @include e(sidebar) { + display: inline-flex; + flex: 1; + height: 100%; + max-width: 350px; + .directorist-advanced-filter__close { + display: none; + } - @media screen and (max-width: 1199px) { - max-width: 300px; - } - - @media only screen and (max-width: 991px) { - position: fixed; - left: -360px; - top: 0; - height: 100%; - z-index: 9999; - overflow: auto; - box-shadow: 0 10px 15px rgba(0,0,0,0.15); - visibility: hidden; - opacity: 0; - transition: 0.3s ease; + @media screen and (max-width: 1199px) { + max-width: 300px; + } - .directorist-search-form__box-wrap{ - padding-bottom: 30px; - } - .directorist-advanced-filter__close{ - display: flex; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: var(--directorist-color-light); - } + @media only screen and (max-width: 991px) { + position: fixed; + left: -360px; + top: 0; + height: 100%; + z-index: 9999; + overflow: auto; + box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15); + visibility: hidden; + opacity: 0; + transition: 0.3s ease; - } + .directorist-search-form__box-wrap { + padding-bottom: 30px; + } + .directorist-advanced-filter__close { + display: flex; + width: 40px; + height: 40px; + border-radius: 100%; + background-color: var(--directorist-color-light); + } + } - @include m(open){ - left: 0; - visibility: visible; - opacity: 1; - } + @include m(open) { + left: 0; + visibility: visible; + opacity: 1; + } - .directorist-form-group label { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - } - .directorist-search-contents { - padding: 0; - } - .directorist-search-basic-dropdown-content { - display: block !important; - } - .directorist-search-form__box { - padding: 0; - } - .directorist-search-field__input { - &.directorist-form-element { - padding-right: 20px; - } - } - .directorist-advanced-filter__top { - width: 100%; - padding: 25px 30px 20px; - border-bottom: 1px solid var(--directorist-color-light); - display: flex; - align-items: center; - justify-content: space-between; - box-sizing: border-box; - } - .directorist-advanced-filter__title { - margin: 0; - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); - } - .directorist-advanced-filter__advanced { - flex: 1; - box-sizing: border-box; - padding: 25px 30px 0; - } - .directorist-advanced-filter__advanced__element .directorist-search-field { - > label { - font-size: 16px; - font-weight: 500; - margin: 0; - } - &.directorist-search-field-radius_search, - &.directorist-search-field-price_range, - &.directorist-search-field-text_range { - > label { - margin-bottom: 15px; - } - } - .directorist-search-tags, - .directorist-search-review, - .directorist-radio-wrapper, - .directorist-checkbox-wrapper { - margin-top: 13px; - } - } - .directorist-form-group:last-child .directorist-search-field { - margin-bottom: 0; - } - .directorist-advanced-filter__action { - width: 100%; - flex-direction: column; - align-items: flex-start; - padding: 25px 30px 30px; - border-top: 1px solid var(--directorist-color-light); - box-sizing: border-box; - } - .directorist-search-modal__contents__footer { - position: relative; - background-color: transparent; - } - .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 10px; - text-align: center; - text-transform: none; - text-decoration: none; - cursor: pointer; - background-color: var(--directorist-color-light); - &:disabled { - opacity: 0.5; - cursor: not-allowed; - } - } - .directorist-btn-submit { - width: 100%; - } - .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 54px; - @media screen and (max-width: 575px) { - width: 100%; - } - } - .directorist-price-ranges__price-frequency__btn:last-child { - border: 0 none; - } - .directorist-checkbox-wrapper, - .directorist-radio-wrapper, - .directorist-search-tags { - flex-direction: column; + .directorist-form-group label { + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + } + .directorist-search-contents { + padding: 0; + } + .directorist-search-basic-dropdown-content { + display: block !important; + } + .directorist-search-form__box { + padding: 0; + } + .directorist-search-field__input { + &.directorist-form-element { + padding-right: 20px; + } + } + .directorist-advanced-filter__top { + width: 100%; + padding: 25px 30px 20px; + border-bottom: 1px solid var(--directorist-color-light); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + } + .directorist-advanced-filter__title { + margin: 0; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); + } + .directorist-advanced-filter__advanced { + flex: 1; + box-sizing: border-box; + padding: 25px 30px 0; + } + .directorist-advanced-filter__advanced__element .directorist-search-field { + > label { + font-size: 16px; + font-weight: 500; + margin: 0; + } + &.directorist-search-field-radius_search, + &.directorist-search-field-price_range, + &.directorist-search-field-text_range { + > label { + margin-bottom: 15px; } + } + .directorist-search-tags, + .directorist-search-review, + .directorist-radio-wrapper, + .directorist-checkbox-wrapper { + margin-top: 13px; + } + } + .directorist-form-group:last-child .directorist-search-field { + margin-bottom: 0; + } + .directorist-advanced-filter__action { + width: 100%; + flex-direction: column; + align-items: flex-start; + padding: 25px 30px 30px; + border-top: 1px solid var(--directorist-color-light); + box-sizing: border-box; + } + .directorist-search-modal__contents__footer { + position: relative; + background-color: transparent; + } + .directorist-btn-reset-js { + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 10px; + text-align: center; + text-transform: none; + text-decoration: none; + cursor: pointer; + background-color: var(--directorist-color-light); + &:disabled { + opacity: 0.5; + cursor: not-allowed; + } + } + .directorist-btn-submit { + width: 100%; + } + .directorist-price-ranges__price-frequency__btn .directorist-pf-range { + width: 54px; + @media screen and (max-width: 575px) { + width: 100%; + } + } + .directorist-price-ranges__price-frequency__btn:last-child { + border: 0 none; + } + .directorist-checkbox-wrapper, + .directorist-radio-wrapper, + .directorist-search-tags { + flex-direction: column; + } - &.right-sidebar-contents { - order: 2; - } + &.right-sidebar-contents { + order: 2; + } - .directorist-form-group { - &.directorist-search-field { - .directorist-search-field__label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - &.directorist-search-basic-dropdown-label { - position: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - i, - span { - display: none; - } - } - } - .directorist-search-field__input::placeholder { - opacity: 0; - transition: opacity 0.3s ease; - } - &.input-is-focused { - width: 100%; - display: inline-flex; - margin-top: 40px; - .directorist-search-field__label { - top: -35px; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0 0 10px; - z-index: 1; - } - .directorist-search-field__input { - bottom: 0; - width: 100%; - &::placeholder { - opacity: 1; - } - } - } - } - &.directorist-icon-right .directorist-input-icon { - right: 0; - } - &.directorist-icon-left .directorist-input-icon { - left: 0; - } - } - } - @include e(listing) { - display: inline-flex; - flex: 1; - padding: 0; - flex-wrap: wrap; - flex-direction: column; - .directorist-header-bar, - .directorist-archive-items { - width: 100%; - display: flex; - .directorist-container-fluid { - padding: 0; - } - } - .directorist-archive-items { - flex-direction: column; - } - .directorist-search-modal-advanced { - display: none; - } - } - @include e(contents) { - display: flex; - gap: 30px; - } - .directorist-search-form__top { - .directorist-search-field { - @media screen and (max-width: 575px) { - margin: 0 20px 0 0; - &.input-is-focued { - margin: 0 25px; - } - .directorist-filter-location-icon { - right: -15px; - } - } - } - } + .directorist-form-group { + &.directorist-search-field { + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + &.directorist-search-basic-dropdown-label { + position: unset; + transform: unset; + font-size: 16px; + font-weight: 500; + i, + span { + display: none; + } + } + } + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + &.input-is-focused { + width: 100%; + display: inline-flex; + margin-top: 40px; + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0 0 10px; + z-index: 1; + } + .directorist-search-field__input { + bottom: 0; + width: 100%; + &::placeholder { + opacity: 1; + } + } + } + } + &.directorist-icon-right .directorist-input-icon { + right: 0; + } + &.directorist-icon-left .directorist-input-icon { + left: 0; + } + } + } + @include e(listing) { + display: inline-flex; + flex: 1; + padding: 0; + flex-wrap: wrap; + flex-direction: column; + .directorist-header-bar, + .directorist-archive-items { + width: 100%; + display: flex; + .directorist-container-fluid { + padding: 0; + } + } + .directorist-archive-items { + flex-direction: column; + } + .directorist-search-modal-advanced { + display: none; + } + } + @include e(contents) { + display: flex; + gap: 30px; + } + .directorist-search-form__top { + .directorist-search-field { + @media screen and (max-width: 575px) { + margin: 0 20px 0 0; + &.input-is-focued { + margin: 0 25px; + } + .directorist-filter-location-icon { + right: -15px; + } + } + } + } } .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - @media only screen and (max-width: 991px) { - padding-top: 30px; - } - @media only screen and (max-width: 767px) { - padding-top: 46px; - } - @media only screen and (max-width: 600px) { - padding-top: 0; - } -} \ No newline at end of file + @media only screen and (max-width: 991px) { + padding-top: 30px; + } + @media only screen and (max-width: 767px) { + padding-top: 46px; + } + @media only screen and (max-width: 600px) { + padding-top: 0; + } +}