.gform_wrapper {
margin: 0 !important;
}
.gfield label.gfield_label,
.gfield .gfield_label {
font-size: 18px;
font-weight: 400;
color: var(--color-text);
margin: 0 0 calc(var(--gap-s) / 2) 0;
display: block;
}
.gfield_label .gfield_required_text {
display: inline-block;
padding-left: var(--gap-xxs);
color: var(--color-text);
}
::placeholder {
color: var(--color-primary-pink);
}
.validation_message {
background-color: var(--color-primary-pink);
color: var(--color-white);
padding: var(--gap-xxs) var(--gap-xs);
font-size: 12px;
border-radius: var(--border-radius-s);
position: relative;
margin-top: calc(var(--gap-s) / 2);
display: inline-block;
top: var(--gap-xxs);
}
.validation_message::after {
content: "";
display: block;
position: absolute;
border: calc(var(--gap-s) / 2) solid rgba(0, 0, 0, 0);
border-bottom-color: var(--color-primary-pink);
width: 0;
height: 0;
top: calc(0px - var(--gap-s));
left: var(--gap-s);
}
.gform_submission_error {
margin-bottom: var(--gap-s);
border: 1px solid var(--color-primary-pink);
padding: calc(var(--gap-s) / 2) var(--gap-s);
font-size: 14px;
color: var(--color-text);
letter-spacing: 0;
}
.gform_submission_error:focus,
.gform_submission_error:focus-visible {
outline: none;
outline-color: var(--color-primary-pink);
}
.gfield.gfield_error input[type="text"],
.gfield.gfield_error input[type="email"],
.gfield.gfield_error input[type="tel"],
.gfield.gfield_error input[type="url"],
.gfield.gfield_error input[type="file"],
.gfield.gfield_error textarea,
.gfield.gfield_error select {
border: 1px solid var(--color-primary-pink);
}
.gfield input[type="text"],
.gfield input[type="email"],
.gfield input[type="tel"],
.gfield input[type="url"],
.gfield textarea,
.gfield select {
padding: var(--gap-xs) var(--gap-s);
width: 100%;
color: var(--color-text);
background: transparent;
border: 1px solid var(--color-black);
box-sizing: border-box;
border-radius: var(--border-radius-s);
&:focus-visible {
outline-color: var(--color-black);
}
}
.gfield select {
option {
color: var(--color-black);
}
}
.bg_black .gfield input[type="text"],
.bg_black .gfield input[type="email"],
.bg_black .gfield input[type="tel"],
.bg_black .gfield input[type="url"],
.bg_black .gfield textarea,
.bg_black .gfield select {
border: 1px solid var(--color-white);
&:focus-visible {
outline-color: var(--color-white);
}
}
.gfield *::-ms-expand {
display: none;
}
.gfield select {
appearance: none;
-webkit-appearance: none;
background: transparent calc(100% - var(--gap-s)) center no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='15'%3E%3Cpath fill-rule='evenodd' fill='%23d60d8c' d='M27 1L14 15 0 1l1-1 13 13L26 0l1 1z'/%3E%3C/svg%3E");
padding-right: 70px;
}
.gfield_description {
display: block;
font-size: 14px;
font-weight: 900;
margin-top: calc(var(--gap-xxs) / 2);
}
.ginput_container_consent {
position: relative;
input[type="checkbox"] {
margin: 0;
position: absolute;
z-index: 0;
opacity: 0;
width: var(--gap-xs);
height: var(--gap-xs);
& + label {
position: relative;
overflow: hidden;
padding-left: calc(var(--gap-xs) * 2);
cursor: pointer;
display: inline-block;
&::after {
width: var(--gap-xs);
height: var(--gap-xs);
background-color: transparent;
top: 2px;
border: 1px solid var(--color-text);
background: transparent;
border-radius: var(--border-radius-s);
content: "";
position: absolute;
left: 0;
z-index: 1;
-webkit-transition: 0.2s;
transition: 0.2s;
}
}
&:checked {
& + label {
&::after {
background: var(--color-primary-pink);
}
}
}
}
.gfield_description {
padding-left: calc(var(--gap-xs) * 2);
}
}
.gform_footer {
margin-top: var(--gap-s);
}
.gform_fields {
display: flex;
flex-wrap: wrap;
gap: var(--gap-s);
}
.gfield {
flex-basis: 100%;
position: relative;
}
fieldset.gfield {
border: none;
padding: 0;
margin: 0;
}
fieldset.gfield legend {
float: left;
}
fieldset.gfield legend + * {
clear: both;
}
.gfield_visibility_hidden {
display: none;
}
.gfield.hidden_label .gfield_label {
display: none;
}
.gfield textarea {
height: 200px;
padding: var(--gap-xs) var(--gap-s);
}
.ginput_complex {
display: flex;
gap: var(--gap-xs);
}
.ginput_container_address {
flex-wrap: wrap;
}
.ginput_container_name span {
flex-grow: 1;
}
.ginput_container_address span {
flex-basis: calc(50% - 8px);
}
.ginput_container_address span:nth-child(1),
.ginput_container_address span:nth-child(2) {
flex-basis: 100%;
}
.gfield input[type="text"] + label,
.gfield select + label {
margin-top: calc(var(--gap-s) / 2);
display: block;
}
.screen-reader-text {
display: none;
}
.gfield.captcha_field {
margin: 0;
padding: 0;
}
.gfield.captcha_field .gfield_label {
display: none;
}
.ginput_container_fileupload .validation_message--hidden-on-empty {
display: none;
}
.gfield.captcha_field {
margin: 0;
padding: 0;
position: absolute;
}
.gform_wrapper {
container-type: inline-size;
}
.gform_body {
.gfield.gfield--width-half,
.gfield.gfield--width-third,
.gfield.gfield--width-quarter {
flex-basis: 100%;
}
}
@container (min-width: 504px) {
.gform_body {
.gfield.gfield--width-half {
flex: 0 1 calc(50% - (var(--gap-s) * 1) / 2);
}
.gfield.gfield--width-third {
flex: 0 1 calc(33.333% - (var(--gap-s) * 2) / 3);
}
.gfield.gfield--width-quarter {
flex: 0 1 calc(25% - (var(--gap-s) * 3) / 4);
}
}
}.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;
}
}
}
}
}
}
}
}