/* Conteneur principal */.com-gmapfp-category-blog__item {display: flex;flex-direction: column;flex: 0 0 200px;max-width: 200px;box-sizing: border-box;will-change: transform;width: 200px;background:#fff;border-radius:12px;overflow:hidden;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,0.1);margin:20px auto;} /* Image et dégradé */ .com-gmapfp-category-blog__item .img { position: relative; width: 100%; height: 180px; overflow: hidden; } .com-gmapfp-category-blog__item .img img { width: 100%; height: 100%; object-fit: cover; } .com-gmapfp-category-blog__item .img::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(transparent, rgba(0,0,0,0.45)); } /* Titre sous l’image */ .com-gmapfp-category-blog__item .link_title { padding: 10px 8px; } .com-gmapfp-category-blog__item .link_title h2 { font-size: 1.1rem; font-weight: 600; margin: 0; } .com-gmapfp-category-blog__item .link_title h2 a { color: #222; text-decoration: none; } /* Bloc infos (téléphone + carte) */ .com-gmapfp-category-blog__item .row &gt; .col-md-8, .com-gmapfp-category-blog__item .row &gt; .col-md-4 { display: block; width: 100%; margin-top: 8px; } .com-gmapfp-category-blog__item .custom_field_2, .com-gmapfp-category-blog__item .custom_field_4 { display: flex; align-items: center; justify-content: center; margin-bottom: 4px; } .com-gmapfp-category-blog__item .custom_field_2 svg, .com-gmapfp-category-blog__item .custom_field_4 svg { width: 16px; height: 16px; margin-right: 6px; } .com-gmapfp-category-blog__item .gmapfpiconmap .map.btn { display: block; width: 80%; margin: 8px auto 0; padding: 6px 8px; background: #12569A; color: #fff; border: none; border-radius: 8px; cursor: pointer; text-align: center; } .com-gmapfp-category-blog__item .gmapfpiconmap .map.btn:hover { background: #0e477e; } /* thumb */.com-gmapfp-item.item-page .gmapfp-thumbnail.img-thumbnail{padding: 0; border: none; border-radius: 0px !important;} .com-gmapfp-category-blog__item.blog-item .item-image{ margin: 0;}
@media only all and (min-width: 48rem) and (max-width: 74.99rem) {
    .row {--bs-gutter-x: 1.5rem;margin-left: calc(var(--bs-gutter-x) * -.5) !important;}
}