.bella-map {
position: relative;
width: 100%;
height: var( --bella-map-h, 532px );
border-radius: var( --bella-map-radius, 20px );
overflow: hidden;
background: #eceadb;
}
.bella-map--dark {
background: #234d18;
} .bella-map__canvas,
.bella-map .maplibregl-map {
width: 100%;
height: 100%;
} @media ( min-width: 1025px ) { .kt-row-column-wrap:has( > .wp-block-kadence-column > .kt-inside-inner-col > .bella-map--fill ) {
align-content: stretch;
grid-auto-rows: minmax( 0, 1fr );
}
.wp-block-kadence-column:has( > .kt-inside-inner-col > .bella-map--fill ) {
align-self: stretch;
}
.kt-inside-inner-col:has( > .bella-map--fill ) {
height: 100%;
}
.bella-map--fill {
height: 100%;
min-height: var( --bella-map-h, 532px );
border-radius: var( --bella-map-radius, 20px ) 0 0 var( --bella-map-radius, 20px );
}
} .bella-map__placeholder {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
opacity: 1;
transition: opacity .35s ease;
background:
radial-gradient( circle at 50% 45%, rgba( 132, 162, 2, .10 ) 0%, rgba( 132, 162, 2, 0 ) 62% );
}
.bella-map.is-ready .bella-map__placeholder {
opacity: 0;
}
.bella-map.is-failed .bella-map__placeholder {
background: #eceadb;
} .bella-map .maplibregl-popup-content {
border-radius: 14px;
padding: 14px 16px;
font-family: inherit;
box-shadow: 0 8px 28px rgba( 0, 0, 0, .18 );
min-width: 190px;
}
.bella-map .maplibregl-popup-tip {
border-top-color: #fff;
border-bottom-color: #fff;
}
.bella-map__badge {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
background: #d4ee97;
color: #234d18;
border-radius: 999px;
padding: 3px 9px;
margin-bottom: 6px;
}
.bella-map__name {
font-weight: 800;
color: #234d18;
font-size: 16px;
line-height: 1.25;
margin-bottom: 2px;
}
.bella-map__address {
font-size: 13px;
color: #5f5c50;
line-height: 1.4;
margin-bottom: 4px;
}
.bella-map__hours {
font-size: 13px;
color: #234d18;
font-weight: 600;
margin-bottom: 8px;
}
.bella-map .maplibregl-popup-content .bella-map__link {
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.bella-map .maplibregl-popup-content .bella-map__link:hover,
.bella-map .maplibregl-popup-content .bella-map__link:focus {
text-decoration: underline;
} .bella-map .maplibregl-ctrl-group {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px rgba( 0, 0, 0, .14 );
} .bella-map .maplibregl-ctrl-attrib {
font-size: 11px;
} .bella-map__sr-list {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect( 0, 0, 0, 0 );
white-space: nowrap;
border: 0;
}
@media ( max-width: 767px ) {
.bella-map {
height: var( --bella-map-h-mobile, 408px );
} .bella-map .maplibregl-ctrl-attrib {
font-size: 10px;
}
.bella-map .maplibregl-ctrl-bottom-right {
max-width: 100%;
}
}
@media ( prefers-reduced-motion: reduce ) {
.bella-map__placeholder {
transition: none;
}
} .wp-block-bella-store-map .bella-map {
pointer-events: none;
}
.bella-map__editor-note {
font-size: 13px;
line-height: 1.5;
color: #50564a;
background: #f3f5ee;
border-left: 3px solid #84a202;
padding: 10px 14px;
margin: 0 0 10px;
border-radius: 0 8px 8px 0;
}.wp-block-kadence-iconlist ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){list-style:none;padding:0;display:grid}.wp-block-kadence-iconlist ul.kt-svg-icon-list li.kt-svg-icon-list-item-wrap:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){display:flex}.wp-block-kadence-iconlist ul.kt-svg-icon-list{padding:0;list-style:none;margin:0 0 10px 0;text-align:left;grid-template-rows:auto;display:grid;gap:5px 0}.wp-block-kadence-iconlist ul.kt-svg-icon-list svg{width:1em;height:1em}.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap{display:flex;align-items:center;padding:0}.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;padding:4px 0;display:inline-flex;justify-content:center;align-items:center}.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-link{display:flex;align-items:center}.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap:last-child{margin-bottom:0}.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-level-0{padding-left:0rem}.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-level-1{padding-left:2rem}.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-level-2{padding-left:4rem}.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-level-3{padding-left:6rem}.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-level-4{padding-left:8rem}.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-level-5{padding-left:10rem}.rtl .wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-left:10px;margin-right:0}.kb-icon-list-tooltip-wrap{display:flex;align-items:center}.wp-block-kadence-listitem .kb-icon-list-tooltip:where(:not(.kb-list-tooltip-no-border)){border-bottom:1px dashed currentColor}.wp-block-kadence-listitem .kt-svg-icon-link>.kb-icon-list-tooltip{border-bottom:none}.wp-block-kadence-iconlist.kt-list-icon-aligntop ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap{align-items:flex-start}.wp-block-kadence-iconlist.kt-list-icon-alignbottom ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap{align-items:flex-end}.wp-block-kadence-iconlist.aligncenter .kt-svg-icon-list-item-wrap{justify-content:center}.kt-svg-icon-list-style-stacked .kt-svg-icon-list-single{border-style:solid;border-width:0}.kt-svg-icon-list-columns-2 ul.kt-svg-icon-list{grid-template-columns:repeat(2, minmax(0, 1fr))}.kt-svg-icon-list-columns-3 ul.kt-svg-icon-list{grid-template-columns:repeat(3, minmax(0, 1fr))}.wp-block-kadence-iconlist.kt-list-icon-aligntop ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap a.kt-svg-icon-link{align-items:flex-start}.wp-block-kadence-iconlist.kt-list-icon-alignbottom ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap a.kt-svg-icon-link{align-items:flex-end}@media(max-width: 1024px){.kt-tablet-svg-icon-list-columns-1 ul.kt-svg-icon-list{grid-template-columns:minmax(0, 1fr)}.kt-tablet-svg-icon-list-columns-2 ul.kt-svg-icon-list{grid-template-columns:repeat(2, minmax(0, 1fr))}.kt-tablet-svg-icon-list-columns-3 ul.kt-svg-icon-list{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(max-width: 767px){.kt-mobile-svg-icon-list-columns-1 ul.kt-svg-icon-list{grid-template-columns:minmax(0, 1fr)}.kt-mobile-svg-icon-list-columns-2 ul.kt-svg-icon-list{grid-template-columns:repeat(2, minmax(0, 1fr))}.kt-mobile-svg-icon-list-columns-3 ul.kt-svg-icon-list{grid-template-columns:repeat(3, minmax(0, 1fr))}}