.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;
}
}
}
}
}
}
}
}.archive_filter {
max-width: 1110px;
margin: 0 auto 3rem;
justify-content: center;
}
.archive_filter .filter-toggle {
color: var(--grey);
}
.archive_filter,
.archive_filter ul {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.archive_filter {
flex-wrap: unset;
align-items: center;
}
.archive_filter ul {
list-style: none;
margin: 0;
align-items: center;
}
.archive_filter ul li {
margin-bottom: 0;
}
.archive_filter ul a {
color: var(--grey);
text-decoration: none;
font-size: 14px;
padding: 10px var(--gap-xs);
border: 2px solid #fff;
display: block;
border-radius:var(--border-radius-max);
}
.archive_filter ul a:hover,
.archive_filter ul li.current a {
background: var(--color-primary-pink);
border-color: var(--color-primary-pink);
color: #fff;
}
@media (max-width: 1024px) {
.archive_filter {
padding: 0 15px 2em;
}
.archive_filter
{
flex-flow: column;
}
.archive_filter ul {
align-items: center;
gap: 10px;
justify-content: center;
}
.archive_filter ul {
height: 0;
opacity: 0;
transition: 0.1s;
}
.archive_filter.active ul {
height: max-content;
opacity: 1;
}
.archive_filter ul a {
display: block;
font-size: 12px;
text-align: center;
}
.filter-toggle {
position: relative;
display: flex;
align-items: center;
gap: 5px;
padding: 10px var(--gap-xs);
border: 2px solid #fff;
border-radius: var(--border-radius-max);
background: var(--color-primary-pink);
border-color: var(--color-primary-pink);
color: #fff;
width: 100%;
justify-content: center;
}
.filter-toggle:after {
content: "";
display: block;
width: 10px;
height: 7px;
background: center / contain no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none'%3E%3Cpath fill='%23fff' d='m5 6.06-5-5L1.06 0 5 3.94 8.94 0 10 1.06l-5 5Z'/%3E%3C/svg%3E");
}
}
@media (max-width: 400px) {
.archive_filter ul li a,
.archive_filter ul li {
width: 100%;
}
}.single_post {
position: relative;
isolation: isolate;
.post_thumb {
z-index: 0;
border-radius: var(--border-radius-m);
aspect-ratio: 6 / 5;
position: relative;
isolation: isolate;
overflow: hidden;
&::after {
content: "";
position: absolute;
inset: 0;
background-color: hsl(from var(--color-primary-pink) h s l / 0);
transition: background-color 0.4s ease;
}
}
.post_data {
position: relative;
z-index: 1;
margin-top: -19px;
display: flex;
flex-direction: column;
gap: calc(var(--gap-s) / 2);
align-items: flex-start;
.post_label {
padding: calc(var(--gap-s) / 2);
border-radius: var(--border-radius-max);
background-color: var(--color-primary-pink);
color: var(--color-white);
font-size: 14px;
font-weight: 400;
line-height: 1;
letter-spacing: -0.7px;
}
.post_meta {
display: flex;
flex-wrap: wrap;
gap: calc(var(--gap-s) / 2);
p {
display: inline-flex;
&::before {
content: "";
display: inline-flex;
background-color: var(--color-text);
width: 1px;
height: 100%;
margin-right: calc(var(--gap-s) / 2);
}
&:first-of-type {
&::before {
display: none;
}
}
}
}
}
&:hover {
color: var(--color-text);
.post_thumb {
&::after {
background-color: hsl(from var(--color-primary-pink) h s l / 0.6);
}
}
}
}.posts_wrapper {
.single_post_list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: var(--gap-s);
.single_post {
flex-basis: 100%;
text-decoration: none;
} @media (width >= 576px) {
.single_post {
flex-basis: calc(50% - (var(--gap-s) * 1) / 2);
}
}
@media (width >= 768px) {
.single_post {
flex-basis: calc(33.333% - (var(--gap-s) * 2) / 3);
}
}
}
}.fc_call_to_action {
--color-text: var(--color-white);
--color-headings: var(--color-white);
color: var(--color-text);
position: relative;
isolation: isolate;
.highlight {
color: var(--color-black);
}
.wp_content {
> *:not(.button) {
margin-bottom: var(--padding-xs);
}
> :last-child {
margin-bottom: 0;
}
}
.banner_image,
.banner_video {
position: absolute;
z-index: -2;
inset: 0;
overflow: hidden;
}
.banner_video {
iframe {
position: absolute;
top: 50%;
left: 50%;
min-width: 100.5%;
min-height: 100%;
aspect-ratio: 16 / 9;
transform: translate(-50%, -50%);
pointer-events: none;
}
}
&::after {
content: "";
position: absolute;
z-index: -1;
inset: 0;
background-color: hsl(from var(--color-primary-pink) h s l / 0.6);
}
}.tns-outer {
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer;
}
.tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.tns-slider > .tns-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > .tns-item {
position: absolute;
left: -100%;
-webkit-transition:
transform 0s,
opacity 0s;
-moz-transition:
transform 0s,
opacity 0s;
transition:
transform 0s,
opacity 0s;
}
.tns-gallery > .tns-slide-active {
position: relative;
left: auto !important;
}
.tns-gallery > .tns-moving {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.tns-autowidth {
display: inline-block;
}
.tns-lazy-img {
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.tns-complete {
opacity: 1;
}
.tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em;
}
.tns-transparent {
opacity: 0;
visibility: hidden;
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0;
}
.tns-normal,
.tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.tns-vpfix {
white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
display: inline-block;
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden;
}
.tns-t-ct {
width: 2333.3333333%;
width: -webkit-calc(100% * 70 / 3);
width: -moz-calc(100% * 70 / 3);
width: calc(100% * 70 / 3);
position: absolute;
right: 0;
}
.tns-t-ct:after {
content: "";
display: table;
clear: both;
}
.tns-t-ct > div {
width: 1.4285714%;
width: -webkit-calc(100% / 70);
width: -moz-calc(100% / 70);
width: calc(100% / 70);
height: 10px;
float: left;
} .tns-controls {
display: flex;
gap: calc(var(--gap-s) / 2);
align-items: center;
right: 0;
justify-content: center;
}
.tns-controls button {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' stroke='%23d60d8c' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23d60d8c' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
width: 40px;
aspect-ratio: 1;
text-indent: -9999px;
overflow: hidden;
z-index: 5;
border: none;
transition: background 0.4s ease;
}
.bg_black .tns-controls button {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' stroke='%23fff' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23fff' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
}
.tns-controls button:hover {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' fill='%23d60d8c' stroke='%23d60d8c' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23fff' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
}
.tns-controls button:disabled {
opacity: 0.5;
}
.tns-controls button:nth-child(1) {
transform: rotate(180deg);
}
button[data-action="stop"] {
display: none;
}
@media (max-width: 850px) {
.tns-controls {
position: relative;
}
.tns-outer {
display: flex;
flex-direction: column-reverse;
}
}
.tns-outer {
display: flex;
flex-direction: column-reverse;
gap: var(--gap-m);
}
.flex-forward .tns-outer {
flex-direction: column;
}
.overflow-visible {
overflow: hidden;
.tns-ovh {
overflow: visible !important;
}
}.fc_icon_grid {
.slides--icons {
display: flex;
align-items: center;
justify-content: center;
gap: var(--gap-xxs);
margin: 0 auto;
overflow: hidden;
transition-timing-function: linear;
.tns-item {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
}
img {
max-height: 140px;
width: auto;
}
.tns-controls {
display: none;
}
&.padding_full {
padding-inline: 0;
}
}.fc_usps {
position: relative;
isolation: isolate;
.usps_container {
padding-block: calc(var(--padding-xxs) - 8px) calc(var(--padding-xxs) - 4px);
overflow: hidden;
display: flex; .the_usps {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: var(--gap-xxs);
flex-shrink: 0;
min-width: 100%;
animation: marquee 100s linear infinite;
.usp {
flex-shrink: 0;
p {
white-space: nowrap;
text-transform: lowercase;
line-height: 1.2;
backface-visibility: hidden;
.highlight {
color: currentColor;
}
}
&:nth-child(even) {
p {
color: var(--color-primary-pink);
}
}
}
&:hover {
cursor: default;
}
}
}
&::before {
content: "";
position: absolute;
inset: 50% 0 0 0;
background: currentColor;
}
&.above {
&::before {
inset: 0 0 50% 0;
}
}
&.below {
&::before {
inset: 50% 0 0 0;
}
} &.bg_white,
&.bg_black {
background: transparent;
}
&.bg_white {
color: var(--color-white);
}
&.bg_black {
color: var(--color-black);
}
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}.fc_block_links {
.links_container {
display: grid;
grid-template-columns: repeat(1, 1fr);
.block_link {
border-radius: var(--border-radius-m);
display: flex;
flex-direction: column;
font-weight: 400;
} &.standard {
.block_link {
--color-text: var(--color-black);
padding: var(--gap-m);
background-color: var(--color-white);
color: var(--color-text);
gap: var(--gap-xxl);
transition:
background-color 0.4s ease,
color 0.4s ease;
.image {
img {
height: 100px;
width: auto;
margin-left: auto;
}
}
&:hover {
--color-text: var(--color-white);
background-color: var(--color-primary-pink);
.highlight {
color: currentColor;
}
}
}
}
&.card {
.block_link {
gap: var(--gap-s);
border: 1px solid var(--color-white);
padding: var(--gap-s);
.image {
aspect-ratio: 16 / 10;
border-radius: var(--border-radius-m);
}
&:hover {
--color-text: var(--color-black);
--color-headings: var(--color-black);
background-color: var(--color-white);
color: var(--color-text);
}
&:nth-child(even) {
flex-direction: column-reverse;
}
}
}
&.list {
.block_link {
display: flex;
gap: var(--gap-m);
padding: var(--gap-m);
background-color: var(--color-white);
color: var(--color-black);
transition:
background-color 0.4s ease,
color 0.4s ease;
.wp_content {
> *:not(.button) {
margin-top: 0;
margin-bottom: var(--gap-xxs);
}
> :last-child {
margin-bottom: 0;
}
}
.image {
width: 100%;
aspect-ratio: 16 / 10;
pointer-events: none;
}
&:hover {
background-color: var(--color-primary-pink);
color: var(--color-white);
.highlight {
color: currentColor;
}
}
} &.gap {
gap: calc(var(--gap-s) / 2);
}
} &.gap {
gap: var(--gap-s);
}
} &.bg_white {
.links_container { &.standard {
.block_link {
--color-text: var(--color-white);
background-color: var(--color-black);
&:hover {
background-color: var(--color-primary-pink);
}
}
}
&.card {
.block_link {
border: 1px solid var(--color-black);
&:hover {
--color-text: var(--color-white);
--color-headings: var(--color-white);
background-color: var(--color-black);
}
}
}
}
}
&.bg_white {
.links_container { &.list {
.block_link {
background-color: var(--color-black);
color: var(--color-white);
&:after {
color: var(--color-white);
}
&:hover {
background-color: var(--color-primary-pink);
}
}
}
}
} @media (width >= 576px) {
.links_container {
&.col_2,
&.col_4 {
grid-template-columns: repeat(2, 1fr);
}
}
}
@media (width >= 768px) {
.links_container {
&.list {
position: relative;
isolation: isolate;
margin-left: auto;
width: calc(50% - ((var(--gap-s) / 2) * 1) / 2);
.block_link {
flex-direction: row;
align-items: center;
justify-content: space-between;
.content {
position: relative;
isolation: isolate;
&::after {
content: "";
display: block;
position: absolute;
left: calc(0px - var(--gap-m));
bottom: calc(0px - var(--gap-m) - ((var(--gap-s) / 2)));
width: 46vw;
max-width: 584px;
height: calc(var(--gap-s) / 2);
}
}
.image {
position: absolute;
z-index: 1;
opacity: 0;
top: 0;
bottom: 0;
left: calc(-100% - (var(--gap-s) * 1) / 2);
width: calc(100% - ((var(--gap-s) / 2) * 1) / 2);
border-radius: var(--border-radius-m);
transition: opacity 0.4s ease;
}
&:after {
content: "";
display: block;
width: clamp(32px, 0.654vw + 28.235px, 40px);
aspect-ratio: 1;
background-color: currentColor;
color: var(--color-primary-pink);
mask-size: contain;
mask-repeat: no-repeat;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' stroke='%23d60d8c'/%3E%3Cpath fill='%23d60d8c' d='M13 22a1 1 0 1 0 0 2v-2m20.707 1.707a1 1 0 0 0 0-1.414l-6.364-6.364a1 1 0 0 0-1.414 1.414L31.586 23l-5.657 5.657a1 1 0 0 0 1.414 1.414zM13 23v1h20v-2H13z'/%3E%3C/svg%3E");
transition: color 0.4s ease;
}
&:hover {
.image {
opacity: 1;
}
&:after {
color: var(--color-white);
}
}
&:first-of-type {
.image {
opacity: 1;
}
}
&:last-of-type {
.content {
&::after {
display: none;
}
}
}
}
}
&.col_3 {
grid-template-columns: repeat(3, 1fr);
}
&.col_4 {
grid-template-columns: repeat(4, 1fr);
}
}
}
}