.map {aspect-ratio: 3/1;background: #ccc;margin-bottom: 2.5rem;position: relative; } @media (max-width: 991.98px) {.map {aspect-ratio: 2/1;} } @media (max-width: 767.98px) {.map {aspect-ratio: 1/1;} } .leaflet-popup-content h1, .leaflet-popup-content .h1 {padding: 0;font-size: 1.25rem;text-align: left; } .leaflet-control-attribution svg {display: none !important; } .sellers {position: relative; } .sellers .col-card {position: static; } .sellers .marker.show {margin-bottom: 25.8125rem; } @media only screen and (max-width: 767px) {.sellers .marker.show {margin-bottom: 0;} } .sellers .marker .card {background: var(--light);border: 0;position: relative;box-shadow: none;min-height: 15.625rem;padding-bottom: 0.625rem; } @media only screen and (max-width: 767px) {.sellers .marker .card {min-height: 0;} } .sellers .marker .card.show {background: rgba(var(--light), 0.7);height: 16.875rem; } @media (max-width: 991.98px) {.sellers .marker .card.show {height: auto;} } .sellers .marker .card .map-position {text-align: center; } .sellers .marker .card .map-position svg {color: var(--color1);width: 2.5rem;height: 2.5rem; } .sellers .marker .card .map-position .card-text {font-size: 0.875rem; } .sellers .marker .card-title, .sellers .marker .card-text, .sellers .marker .card-link {text-transform: uppercase; } .sellers .marker .card-title {font-weight: 900; } .sellers .marker .card-text {font-weight: 700; } @media (max-width: 991.98px) {.sellers .marker .card-text {font-size: 0.9375rem;} } .sellers .marker .img-card-detail {width: 100%;height: 100%;object-fit: cover; } .sellers .marker .card-link {font-weight: 700;font-size: 1.25rem;color: var(--color1);padding: 0;display: inline-flex;align-items: center; } @media (max-width: 991.98px) {.sellers .marker .card-link {font-size: 0.9375rem;} } .sellers .marker .card-link svg {width: 1.25rem;height: 1.25rem; } @media (max-width: 991.98px) {.sellers .marker .card-link svg {width: 0.9375rem;height: 0.9375rem;} } .sellers .marker .card-detail {display: none;position: absolute;background: rgba(var(--light), 0.7);padding: 1.875rem;width: calc(100% - 16px);left: 0.5rem;min-height: 25.5rem; } .sellers .marker .card-detail.show {display: block; } @media only screen and (max-width: 767px) {.sellers .marker .card-detail {position: unset;width: 100%;min-height: 0;} } .sellers .marker .card-detail .detail-contact {display: flex;flex-direction: column;gap: 0.3125rem; } @media only screen and (max-width: 575px) {.sellers .marker .card-detail .detail-contact {margin-bottom: 1.875rem;} } .sellers .marker .card-detail .detail-contact .btn {background: var(--white);align-items: center;padding: 0.3125rem 0.9375rem;gap: 0.625rem;display: inline-flex;flex-direction: row;max-width: 80%; } @media (max-width: 1451.98px) {.sellers .marker .card-detail .detail-contact .btn {padding: 0.1875rem 0.9375rem;max-width: 100%;} } .sellers .marker .card-detail .detail-contact .btn svg {color: var(--color1);width: 1.375rem;height: 1.375rem; } .sellers .marker .card-detail ul {list-style: none;padding-left: 0; } .sellers .marker .elan10 {position: absolute;right: -2.8125rem;top: -0.625rem;transform: rotate(45deg);width: 0;height: 0;border-left: 4.375rem solid transparent;border-right: 4.375rem solid transparent;border-bottom: 4.375rem solid var(--color1); } .sellers .marker .elan10:hover .title {display: block; } .sellers .marker .elan10 p {position: absolute;line-height: 1.3;top: 2.125rem;right: -2.3125rem;font-weight: 600;text-align: center;font-size: 0.625rem; } .sellers .marker .elan10 .title {position: absolute;background: var(--dark);color: var(--white);transform: rotate(-45deg);font-size: 0.625rem;padding: 0.3125rem;border-radius: 0.3125rem;top: 4.3125rem;right: -2rem;width: 9.375rem;display: none; }