/*!
 * 
 *       Name: RescueRemedy
 *       Description: The responsive theme for RescueRemedy
 *       website: http://
 *       lastUpdate: 26/10/23 @ 13:17
 *     
 */
:root {
  --colour-dark: #41344A;
  --colour-medium: #8C9091;
  --colour-light: #F2F3F5;
  --colour-grey: #F2F3F5;
  --clickable-image-hover-opacity: 0.5;
  --main-font-family: "Sofia Pro W01";
  --heading-font-family: "Sofia Pro W01";
  --h1-font-weight: 500;
  --h2-font-weight: 500;
  --h3-font-weight: 500;
  --h4-font-weight: 500;
  --h5-font-weight: 500;
  --h6-font-weight: 500;
  --subtitle-font-weight: 600;
  --body-1-font-weight: 400;
  --body-2-font-weight: 400;
  --button-font-weight: 600;
  --caption-font-weight: 400;
  --overline-font-weight: 600;
  --base-font-color: #41344A;
  --action-color: #41344A;
  --heading-colour: #41344A;
  --heading-colour-alt: #41344A;
  --heading-colour-white: #ffffff;
  --paragraph-color: #41344A;
  --paragraph-color-alt: #41344A;
  --paragraph-color-alt-2: #41344A;
  --overlay-colour: rgba(33, 18, 97, 0.59);
  --site-logo-width-mobile: 105px;
  --site-logo-width-desktop: 162px;
  --header-background: #F9E244;
  --header-background-alt: #F9E244;
  --header-primary-nav-colour: #41344A;
  --header-menu-icon-colour: #41344A;
  --header-menu-icon-colour-hover: #ffffff;
  --header-menu-icon-colour-alt: #41344A;
  --header-close-icon-colour: #ffffff;
  --header-close-icon-colour-hover: #ffffff;
  --dropdown-container-background-colour: #211261;
  --dropdown-container-box-shadow: rgba(0, 0, 0, 0.2);
  --dropdown-nav-link-colour: #ffffff;
  --dropdown-nav-link-colour-hover: #ffffff;
  --dropdown-nav-link-opacity-hover: 0.4;
  --dropdown-nav-link-underline-colour: rgba(255, 255, 255, 0.2);
  --feature-link-font-weight: 600;
  --nav-colour-mobile: #ffffff;
  --nav-background-colour-mobile: #211261;
  --nav-border-colour-mobile: rgba(255, 255, 255, 0.2);
  --nav-current-link-disc-colour-mobile: #ffffff;
  --locales-menu-back-btn-colour-mobile: #ffffff;
  --locales-menu-back-btn-background-colour-mobile: #211261;
  --nav-locales-btn-colour-mobile-hover: #211261;
  --primary-nav-link-font-weight: 500;
  --primary-nav-link-padding: 8px 20px;
  --locales-btn-text-margin: initial;
  --utility-cta-colour-mobile: #211261;
  --utility-cta-border-colour-mobile: #ffffff;
  --utility-cta-background-colour-mobile: #ffffff;
  --utility-cta-colour-mobile-hover: #ffffff;
  --utility-cta-border-colour-mobile-hover: #ffffff;
  --utility-cta-background-colour-mobile-hover: #211261;
  --utility-cta-colour-desktop: #211261;
  --utility-cta-border-colour-desktop: #211261;
  --utility-cta-background-colour-desktop: transparent;
  --utility-cta-colour-desktop-hover: #ffffff;
  --utility-cta-background-colour-desktop-hover: #211261;
  --utility-cta-colour-desktop-shrink: #211261;
  --utility-cta-border-colour-desktop-shrink: #211261;
  --utility-cta-colour-desktop-shrink-hover: #ffffff;
  --utility-cta-background-colour-desktop-shrink-hover: #211261;
  --search-modal-colour: #ffffff;
  --search-modal-border-colour: rgba(255, 255, 255, 0.3);
  --search-modal-placeholder-colour: rgba(255, 255, 255, 0.3);
  --search-modal-placeholder-colour-hover-focus: #ffffff;
  --search-modal-background-colour: #211261;
  --search-modal-text-colour: #ffffff;
  --search-modal-btn-colour: #ffffff;
  --search-modal-btn-colour-hover: #211261;
  --search-modal-btn-background-colour-hover: #F9E244;
  --search-modal-logo-top-desktop: 52px;
  --breadcrumbs-background-colour: #F2F3F5;
  --breadcrumbs-link-font-size: 13px;
  --breadcrumbs-link-font-weight: 13px;
  --breadcrumbs-link-colour: rgba(65, 52, 74, 0.6);
  --breadcrumbs-link-last-child-colour: #41344A;
  --breadcrumbs-link-last-child-font-weight: 400;
  --breadcrumbs-link-last-child-text-decoration: underline;
  --breadcrumbs-link-last-child-font-style: normal;
  --breadcrumbs-chevron-colour: #8C9091;
  --subnav-background-colour: #F2F3F5;
  --subnav-font-weight: 500;
  --subnav-colour: #211261;
  --subnav-border-colour: transparent;
  --subnav-border-colour-current-hover: #211261;
  --footer-background-colour: #F9E244;
  --footer-text-colour: #41344A;
  --footer-social-link-colour: #41344A;
  --footer-social-link-background-colour: transparent;
  --footer-social-link-colour-hover: #ffffff;
  --footer-social-link-background-colour-hover: #41344A;
  --footer-nav-link-colour: #41344A;
  --footer-nav-link-colour-hover: #41344A;
  --footer-nav-link-opacity-hover: 0.4;
  --btt-colour: #ffffff;
  --btt-background-colour: #211261;
  --btt-colour-hover: #ffffff;
  --btt-background-colour-hover: #211261;
  --btn-text-color: #ffffff;
  --btn-bg-color: #211261;
  --btn-border-color: #F9E244;
  --btn-text-color-alt: #41344A;
  --btn-bg-color-alt: #F9E244;
  --btn-border-color-alt: #211261;
  --btn-bg-color-hover: #211261;
  --btn-bg-color-alt-2: #211261;
  --btn-bg-color-alt-3: #211261;
  --btn-padding: 7.5px 22px;
  --btn-border-theme-1-colour: #F9E244;
  --btn-border-theme-1-colour-hover: #211261;
  --btn-border-theme-1-border-colour: #F9E244;
  --btn-border-theme-1-background-colour-hover: #F9E244;
  --btn-border-theme-2-colour: #ffffff;
  --btn-border-theme-2-colour-hover: #211261;
  --btn-border-theme-2-border-colour: #ffffff;
  --btn-border-theme-2-background-colour-hover: #ffffff;
  --btn-border-theme-3-colour: #211261;
  --btn-border-theme-3-colour-hover: #ffffff;
  --btn-border-theme-3-border-colour: #211261;
  --btn-border-theme-3-background-colour-hover: #211261;
  --btn-solid-theme-1-colour: #211261;
  --btn-solid-theme-1-colour-hover: #ffffff;
  --btn-solid-theme-1-border-colour: #F9E244;
  --btn-solid-theme-1-border-colour-hover: #211261;
  --btn-solid-theme-1-background-colour: #F9E244;
  --btn-solid-theme-1-background-colour-hover: #211261;
  --btn-solid-theme-2-colour: #211261;
  --btn-solid-theme-2-colour-hover: #ffffff;
  --btn-solid-theme-2-border-colour: #ffffff;
  --btn-solid-theme-2-border-colour-hover: #211261;
  --btn-solid-theme-2-background-colour: #ffffff;
  --btn-solid-theme-2-background-colour-hover: #211261;
  --btn-solid-theme-3-colour: #ffffff;
  --btn-solid-theme-3-colour-hover: #211261;
  --btn-solid-theme-3-border-colour: #211261;
  --btn-solid-theme-3-border-colour-hover: #F9E244;
  --btn-solid-theme-3-background-colour: #211261;
  --btn-solid-theme-3-background-colour-hover: #F9E244;
  --hyperlink-colour: #41344A;
  --hyperlink-colour-alt: #ffffff;
  --hyperlink-colour-hover: #41344A;
  --hyperlink-colour-alt-hover: #ffffff;
  --hyperlink-opacity-hover: 0.4;
  --hyperlink-font-weight: 700;
  --icon-link-colour: #211261;
  --icon-link-colour-mobile-nav: #ffffff;
  --icon-link-colour-hover: #F9E244;
  --icon-link-opacity-hover: 1;
  --btn-state-colour: #211261;
  --btn-state-background-colour: #F9E244;
  --btn-state-colour-alt: #211261;
  --btn-state-background-colour-alt: #F9E244;
  --btn-state-colour-hover-focus: #ffffff;
  --btn-state-background-colour-hover-focus: #211261;
  --block-theme-1-background-colour: #ffffff;
  --block-theme-2-background-colour: #F2F3F5;
  --block-theme-3-background-colour: #211261;
  --block-theme-3-background-image: none;
  --block-theme-3-content-colour: #ffffff;
  --block-theme-4-background-colour: #F9E244;
  --faq-title-link-colour: #41344A;
  --faq-title-link-colour-hover: #41344A;
  --faq-title-link-opacity-hover: 0.4;
  --faq-title-link-colour: #41344A;
  --faq-title-link-colour-hover: #41344A;
  --faq-title-link-opacity-hover: 0.4;
  --form-padding: 6px 20px 10px;
  --form-select-padding: 6px 20px 8px;
  --form-colour: rgba(65, 52, 74, 0.5);
  --form-border-colour: rgba(65, 52, 74, 0.5);
  --form-colour-active: #41344A;
  --form-border-colour-active: #41344A;
  --form-checkbox-rounded-active-colour: #F9E244;
  --filter-form-background-colour: #F2F3F5;
  --product-list-page-image-background-colour-1: #F2F3F5;
  --product-list-link-solid-colour: #211261;
  --product-list-link-solid-colour-hover: #ffffff;
  --product-list-link-solid-border-colour: #F9E244;
  --product-list-link-solid-border-colour-hover: #211261;
  --product-list-link-solid-background-colour: #F9E244;
  --product-list-link-solid-background-colour-hover: #211261;
  --product-page-background-colour-theme: #F2F3F5;
  --product-page-thumbs-background-colour: rgba(33, 18, 97, 0.1);
  --product-page-thumbs-background-colour-alt: rgba(33, 18, 97, 0.1);
  --product-page-availability-icon: "\E90C";
  --product-page-availability-icon-colour: #FF8824;
  --product-page-share-icon-colour: #FF8824;
  --product-page-share-icon-colour-hover: #211261;
  --product-page-btn-colour: #41344A;
  --product-page-btn-border-colour: #41344A;
  --product-page-btn-border-colour-hover: #211261;
  --product-page-btn-background-colour-hover: #211261;
  --product-page-gallery-image-padding: 0 0 70%;
  --product-page-title-line-height-mobile: 1.5;
  --product-page-title-line-height: 1.5;
  --locale-page-selector-background-colour: #F9E244;
  --locale-page-selector-background-image: none;
  --nav-locale-background-colour: #211261;
  --nav-locale-logo-height-mobile: 79px;
  --nav-locale-logo-height-desktop: 90px;
  --nav-locale-link-colour: #ffffff;
  --nav-locale-link-colour-hover: #ffffff;
  --search-grey: #8C9091;
  --article-page-banner-background-colour: #211261;
  --article-page-preheader-colour: #F9E244;
  --article-page-card-background-colour: #211261;
  --animation-module-background-colour: #F9E244;
  --communications-popup-light-colour: #41344A;
  --communications-popup-light-heading-colour: #41344A;
  --communications-popup-light-background-colour: #F2F3F5;
  --communications-popup-dark-colour: #ffffff;
  --communications-popup-dark-heading-colour: #ffffff;
  --communications-popup-dark-background-colour: #211261;
  --img-bg-colour-1: rgba(255, 255, 255, 0.25);
  --img-bg-colour-2: #ffffff;
  --img-bg-colour-3: #F2F3F5;
  --banner-block-theme-1-background-colour: #211261;
  --banner-block-theme-1-background-image: none;
  --banner-block-theme-2-background-colour: #F2F3F5;
  --banner-block-theme-3-background-colour: #F9E244;
  --banner-block-bg-theme-dark-colour: #ffffff;
  --banner-block-bg-theme-alt-colour: #41344A;
  --notice-bar-background-colour: #211261;
  --notice-bar-colour: #ffffff;
  --feature-block-mask-img: none;
  --feature-block-thumbs-description: #8C9091;
  --tabs-block-colour: #41344A;
  --tabs-block-colour-hover: #41344A;
  --tabs-block-background-colour-hover: rgba(33, 18, 97, 0.1);
  --instagram-block-caption-colour: #41344A;
  --instagram-block-theme-1-caption-colour: #41344A;
  --instagram-block-theme-2-caption-colour: #41344A;
  --instagram-block-theme-3-caption-colour: #ffffff;
  --instagram-block-theme-4-caption-colour: #41344A;
  --cookie-consent-accent-colour: #211261;
  --swiper-button-colour: #F9E244;
  --swiper-button-colour-theme-1: #F9E244;
  --swiper-button-colour-theme-3: #ffffff;
  --swiper-button-colour-theme-4: #211261;
  --swiper-button-colour-hover: #211261;
  --swiper-button-opacity-hover: 1;
  --swiper-button-colour-hover-theme-1: #211261;
  --swiper-button-opacity-hover-theme-1: 1;
  --swiper-button-opacity-hover-theme-3-theme-4: 0.5;
  --swiper-pagination-background-colour: #211261;
  --swiper-pagination-background-colour-theme-1: #211261;
  --swiper-pagination-background-colour-theme-3: #ffffff;
  --swiper-pagination-opacity: 0.4;
  --swiper-pagination-opacity-theme-1: 0.4;
  --swiper-pagination-opacity-theme-3: 0.4;
  --swiper-pagination-background-colour-hover: #211261;
  --swiper-pagination-background-colour-hover-theme-1: #211261;
  --swiper-pagination-background-colour-hover-theme-3: #ffffff;
  --swiper-scrollbar-semi-transparent-background-colour: rgba(33, 18, 97, 0.2);
  --swiper-scrollbar-theme-1-semi-transparent-background-colour: rgba(33, 18, 97, 0.2);
  --swiper-scrollbar-theme-2-semi-transparent-background-colour: rgba(33, 18, 97, 0.2);
  --swiper-scrollbar-theme-3-semi-transparent-background-colour: rgba(255, 255, 255, 0.2);
  --swiper-scrollbar-theme-4-semi-transparent-background-colour: rgba(33, 18, 97, 0.2);
  --swiper-scrollbar-solid-background-colour: #211261;
  --swiper-scrollbar-theme-1-solid-background-colour: #211261;
  --swiper-scrollbar-theme-2-solid-background-colour: #211261;
  --swiper-scrollbar-theme-3-solid-background-colour: #ffffff;
  --swiper-scrollbar-theme-4-solid-background-colour: #211261;
  --swiper-scrollbar-border-colour: #ffffff;
  --swiper-scrollbar-theme-1-border-colour: #ffffff;
  --swiper-scrollbar-theme-2-border-colour: #F2F3F5;
  --swiper-scrollbar-theme-3-border-colour: #211261;
  --swiper-scrollbar-theme-4-border-colour: #F9E244;
  --related-products-background-colour: #F2F3F5;
  --related-products-theme-3-btn-colour: #211261;
  --related-products-theme-3-btn-background-colour: #F9E244;
  --related-products-theme-3-btn-border-colour: #F9E244;
  --related-products-theme-3-btn-colour-hover: #211261;
  --related-products-theme-3-btn-background-colour-hover: #ffffff;
  --related-products-theme-3-btn-border-colour-hover: #ffffff;
  --related-products-grid-overlay-btn-colour: #211261;
  --related-products-grid-overlay-btn-background-colour: #F9E244;
  --related-products-grid-overlay-btn-border-colour: #F9E244;
  --related-products-grid-overlay-btn-colour-hover: #ffffff;
  --related-products-grid-overlay-btn-background-colour-hover: #211261;
  --related-products-grid-overlay-btn-border-colour-hover: #211261;
  --card-overlay-colour: #211261;
  --mixin-linear-gradient-bottom-colour: rgba(33, 18, 97, 0.9);
  --office-block-colour: #211261;
  --office-block-colour-hover: #ffffff;
  --office-block-background-colour-hover: #211261;
  --office-block-colour-dark: #ffffff;
  --office-block-colour-hover-dark: #211261;
  --office-block-background-colour-hover-dark: #F9E244; }

@font-face {
  font-family: "Sofia Pro W01";
  src: url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/8b31e0d7-5f53-45c2-b318-064f0b532543-0c4596352de8f1fe0c9d5920f462698a.woff2) format("woff2"), url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/476fe015-ab32-40a2-8fed-0a5af9a3bba4-e15319837a18b11d04994148fd733a56.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Sofia Pro W01";
  src: url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/fe0b48dd-7bb4-4787-913d-eaf613373f35-c79b60c084b553f29948d320ff02211d.woff2) format("woff2"), url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/d493595c-97d2-4edc-bc9a-c09ad13b4913-ca6501964e0e14eaf327192a02dab663.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Sofia Pro W01";
  src: url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/20755c49-19b5-4792-aaf3-27f6b048149a-0fdc35a1c7a1ce390c3dd786a7c2b8ea.woff2) format("woff2"), url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/7cdc9309-dc21-43e2-a348-c6e3853fe8a9-f305c585093bd18330f55d81ea4a3869.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Sofia Pro W01";
  src: url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/80042803-0630-405f-b2d2-af97b4e50b46-bfb831b2ab3d6a56168eb8bfdab57b04.woff2) format("woff2"), url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/ec41d681-0313-4b04-88c0-820aebb51f4e-f9b63afe09d75186deeb1b71460b2549.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Sofia W01";
  src: url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/87cd0dd6-3e8b-46f1-b677-ab7644ea015e-61b798bb83822d5ae0d1e85f4abeccf6.woff2) format("woff2"), url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/90682d0e-e5df-4a2e-a2ff-6899b8ae8e4b-d125a5eace150f59d9106a9de54b8e19.woff) format("woff");
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Sofia W01";
  src: url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/e03d67b8-21d1-471a-a052-5450498e2851-e0f12fcf3051543039660fe992cc4d94.woff2) format("woff2"), url(/_resources/themes/rescueremedy/dist/version1698311597/src/fonts/7e254ac6-68c1-4462-b775-f4064eea9be4-280e3d41f862bb40bda28d6417e2330c.woff) format("woff");
  font-style: italic;
  font-display: swap;
  font-weight: 600; }

