.mapbox {aspect-ratio: 16/9;background: var(--color3);margin-bottom: 2rem;position: relative;display: flex;align-items: center;justify-content: center; } @media (max-width: 991.98px) {.mapbox {aspect-ratio: 2/1;} } @media (max-width: 767.98px) {.mapbox {aspect-ratio: 1/1;} } .leaflet-popup-content h1, .leaflet-popup-content .h1 {padding: 0;font-size: 1.4285714286rem;text-align: left; } .leaflet-control-attribution svg {display: none !important; } .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: 25rem; } @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: space-between; } .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); } @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(var(--light), 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 {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(var(--light), 0.7);height: 27rem;padding-bottom: 4rem; } @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;} }