/*!
 * 
 *       Name: Nelsons
 *       Description: The responsive theme for Nelsons
 *       website: http://
 *       lastUpdate: 30/01/23 @ 12:39
 *     
 */
:root {
  --colour-dark: #096878;
  --colour-dark-alt: #41344A;
  --colour-medium: #059194;
  --colour-light: #FFF6DC;
  --colour-grey: #FFF6DC;
  --clickable-image-hover-opacity: 0.5;
  --main-font-family: 'Nunito', sans-serif;
  --heading-font-family: 'Nunito', serif;
  --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: 700;
  --base-font-color: #41344A;
  --action-color: #41344A;
  --heading-colour: #059194;
  --heading-colour-alt: #ffffff;
  --heading-colour-white: #ffffff;
  --paragraph-color: #41344A;
  --paragraph-color-alt: #ffffff;
  --paragraph-color-alt-2: #41344A;
  --overlay-colour: rgba(9, 104, 120, 0.5);
  --site-logo-width-mobile: 114px;
  --site-logo-width-desktop: 170px;
  --header-background: #ffffff;
  --header-background-alt: #ffffff;
  --header-primary-nav-colour: #41344A;
  --header-menu-icon-colour: #41344A;
  --header-menu-icon-colour-hover: #059194;
  --header-menu-icon-colour-alt: #41344A;
  --header-close-icon-colour: #ffffff;
  --header-close-icon-colour-hover: #ffffff;
  --dropdown-container-background-colour: #E1F1EE;
  --dropdown-container-box-shadow: rgba(0, 0, 0, 0.2);
  --dropdown-nav-link-colour: #059194;
  --dropdown-nav-link-colour-hover: #41344A;
  --dropdown-nav-link-opacity-hover: 1;
  --dropdown-nav-link-underline-colour: rgba(255, 255, 255, 0.2);
  --feature-link-font-weight: 700;
  --nav-colour-mobile: #ffffff;
  --nav-background-colour-mobile: #096878;
  --nav-border-colour-mobile: rgba(255, 255, 255, 0.2);
  --nav-current-link-disc-colour-mobile: #FFF6DC;
  --locales-menu-back-btn-colour-mobile: #ffffff;
  --locales-menu-back-btn-background-colour-mobile: #059194;
  --nav-locales-btn-colour-mobile-hover: #059194;
  --primary-nav-link-font-weight: 500;
  --primary-nav-link-padding: 8px 20px;
  --locales-btn-text-margin: initial;
  --utility-cta-colour-mobile: #41344A;
  --utility-cta-border-colour-mobile: #ffffff;
  --utility-cta-background-colour-mobile: #ffffff;
  --utility-cta-colour-desktop: #41344A;
  --utility-cta-border-colour-desktop: #41344A;
  --utility-cta-background-colour-desktop: transparent;
  --utility-cta-colour-desktop-hover: #ffffff;
  --utility-cta-background-colour-desktop-hover: #41344A;
  --utility-cta-colour-desktop-shrink: #41344A;
  --utility-cta-border-colour-desktop-shrink: #41344A;
  --utility-cta-colour-desktop-shrink-hover: #ffffff;
  --utility-cta-background-colour-desktop-shrink-hover: #41344A;
  --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: linear-gradient(120deg, #059194 0%, #096878 100%);
  --search-modal-text-colour: #ffffff;
  --search-modal-btn-colour: #ffffff;
  --search-modal-btn-colour-hover: #ffffff;
  --search-modal-btn-background-colour-hover: #059194;
  --search-modal-logo-top-desktop: 52px;
  --breadcrumbs-background-colour: #E1F1EE;
  --breadcrumbs-link-font-size: 13px;
  --breadcrumbs-link-font-weight: 13px;
  --breadcrumbs-link-colour: #41344A;
  --breadcrumbs-link-last-child-colour: #41344A;
  --breadcrumbs-link-last-child-font-weight: 400;
  --breadcrumbs-link-last-child-text-decoration: none;
  --breadcrumbs-chevron-colour: #41344A;
  --subnav-background-colour: #FFF6DC;
  --subnav-font-weight: 500;
  --subnav-colour: #41344A;
  --subnav-border-colour: transparent;
  --subnav-border-colour-current-hover: #41344A;
  --footer-background-colour: linear-gradient(120deg, #059194 0%, #096878 100%);
  --footer-text-colour: #ffffff;
  --footer-social-link-colour: #ffffff;
  --footer-social-link-background-colour: transparent;
  --footer-social-link-colour-hover: #ffffff;
  --footer-social-link-background-colour-hover: #059194;
  --footer-nav-link-colour: #ffffff;
  --footer-nav-link-colour-hover: #ffffff;
  --footer-nav-link-opacity-hover: 0.4;
  --btt-colour: #ffffff;
  --btt-background-colour: #41344A;
  --btt-colour-hover: #ffffff;
  --btt-background-colour-hover: #41344A;
  --btn-text-color: #41344A;
  --btn-bg-color: #ffffff;
  --btn-border-color: #41344A;
  --btn-text-color-alt: #ffffff;
  --btn-bg-color-alt: #41344A;
  --btn-padding: 7.5px 22px;
  --btn-border-theme-1-colour: #059194;
  --btn-border-theme-1-colour-hover: #ffffff;
  --btn-border-theme-1-border-colour: #059194;
  --btn-border-theme-1-background-colour-hover: #059194;
  --btn-border-theme-2-colour: #059194;
  --btn-border-theme-2-colour-hover: #41344A;
  --btn-border-theme-2-border-colour: #059194;
  --btn-border-theme-2-background-colour-hover: #41344A;
  --btn-border-theme-3-colour: #059194;
  --btn-border-theme-3-colour-hover: #ffffff;
  --btn-border-theme-3-border-colour: #059194;
  --btn-border-theme-3-background-colour-hover: #059194;
  --btn-solid-theme-1-colour: #ffffff;
  --btn-solid-theme-1-colour-hover: #ffffff;
  --btn-solid-theme-1-border-colour: #096878;
  --btn-solid-theme-1-border-colour-hover: #059194;
  --btn-solid-theme-1-background-colour: #096878;
  --btn-solid-theme-1-background-colour-hover: #059194;
  --btn-solid-theme-2-colour: #059194;
  --btn-solid-theme-2-colour-hover: #ffffff;
  --btn-solid-theme-2-border-colour: #ffffff;
  --btn-solid-theme-2-border-colour-hover: #096878;
  --btn-solid-theme-2-background-colour: #ffffff;
  --btn-solid-theme-2-background-colour-hover: #096878;
  --btn-solid-theme-3-colour: #ffffff;
  --btn-solid-theme-3-colour-hover: #ffffff;
  --btn-solid-theme-3-border-colour: #096878;
  --btn-solid-theme-3-border-colour-hover: #059194;
  --btn-solid-theme-3-background-colour: #096878;
  --btn-solid-theme-3-background-colour-hover: #059194;
  --hyperlink-colour: #41344A;
  --hyperlink-colour-alt: #ffffff;
  --hyperlink-colour-hover: #059194;
  --hyperlink-colour-alt-hover: #ffffff;
  --hyperlink-opacity-hover: 1;
  --icon-link-colour: #096878;
  --icon-link-colour-mobile-nav: #ffffff;
  --icon-link-colour-hover: #059194;
  --icon-link-opacity-hover: 1;
  --btn-state-colour: #41344A;
  --btn-state-background-colour: transparent;
  --btn-state-colour-alt: #41344A;
  --btn-state-background-colour-alt: transparent;
  --btn-state-colour-hover-focus: #059194;
  --btn-state-background-colour-hover-focus: #E1F1EE;
  --block-theme-1-background-colour: linear-gradient(120deg, #059194 0%, #096878 100%);
  --block-theme-2-background-colour: #FFF6DC;
  --faq-title-link-colour: #41344A;
  --faq-title-link-colour-hover: #059194;
  --faq-title-link-opacity-hover: 1;
  --form-padding: 8px 20px;
  --form-select-padding: 6px 20px 8px;
  --form-colour: rgba(5, 145, 148, 0.5);
  --form-border-colour: rgba(5, 145, 148, 0.5);
  --form-colour-active: #059194;
  --form-border-colour-active: #059194;
  --filter-form-background-colour: #FFF6DC;
  --product-list-page-image-background-colour-1: #FFF6DC;
  --product-list-link-solid-colour: #ffffff;
  --product-list-link-solid-colour-hover: #ffffff;
  --product-list-link-solid-border-colour: #096878;
  --product-list-link-solid-border-colour-hover: #059194;
  --product-list-link-solid-background-colour: #096878;
  --product-list-link-solid-background-colour-hover: #059194;
  --product-page-background-colour-theme: #FFF6DC;
  --product-page-thumbs-background-colour: #FFF6DC;
  --product-page-thumbs-background-colour-alt: #ffffff;
  --product-page-availability-icon: "\E90C";
  --product-page-availability-icon-colour: #41344A;
  --product-page-share-icon-colour: #096878;
  --product-page-share-icon-colour-hover: #059194;
  --product-page-btn-colour: #096878;
  --product-page-btn-border-colour: #096878;
  --product-page-btn-border-colour-hover: #096878;
  --product-page-btn-background-colour-hover: #096878;
  --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: #41344A;
  --locale-page-selector-background-image: none;
  --nav-locale-background-colour: #059194;
  --nav-locale-logo-height-mobile: 79px;
  --nav-locale-logo-height-desktop: 90px;
  --nav-locale-link-colour-hover: #ffffff;
  --team-page-bg-colour: #FFF6DC;
  --team-page-bg-colour-alt: #059194;
  --careers-filter-heading-colour: rgba(65, 52, 74, 0.75);
  --careers-filter-reset-colour: #41344A;
  --careers-filter-reset-font-weight: 600;
  --careers-filter-reset-opacity-hover: 0.4;
  --careers-filter-search-icon-colour-hover: #41344A;
  --search-grey: #059194;
  --article-page-banner-background-colour: linear-gradient(120deg, #059194 0%, #096878 100%);
  --article-page-preheader-colour: #FFF6DC;
  --article-page-card-background-colour: #096878;
  --animation-module-background-colour: #FFF6DC;
  --communications-popup-light-colour: #41344A;
  --communications-popup-light-heading-colour: #096878;
  --communications-popup-light-background-colour: #FFF6DC;
  --communications-popup-dark-colour: #ffffff;
  --communications-popup-dark-heading-colour: #ffffff;
  --communications-popup-dark-background-colour: #096878;
  --img-bg-colour-1: rgba(255, 255, 255, 0.25);
  --img-bg-colour-2: #ffffff;
  --img-bg-colour-3: transparent;
  --banner-block-theme-1-background-colour: #096878;
  --banner-block-theme-1-background-image: linear-gradient(120deg, #059194 0%, #096878 100%);
  --banner-block-theme-2-background-colour: #E1F1EE;
  --banner-block-bg-theme-dark-colour: #ffffff;
  --notice-bar-background-colour: #41344A;
  --notice-bar-colour: #ffffff;
  --feature-block-mask-img: none;
  --feature-block-thumbs-description: #059194;
  --tabs-block-colour: #41344A;
  --tabs-block-colour-hover: #41344A;
  --tabs-block-background-colour-hover: #FFF6DC;
  --office-block-colour: #41344A;
  --office-block-colour-hover: #ffffff;
  --office-block-background-colour-hover: #41344A;
  --instagram-block-caption-colour: #41344A;
  --instagram-block-theme-1-caption-colour: #ffffff;
  --instagram-block-theme-2-caption-colour: #41344A;
  --cookie-consent-accent-colour: #41344A;
  --swiper-button-colour: #096878;
  --swiper-button-colour-theme-1: #ffffff;
  --swiper-button-colour-hover: #059194;
  --swiper-button-opacity-hover: 1;
  --swiper-button-colour-hover-theme-1: #ffffff;
  --swiper-button-opacity-hover-theme-1: 0.5;
  --swiper-pagination-background-colour: #EED6A3;
  --swiper-pagination-background-colour-theme-1: #ffffff;
  --swiper-pagination-opacity: 1;
  --swiper-pagination-opacity-theme-1: 0.5;
  --swiper-pagination-background-colour-hover: #059194;
  --swiper-pagination-background-colour-hover-theme-1: #ffffff;
  --swiper-scrollbar-semi-transparent-background-colour: rgba(5, 145, 148, 0.2);
  --swiper-scrollbar-theme-1-semi-transparent-background-colour: rgba(5, 145, 148, 0.2);
  --swiper-scrollbar-theme-2-semi-transparent-background-colour: rgba(5, 145, 148, 0.2);
  --swiper-scrollbar-solid-background-colour: #059194;
  --swiper-scrollbar-theme-1-solid-background-colour: #059194;
  --swiper-scrollbar-theme-2-solid-background-colour: #059194;
  --swiper-scrollbar-border-colour: #ffffff;
  --swiper-scrollbar-theme-1-border-colour: #ffffff;
  --swiper-scrollbar-theme-2-border-colour: #FFF6DC;
  --card-overlay-colour: #096878;
  --mixin-linear-gradient-bottom-colour: rgba(65, 52, 74, 0.9); }

@font-face {
  font-family: "Nunito";
  src: url(/_resources/themes/nelsons/dist/version1675073559/src/fonts/Nunito-Regular-a9a40c8368361425b83757ee17de67c8.woff2) format("woff2"), url(/_resources/themes/nelsons/dist/version1675073559/src/fonts/Nunito-Regular-7a7d10b16c696a60d434a6539d3d04f2.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Nunito";
  src: url(/_resources/themes/nelsons/dist/version1675073559/src/fonts/Nunito-SemiBold-ccae494bdfe1216fb8a0278e537a5abf.woff2) format("woff2"), url(/_resources/themes/nelsons/dist/version1675073559/src/fonts/Nunito-SemiBold-76806d2f605588f3b3189b6f5cdd05d9.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Nunito";
  src: url(/_resources/themes/nelsons/dist/version1675073559/src/fonts/Nunito-Bold-f1eb34bd2e218817a3049c0336001e1b.woff2) format("woff2"), url(/_resources/themes/nelsons/dist/version1675073559/src/fonts/Nunito-Bold-acd2ce888cafe7cb7cd94828d432308e.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

