.container.sellermap {max-width: 1920px;margin-left: auto;margin-right: auto; } .container.sellermap .nav-tabs {gap: 0.3571428571rem; } .container.sellermap .nav-tabs .nav-link {flex-grow: 1;flex-basis: 0;text-align: center;font-size: 1.4285714286rem; } .container.sellermap .nav-tabs .nav-link.active {background: var(--primary);font-weight: bold; } .mapbox {aspect-ratio: 2/1;background: #ccc;margin-bottom: 1.1428571429rem;position: relative;height: auto;border: 1.4285714286rem solid var(--light); } @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 h1, .leaflet-popup-content .h1 {padding: 0;font-size: 1.4285714286rem;text-align: left;margin: 0; } .leaflet-popup-content p {margin: 0; } .leaflet-control-attribution svg {display: none !important; } .search {padding: 1.4285714286rem;background: var(--light); } .search h1, .search .h1 {text-align: center; } .search .col {padding-bottom: 1.1428571429rem; } .search .btn {text-transform: uppercase;font-weight: 700;height: 4.0714285714rem;padding-left: 2.5rem;padding-right: 2.5rem;box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);font-size: 1.2857142857rem; } .search .form-control, .search .custom-select {font-size: 1.2857142857rem;color: #031965;padding: 1.9285714286rem;height: 4.0714285714rem; } .search .custom-select {padding: 0 1.1428571429rem;width: 100%; } .search h2 {font-size: 2rem;text-align: center; } .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: 1.0714285714rem; } @media (max-width: 991.98px) {.search .search-mark .form-group label.custom-control-label {font-size: 1.2857142857rem;} } .search .search-mark .form-group label:not(.custom-control-label) {flex-basis: 100%;flex-shrink: 0;flex-grow: 0;font-size: 2rem;text-align: center;text-transform: uppercase;font-weight: 600; } .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 {position: relative; } .sellers .col-card {position: static; } .sellers .col-card .btn {box-shadow: none !important; } .sellers .col-card .card {background: var(--light);border: 0;position: relative;box-shadow: none;height: 21.4285714286rem; } @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-map {display: flex;justify-content: flex-end;flex-direction: column; } .sellers .col-card .card .btn-map {text-align: center;line-height: 1.2;display: flex;flex-direction: column;align-items: center; } .sellers .col-card .card .btn-map svg {color: var(--primary);width: 2.8571428571rem;height: 2.8571428571rem; } .sellers .col-card .card .btn-map .card-text {font-size: 1rem; } .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, .sellers .col-card .card-text, .sellers .col-card .card-link {text-transform: uppercase; } .sellers .col-card .card-title {font-weight: 900; } .sellers .col-card .card-text {font-weight: 700; } @media (max-width: 991.98px) {.sellers .col-card .card-text {font-size: 1.0714285714rem;} } .sellers .col-card .card-link {font-weight: 700;font-size: 1.4285714286rem;color: var(--primary);padding: 0;display: inline-flex;align-items: center; } .sellers .col-card .card-link:hover {color: var(--link-hover-color); } .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: 1.0714285714rem;} } .sellers .col-card .card-link svg {width: 1.4285714286rem;height: 1.4285714286rem;position: relative;top: -0.1428571429rem; } @media (max-width: 991.98px) {.sellers .col-card .card-link svg {width: 1.0714285714rem;height: 1.0714285714rem;} } .sellers .col-card .card-detail {display: none;position: absolute;background: rgba(226, 226, 226, 0.7);padding: 2.1428571429rem;width: calc(100% - 16px);left: 0.5714285714rem;height: 29.1428571429rem; } @media only screen and (max-width: 767px) {.sellers .col-card .card-detail {position: unset;width: 100%;} } .sellers .col-card .card-detail .detail-contact {display: flex;flex-direction: column;gap: 0.3571428571rem; } @media only screen and (max-width: 575px) {.sellers .col-card .card-detail .detail-contact {margin-bottom: 2.1428571429rem;} } .sellers .col-card .card-detail .detail-contact .btn {background: var(--white);align-items: center;padding: 0.3571428571rem 1.0714285714rem;gap: 0.7142857143rem;display: inline-flex;flex-direction: row;max-width: 80%; } @media (max-width: 1919.98px) {.sellers .col-card .card-detail .detail-contact .btn {padding: 0.2142857143rem 1.0714285714rem;max-width: 100%;} } .sellers .col-card .card-detail .detail-contact .btn svg {color: var(--primary);width: 1.5714285714rem;height: 1.5714285714rem; } .sellers .col-card .card-detail .detail-contact .btn:hover {color: var(--link-hover-color); } .sellers .col-card .card-detail .detail-contact .btn:hover svg {color: var(--link-hover-color); } .sellers .col-card .card-detail ul {list-style: none;padding-left: 0; } @media (min-width: 768px) {.sellers .col-card.show {margin-bottom: 29.1428571429rem;} } .sellers .col-card.show .card {background: rgba(226, 226, 226, 0.7);height: 22.5714285714rem;padding-bottom: 2.2857142857rem; } @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;} }