.container.sellermap {max-width: 1920px;margin-left: auto;margin-right: auto; } .mapbox {aspect-ratio: 3/1;background: #ccc;margin-bottom: 1rem;position: relative; } @media (max-width: 991.98px) {.mapbox {aspect-ratio: 2/1;} } @media (max-width: 650.98px) {.mapbox {aspect-ratio: 1/1;} } .leaflet-popup-content h1, .leaflet-popup-content .h1 {padding: 0;font-size: 1.125rem;white-space: nowrap;text-align: left; } .leaflet-control-attribution svg {display: none !important; } .search {padding: 1rem 1rem 0 1rem;margin-bottom: 1rem; } .search h1, .search .h1 {text-align: center; } .search .col {padding-bottom: 1rem; } .search .btn {text-transform: uppercase;font-weight: 700;padding-left: 1rem;padding-right: 1rem;border: solid 1px var(--white);flex-grow: 1; } .search .form-control, .search .custom-select {font-size: 1.125rem;color: #031965;padding: 1.6875rem; } .search .custom-select {padding: 1rem;width: 100%; } .sellers {position: relative; } .sellers .col-card {position: static; } .sellers .col-card .btn {box-shadow: none !important; } .sellers .col-card .card {background: #FAF5EC;border: 0;position: relative;box-shadow: none; } @media only screen and (max-width: 767px) {.sellers .col-card .card {min-height: 0;} } .sellers .col-card .card .col-address {display: flex;flex-direction: column;justify-content: space-between; } .sellers .col-card .card .col-map, .sellers .col-card .card .col-contact {display: flex;flex-direction: column;gap: 0.625rem; } .sellers .col-card .card .btn-map {text-align: center;line-height: 1.2;display: flex;flex-direction: column;align-items: center;padding: 0; } .sellers .col-card .card .btn-map svg {color: var(--primary);width: 2.5rem;height: 2.5rem; } .sellers .col-card .card .btn-map .card-text {font-size: 0.875rem; } .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-link {text-transform: uppercase; } .sellers .col-card .card-title {font-weight: 900; } .sellers .col-card .card-text {font-weight: 500; } @media (max-width: 991.98px) {.sellers .col-card .card-text {font-size: 0.9375rem;} } .sellers .col-card .card-link {font-weight: 700;font-size: 1.25rem;color: var(--primary);padding: 0;display: inline-flex;align-items: center; } .sellers .col-card .card-link:hover {color: var(--link-hover-color); } @media (max-width: 991.98px) {.sellers .col-card .card-link {font-size: 0.9375rem;} } .sellers .col-card .card-link svg {width: 1.25rem;height: 1.25rem;position: relative;top: -0.125rem; } @media (max-width: 991.98px) {.sellers .col-card .card-link svg {width: 0.9375rem;height: 0.9375rem;} } .sellers .col-card .card-detail {display: none;position: absolute;background: rgba(var(--light), 0.7);padding: 1.875rem;width: calc(100% - 16px);left: 0.5rem;height: 25.5rem; } @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.3125rem; } @media only screen and (max-width: 575px) {.sellers .col-card .card-detail .detail-contact {margin-bottom: 1.875rem;} } .sellers .col-card .card-detail .detail-contact .btn {align-items: center;padding: 0.3125rem 0.9375rem;gap: 0.625rem;display: inline-flex;flex-direction: row;max-width: 80%; } @media (max-width: 1299.98px) {.sellers .col-card .card-detail .detail-contact .btn {padding: 0.1875rem 0.9375rem;max-width: 100%;} } .sellers .col-card .card-detail .detail-contact .btn svg {color: var(--primary);width: 1.375rem;height: 1.375rem; } .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: 25.5rem;} } .sellers .col-card.show .card {background: rgba(var(--light), 0.7);height: 22.875rem;padding-bottom: 2.875rem; } @media (max-width: 650.98px) {.sellers .col-card.show .card {height: auto;} } .sellers .col-card.show .card-detail {display: block; } @media (max-width: 650.98px) {.sellers .col-card.show .card-detail {height: auto;} }