.container.sellermap {margin-left: auto;margin-right: auto;padding-bottom: 4rem; } .container.sellermap .nav-tabs {gap: 0.5555555556rem;margin-bottom: 0.6666666667rem;border: 0; } .container.sellermap .nav-tabs .nav-link {display: flex;align-items: center;justify-content: center;flex-grow: 1;flex-basis: 0;min-height: 3rem;padding: 0.6666666667rem 1rem;color: var(--primary);background: var(--white);border: 1px solid var(--gray-300);border-radius: 0;text-align: center;font-size: 0.8888888889rem;font-weight: 700; } .container.sellermap .nav-tabs .nav-link.active {color: var(--primary);background: var(--secondary);border-color: var(--secondary); } .container.sellermap .nav-tabs .nav-link:hover {border-color: var(--secondary); } .mapbox {aspect-ratio: 2/1;background: #ccc;margin-bottom: 1.5rem;position: relative;height: auto;overflow: hidden;border: 1px solid var(--gray-300); } @media (max-width: 767.98px) {.mapbox {aspect-ratio: 1/1;} } .mapbox .spinner-border {position: absolute;left: 50%;z-index: 1000;top: 50%; } .leaflet-popup-content {min-width: 11.1111111111rem; } .leaflet-popup-content h1, .leaflet-popup-content .h1 {padding: 0;font-size: 1.1111111111rem;text-align: left;margin: 0; } .leaflet-popup-content p {margin: 0; } .leaflet-control-attribution svg {display: none !important; } .search {margin-bottom: 1.5rem;padding: 1.7777777778rem;background: var(--primary); } .search h1, .search .h1 {color: var(--white);text-align: left; } .search .col {padding-bottom: 0.8888888889rem; } .search .btn {display: inline-flex;align-items: center;justify-content: center;gap: 0.4444444444rem;width: 100%;min-height: 2.7777777778rem;height: 2.7777777778rem;padding: 0.6666666667rem 1.5555555556rem;color: var(--primary);background: var(--secondary);border-color: var(--secondary);box-shadow: none;font-size: 0.8333333333rem;font-weight: 700;text-transform: none; } .search .btn:hover {color: var(--white);background: transparent;border-color: var(--secondary); } .search .form-control, .search .custom-select {width: 100%;height: 2.7777777778rem;padding: 0 0.8888888889rem;color: var(--primary);background-color: var(--white);border: 1px solid var(--gray-300);border-radius: 0;font-size: 0.8333333333rem; } .search h2 {margin-bottom: 1.3333333333rem;color: var(--white);font-size: 1.5555555556rem;text-align: left;text-transform: none; } @media (max-width: 767.98px) {.search {padding: 1.3333333333rem;} } .search .search-mark .form-group {display: flex;flex-direction: row;flex-wrap: wrap; } .search .search-mark .form-group label.custom-control-label {color: var(--black) !important;text-transform: uppercase;font-weight: 500;font-size: 0.8333333333rem; } @media (max-width: 991.98px) {.search .search-mark .form-group label.custom-control-label {font-size: 1rem;} } .search .search-mark .form-group label:not(.custom-control-label) {flex-basis: 100%;flex-shrink: 0;flex-grow: 0;font-size: 1.9444444444rem;text-align: center;text-transform: uppercase;font-weight: 900; } .search .search-mark .form-group .custom-checkbox {flex-basis: 50%;flex-grow: 0;flex-shrink: 0; } @media (min-width: 576px) {.search .search-mark .form-group .custom-checkbox {flex-basis: 50%;} } @media (min-width: 768px) {.search .search-mark .form-group .custom-checkbox {flex-basis: 33.333%;} } @media (min-width: 992px) {.search .search-mark .form-group .custom-checkbox {flex-basis: 25%;} } .sellers {--seller-detail-gap: 0.6666666667rem;position: relative;align-items: flex-start;margin-right: -0.3333333333rem;margin-left: -0.3333333333rem; } .sellers .col-card {position: static;padding-right: 0.3333333333rem;padding-bottom: 0.6666666667rem;padding-left: 0.3333333333rem; } .sellers .col-card .btn {box-shadow: none !important; } .sellers .col-card .card {position: relative;height: 13.3333333333rem;padding: 1.4444444444rem;background: var(--white);border: 1px solid var(--gray-300);border-radius: 0;box-shadow: none;transition: border-color 0.2s ease, box-shadow 0.2s ease; } .sellers .col-card .card:hover {border-color: var(--secondary);box-shadow: 0 1rem 2.7777777778rem -1.6666666667rem rgba(9, 9, 9, 0.28); } @media only screen and (max-width: 767px) {.sellers .col-card .card {min-height: 0;} } .sellers .col-card .card .row {flex-grow: 1; } .sellers .col-card .card .col-address {display: flex;flex-direction: column;justify-content: flex-end; } .sellers .col-card .card .col-address .card-text {font-size: 0.8888888889rem;line-height: 1.6; } .sellers .col-card .card .col-map {display: flex;justify-content: flex-end;flex-direction: column; } .sellers .col-card .card .btn-map {display: flex;flex-direction: column;align-items: center;gap: 0.4444444444rem;padding: 0.4444444444rem;color: var(--primary);line-height: 1.2;text-align: center; } .sellers .col-card .card .btn-map svg {color: var(--primary);width: 1.7777777778rem;height: 1.7777777778rem; } .sellers .col-card .card .btn-map .card-text {margin: 0;font-size: 0.6666666667rem; } .sellers .col-card .card .btn-map:hover {color: var(--link-hover-color); } .sellers .col-card .card .btn-map:hover svg {color: var(--link-hover-color); } .sellers .col-card .card-title {margin: 0;color: var(--primary);font-size: 1.1111111111rem;font-style: normal;font-weight: 700;line-height: 1.25;text-transform: none; } .sellers .col-card .card-text {margin: 0;color: var(--gray-600);font-size: 0.7777777778rem;font-weight: 600;line-height: 1.5;text-transform: none; } @media (max-width: 991.98px) {.sellers .col-card .card-text {font-size: 0.8333333333rem;} } .sellers .col-card .card-link {display: inline-flex;align-items: center;min-height: 2.3333333333rem;margin-top: 0.7777777778rem;padding: 0.5555555556rem 0.7777777778rem;color: var(--primary);background: var(--secondary);font-size: 0.7777777778rem;font-weight: 700;text-transform: none; } .sellers .col-card .card-link:hover {color: var(--white);background: var(--primary); } .sellers .col-card .card-link.collapsed .more {display: block; } .sellers .col-card .card-link.collapsed .less {display: none; } .sellers .col-card .card-link:not(.collapsed) .more {display: none; } .sellers .col-card .card-link:not(.collapsed) .less {display: block; } @media (max-width: 991.98px) {.sellers .col-card .card-link {font-size: 0.8333333333rem;} } .sellers .col-card .card-link svg {width: 1.1111111111rem;height: 1.1111111111rem;position: relative;top: -0.1111111111rem; } @media (max-width: 991.98px) {.sellers .col-card .card-link svg {width: 0.8333333333rem;height: 0.8333333333rem;} } .sellers .col-card .card-detail {display: none;position: absolute;padding: 2.8888888889rem 2.4444444444rem;width: calc(100% - 16px);top: var(--seller-detail-top, 14rem);left: 0.4444444444rem;height: 22.6666666667rem;overflow: auto;color: var(--white);background: var(--primary);border: 1px solid var(--primary);border-top: 0.2222222222rem solid var(--secondary);box-shadow: 0 1rem 2.7777777778rem -1.6666666667rem rgba(9, 9, 9, 0.28); } .sellers .col-card .card-detail h4 {margin-bottom: 1.3333333333rem;color: color-mix(in srgb, var(--white) 75%, transparent);font-size: 0.9444444444rem;font-style: normal;font-weight: 500;line-height: 1.55; } .sellers .col-card .card-detail .card-title {color: var(--white); } .sellers .col-card .card-detail .card-text {color: color-mix(in srgb, var(--white) 75%, transparent); } @media only screen and (max-width: 767px) {.sellers .col-card .card-detail {position: unset;top: auto;width: 100%;padding: 2rem 1.3333333333rem;} } .sellers .col-card .card-detail .detail-contact {display: flex;flex-direction: column;gap: 0.2777777778rem; } @media only screen and (max-width: 575px) {.sellers .col-card .card-detail .detail-contact {margin-bottom: 1.6666666667rem;} } .sellers .col-card .card-detail .detail-contact .btn {display: inline-flex;align-items: center;flex-direction: row;gap: 0.5555555556rem;max-width: 80%;padding: 0.6666666667rem 0.7777777778rem;color: var(--white);background: color-mix(in srgb, var(--white) 8%, transparent);border: 1px solid color-mix(in srgb, var(--white) 18%, transparent);text-transform: none; } @media (max-width: 1919.98px) {.sellers .col-card .card-detail .detail-contact .btn {padding: 0.5555555556rem 0.8333333333rem;max-width: 100%;} } .sellers .col-card .card-detail .detail-contact .btn svg {color: var(--secondary);width: 1.2222222222rem;height: 1.2222222222rem; } .sellers .col-card .card-detail .detail-contact .btn:hover {color: var(--primary);background: var(--secondary);border-color: var(--secondary); } .sellers .col-card .card-detail .detail-contact .btn:hover svg {color: var(--primary); } .sellers .col-card .card-detail ul {margin: 0;list-style: none;padding-left: 0; } @media (min-width: 768px) {.sellers .col-card.show {margin-bottom: 23.3333333333rem;} } .sellers .col-card.show .card {height: 13.3333333333rem;color: var(--white);background: var(--primary);border-color: var(--secondary); } .sellers .col-card.show .card .card-title {color: var(--white); } .sellers .col-card.show .card .card-text {color: color-mix(in srgb, var(--white) 75%, transparent); } .sellers .col-card.show .card .btn-map {color: var(--white); } .sellers .col-card.show .card .btn-map svg {color: var(--secondary); } .sellers .col-card.show .card .card-link {color: var(--primary);background: var(--secondary); } .sellers .col-card.show .card .card-link:hover {color: var(--primary);background: var(--white); } @media (max-width: 767.98px) {.sellers .col-card.show .card {height: auto;} } .sellers .col-card.show .card-detail {display: block; } @media (max-width: 767.98px) {.sellers .col-card.show .card-detail {height: auto;margin-top: 0.6666666667rem;} }