/*
 * Petal It Florist Map 1.7.6: styles for the pif_gallery shortcode.
 * Loaded only on pages where the shortcode renders. Every selector is scoped
 * under .pif-gx (the pattern's wrapper group) so nothing else on the page,
 * Divi included, is affected.
 */
.pif-gx{text-align:left}
.pif-gx p{padding-bottom:0}
.pif-gx .pif-btn .wp-block-button__link{background:#3e7a1c!important;color:#fff!important;border-radius:9999px!important;font-weight:700!important;font-size:15px!important;padding:12px 24px!important;line-height:24px!important;text-decoration:none!important}
.pif-gx .pif-btn .wp-block-button__link:hover{background:#2f5f15!important}
.pif-gx .pif-btn .wp-block-button__link:focus-visible{outline:3px solid #7E1286;outline-offset:3px}
.pif-gx .pif-dir-cta{justify-content:center;margin:0 0 8px!important}
.pif-gx .pif-stats-band{border-radius:10px;margin:0 0 8px!important}
.pif-gx .pif-stats-band h3{margin:0 0 1.25rem!important;padding:0!important;font-size:28px!important;line-height:1.25!important;font-weight:700!important}
.pif-gx .pif-stats-band .pif-stats{margin-bottom:0!important}
.pif-gx .pif-stats-band .pif-stat-number,.pif-gx .pif-stats-band .pif-stat-label{padding-bottom:0!important}
.pif-gx .pif-stats-band .pif-stats .wp-block-column+.wp-block-column{border-left:1px solid rgba(255,255,255,.35)}
.pif-gx .pif-gal-head{display:flex!important;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin:40px 0 20px!important}
.pif-gx .pif-gal-count{margin:0!important;padding:0!important;font-size:14px;color:#666}
.pif-gx .pif-gallery.wp-block-gallery.has-nested-images{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:300px!important;gap:12px!important;background:#fff!important;padding:0!important;margin:0 0 32px!important}
.pif-gx .pif-gallery.wp-block-gallery.has-nested-images figure.wp-block-image{width:auto!important;max-width:none!important;margin:0!important;display:flex!important;flex-direction:column!important;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #e3e8dd}
.pif-gx .pif-gallery.wp-block-gallery.has-nested-images figure.wp-block-image:first-child{grid-column:span 2;grid-row:span 2}
.pif-gx .pif-gallery.wp-block-gallery.has-nested-images figure.wp-block-image::before{display:none!important;content:none!important}
.pif-gx .pif-gallery.wp-block-gallery.has-nested-images figure.wp-block-image img{flex:1 1 0!important;min-height:0!important;width:100%!important;height:auto!important;object-fit:cover!important;object-position:center 30%!important;border-radius:0!important}
.pif-gx .pif-gallery.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{flex:none!important;position:static!important;background:#fff!important;color:#333!important;text-shadow:none!important;text-align:left!important;padding:10px 14px!important;margin:0!important;max-height:none!important;overflow:visible!important;font-size:12px!important;line-height:1.4!important;-webkit-mask-image:none!important;mask-image:none!important;backdrop-filter:none!important}
.pif-gx .pif-gallery figcaption .pif-shop{font-size:14px;font-weight:700;color:#333}
.pif-gx .pif-gallery figure:first-child figcaption{padding:14px 18px!important}
.pif-gx .pif-gallery figure:first-child figcaption .pif-shop{font-size:16px}
.pif-gx .pif-gallery figcaption .pif-loc{color:#666}
.pif-gx .pif-gallery img:focus-visible,.pif-gx .pif-gallery .lightbox-trigger:focus-visible{outline:3px solid #7E1286!important;outline-offset:-3px!important}
@media (max-width:780px){
.pif-gx .pif-gallery.wp-block-gallery.has-nested-images{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:220px!important;gap:8px!important}
.pif-gx .pif-gallery.wp-block-gallery.has-nested-images figure.wp-block-image:first-child{grid-column:span 2;grid-row:span 2}
.pif-gx .pif-stats-band h3{font-size:24px!important}
}
@media (max-width:480px){
.pif-gx .pif-gallery.wp-block-gallery.has-nested-images{grid-auto-rows:190px!important}
.pif-gx .pif-stats-band .pif-stats .wp-block-column+.wp-block-column{border-left:0}
}
