.fc_case_studies_banner {
.banner_container {
--color-headings: var(--color-white);
--color-text: var(--color-white);
background-color: var(--color-black);
color: var(--color-text);
padding: var(--gap-s);
border-radius: var(--border-radius-l);
padding: var(--padding-m) clamp(24px, 11.928vw + -44.706px, 170px);
display: flex;
flex-direction: column;
gap: var(--gap-xxl);
.content {
}
.image {
width: 100%;
aspect-ratio: 4 / 3;
border-radius: var(--border-radius-m);
}
} @media (width >= 768px) {
.banner_container {
flex-direction: row;
align-items: center;
.content {
flex-basis: 51%;
}
.image {
flex-basis: 49%;
aspect-ratio: 6 / 5;
}
}
}
}.fc_simple_content {
&.padding_full:has(#yith-store-locator) {
padding-inline: 0;
}
#yith-store-locator {
padding: 0 !important;
.wrapper-main-sections {
display: block;
height: initial;
> div {
width: 100% !important;
padding: 0;
}
#yith-sl-section-results {
padding: var(--gap-m) var(--gap-m) var(--padding-xs) var(--gap-m) !important;
.title-search-bar {
font-weight: 900;
font-size: clamp(25px, 0.899vw + 19.824px, 36px);
text-transform: inherit;
letter-spacing: inherit;
margin-bottom: 24px;
}
#yith-sl-wrap-search-stores {
position: relative;
}
#yith-search-store-container {
.wrap-search-bar {
width: 100%;
margin-bottom: 0;
.search-stores {
height: 50px;
border: 1px solid var(--color-black);
border-radius: var(--border-radius-max);
padding-left: 12px;
padding-right: 85px;
}
#yith-sl-search-icon {
width: 24px;
top: calc(50% - 12px);
right: 49px;
}
}
}
button#yith-sl-geolocation {
position: absolute;
width: 25px;
height: 25px;
border: none;
bottom: 12.5px;
right: 12px;
overflow: hidden;
padding: 0;
text-indent: -99999px;
background: transparent no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3E%3Cpath fill='%23d60d8c' d='M14.658 1.158a1 1 0 1 0-2 0h2m-2 2.374a1 1 0 1 0 2 0h-2M14.5 23.31a1 1 0 1 0-2 0h2m-2 2.374a1 1 0 0 0 2 0h-2M1.316 12.342a1 1 0 1 0 0 2v-2m2.374 2a1 1 0 1 0 0-2v2M23.47 12.5a1 1 0 1 0 0 2v-2m2.373 2a1 1 0 1 0 0-2v2M13.737 7.606l.913-.409a1 1 0 0 0-1.813-.027zm5.103 11.392-.479.878a1 1 0 0 0 1.392-1.287zM13.62 16.15l.479-.878a1 1 0 0 0-.934-.012zm-5.34 2.73-.9-.436a1 1 0 0 0 1.355 1.326zM26 13.5h-1C25 19.851 19.851 25 13.5 25v2C20.956 27 27 20.956 27 13.5zM13.5 26v-1C7.149 25 2 19.851 2 13.5H0C0 20.956 6.044 27 13.5 27zM1 13.5h1C2 7.149 7.149 2 13.5 2V0C6.044 0 0 6.044 0 13.5zM13.5 1v1C19.851 2 25 7.149 25 13.5h2C27 6.044 20.956 0 13.5 0zm.158.158h-1v2.374h2V1.158zM13.5 23.31h-1v2.374h2V23.31zM1.316 13.342v1H3.69v-2H1.316zm22.153.158v1h2.373v-2h-2.373zm-9.732-5.894-.912.409 5.103 11.392.912-.409.913-.409L14.65 7.198zm5.103 11.392.48-.878-5.222-2.848-.48.878-.478.878 5.221 2.848zM13.62 16.15l-.455-.89-5.34 2.73.454.89.456.89 5.34-2.73zm-5.34 2.73.9.436 5.458-11.274-.9-.436-.9-.436-5.459 11.274z'/%3E%3C/svg%3E") !important;
}
.wrapper-filter {
margin-bottom: 0;
}
#yith-sl-main-filters-container {
margin-top: 24px;
}
}
#yith-sl-section-map {
#yith-sl-gmap {
height: 100% !important;
min-height: 677px;
}
}
}
#yith-sl-gmap .gm-style-iw {
background-color: var(--color-white);
border-radius: var(--border-radius-l);
padding: 0 !important;
box-shadow: 0 calc(var(--gap-xxs) / 2) calc(var(--gap-xxs) * 5) 0
hsl(from var(--color-black) h s l / 0.15);
.gm-style-iw-d {
padding: 0px 8px 24px 24px !important;
.store-info {
padding: 0 !important;
text-align: center;
.store-name {
font-size: clamp(20px, 0.327vw + 18.118px, 24px) !important;
line-height: 0.9;
color: var(--color-primary-pink);
margin: 0 0 24px 0 !important;
span {
margin: 0 !important;
}
}
.store-address,
.stockist-open-hours {
color: var(--color-black) !important;
font-size: 18px !important;
font-weight: 400 !important;
margin: 0 0 24px 0 !important;
}
.button {
padding: 20px 32px;
outline: none;
}
}
}
} @media (width >= 992px) {
.wrapper-main-sections {
#yith-sl-section-results {
display: flex;
gap: var(--gap-s);
max-width: 1280px;
margin-inline: auto;
#yith-sl-wrap-search-stores,
#yith-sl-main-filters-container {
flex-basis: calc(50% - (var(--gap-s) / 2));
#yith-sl-search-stores {
position: relative;
.wrap-buttons {
margin-bottom: 0;
}
}
}
}
}
}
}
}