/**
* Swiper 6.8.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: August 23, 2021
*/
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
@charset "UTF-8";
/*!
* Theme Name: Holisan Ayurveda
* Text Domain: holisan-ayurveda
* Version: 1.0.0
*/
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s;
}
[data-aos] {
pointer-events: none;
}
[data-aos].aos-animate {
pointer-events: auto;
}
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen {
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform;
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: none;
}
html:not(.no-js) [data-aos=fade-up] {
transform: translate3d(0, 100px, 0);
}
html:not(.no-js) [data-aos=fade-down] {
transform: translate3d(0, -100px, 0);
}
html:not(.no-js) [data-aos=fade-right] {
transform: translate3d(-100px, 0, 0);
}
html:not(.no-js) [data-aos=fade-left] {
transform: translate3d(100px, 0, 0);
}
html:not(.no-js) [data-aos=fade-up-right] {
transform: translate3d(-100px, 100px, 0);
}
html:not(.no-js) [data-aos=fade-up-left] {
transform: translate3d(100px, 100px, 0);
}
html:not(.no-js) [data-aos=fade-down-right] {
transform: translate3d(-100px, -100px, 0);
}
html:not(.no-js) [data-aos=fade-down-left] {
transform: translate3d(100px, -100px, 0);
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform;
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translateZ(0) scale(1);
}
html:not(.no-js) [data-aos=zoom-in] {
transform: scale(0.6);
}
html:not(.no-js) [data-aos=zoom-in-up] {
transform: translate3d(0, 100px, 0) scale(0.6);
}
html:not(.no-js) [data-aos=zoom-in-down] {
transform: translate3d(0, -100px, 0) scale(0.6);
}
html:not(.no-js) [data-aos=zoom-in-right] {
transform: translate3d(-100px, 0, 0) scale(0.6);
}
html:not(.no-js) [data-aos=zoom-in-left] {
transform: translate3d(100px, 0, 0) scale(0.6);
}
html:not(.no-js) [data-aos=zoom-out] {
transform: scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-up] {
transform: translate3d(0, 100px, 0) scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-down] {
transform: translate3d(0, -100px, 0) scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-right] {
transform: translate3d(-100px, 0, 0) scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-left] {
transform: translate3d(100px, 0, 0) scale(1.2);
}
html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
transition-property: transform;
visibility: hidden;
}
html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
visibility: visible;
transform: translateZ(0);
}
html:not(.no-js) [data-aos=slide-up] {
transform: translate3d(0, 100%, 0);
}
html:not(.no-js) [data-aos=slide-down] {
transform: translate3d(0, -100%, 0);
}
html:not(.no-js) [data-aos=slide-right] {
transform: translate3d(-100%, 0, 0);
}
html:not(.no-js) [data-aos=slide-left] {
transform: translate3d(100%, 0, 0);
}
html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform;
}
html:not(.no-js) [data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg);
}
html:not(.no-js) [data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0);
}
html:not(.no-js) [data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg);
}
html:not(.no-js) [data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0);
}
html:not(.no-js) [data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg);
}
html:not(.no-js) [data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0);
}
html:not(.no-js) [data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
html:not(.no-js) [data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0);
}
}
.hidden, .gform_validation_container {
position: absolute;
heigh: 0;
width: 0;
visibility: hidden;
opacity: 0;
}
@media only screen and (min-width: 48em) {
.mobile-only {
display: none;
}
}
@media only screen and (max-width: 47.9375em) {
.desktop-only {
display: none;
}
}
/*
Theme Name: Holisan Ayurveda
Author: High Teck Internet Applications
Author URI: https://high-teck.com
Description: Main theme for Holisan Ayurveda
Requires PHP: 8.x
Version: 1.0
Holisan-ayurveda.nl Theme (C) 2025 High Teck Internet Applications
*/
@font-face {
font-family: "holisan-heading";
src: url("/wp-content/themes/holisan-ayurveda/fonts/Marcellus-Regular.eot");
src: url("/wp-content/themes/holisan-ayurveda/fonts/Marcellus-Regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/holisan-ayurveda/fonts/Marcellus-Regular.woff2") format("woff2"), url("/wp-content/themes/holisan-ayurveda/fonts/Marcellus-Regular.woff") format("woff"), url("/wp-content/themes/holisan-ayurveda/fonts/Marcellus-Regular.ttf") format("truetype"), url("/wp-content/themes/holisan-ayurveda/fonts/Marcellus-Regular.svg#Marcellus-Regular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "holisan-intro";
src: url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Bold.eot");
src: url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Bold.woff2") format("woff2"), url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Bold.woff") format("woff"), url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Bold.ttf") format("truetype"), url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Bold.svg#Lato-Bold") format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "holisan-body";
src: url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Regular.eot");
src: url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Regular.woff2") format("woff2"), url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Regular.woff") format("woff"), url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Regular.ttf") format("truetype"), url("/wp-content/themes/holisan-ayurveda/fonts/Lato-Regular.svg#Lato-Regular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
text-decoration-thickness: 1px;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration-style: dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* Reset specific elements to make them easier to style in other contexts.
*/
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
/**
* Apply generic border-box to all elements.
* See:
* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
*/
html {
/* Apply border-box across the entire page. */
box-sizing: border-box;
}
/**
* Relax the definition a bit, to allow components to override it manually.
*/
*, *::before, *::after {
box-sizing: inherit;
}
button {
cursor: pointer;
}
body.term-neem-supreme {
background-color: #273477;
}
body.term-neem-supreme .slider_block_component__block,
body.term-neem-supreme .some_other_component__block {
background-color: #273477;
}
body.term-neem-supreme .slider_block_component__block a.button, body.term-neem-supreme .slider_block_component__block .text-with-image--logo a.text-with-image__link, .text-with-image--logo body.term-neem-supreme .slider_block_component__block a.text-with-image__link, body.term-neem-supreme .slider_block_component__block .login a.oauthloginbutton, .login body.term-neem-supreme .slider_block_component__block a.oauthloginbutton,
body.term-neem-supreme .slider_block_component__block .login a.mo_oauth_login_button,
.login body.term-neem-supreme .slider_block_component__block a.mo_oauth_login_button,
body.term-neem-supreme .slider_block_component__block .account a.oauthloginbutton,
.account body.term-neem-supreme .slider_block_component__block a.oauthloginbutton,
body.term-neem-supreme .slider_block_component__block .account a.mo_oauth_login_button,
.account body.term-neem-supreme .slider_block_component__block a.mo_oauth_login_button,
body.term-neem-supreme .some_other_component__block a.button,
body.term-neem-supreme .some_other_component__block .text-with-image--logo a.text-with-image__link,
.text-with-image--logo body.term-neem-supreme .some_other_component__block a.text-with-image__link,
body.term-neem-supreme .some_other_component__block .login a.oauthloginbutton,
.login body.term-neem-supreme .some_other_component__block a.oauthloginbutton,
body.term-neem-supreme .some_other_component__block .login a.mo_oauth_login_button,
.login body.term-neem-supreme .some_other_component__block a.mo_oauth_login_button,
body.term-neem-supreme .some_other_component__block .account a.oauthloginbutton,
.account body.term-neem-supreme .some_other_component__block a.oauthloginbutton,
body.term-neem-supreme .some_other_component__block .account a.mo_oauth_login_button,
.account body.term-neem-supreme .some_other_component__block a.mo_oauth_login_button {
background-color: #F5EFE0;
color: #030303;
}
body.term-neem-supreme footer {
background-color: #273477;
}
body.term-classic-ayurveda {
background-color: #BC5318;
}
body.term-classic-ayurveda .slider_block_component__block,
body.term-classic-ayurveda .some_other_component__block {
background-color: #BC5318;
}
body.term-classic-ayurveda .slider_block_component__block a.button, body.term-classic-ayurveda .slider_block_component__block .text-with-image--logo a.text-with-image__link, .text-with-image--logo body.term-classic-ayurveda .slider_block_component__block a.text-with-image__link, body.term-classic-ayurveda .slider_block_component__block .login a.oauthloginbutton, .login body.term-classic-ayurveda .slider_block_component__block a.oauthloginbutton,
body.term-classic-ayurveda .slider_block_component__block .login a.mo_oauth_login_button,
.login body.term-classic-ayurveda .slider_block_component__block a.mo_oauth_login_button,
body.term-classic-ayurveda .slider_block_component__block .account a.oauthloginbutton,
.account body.term-classic-ayurveda .slider_block_component__block a.oauthloginbutton,
body.term-classic-ayurveda .slider_block_component__block .account a.mo_oauth_login_button,
.account body.term-classic-ayurveda .slider_block_component__block a.mo_oauth_login_button,
body.term-classic-ayurveda .some_other_component__block a.button,
body.term-classic-ayurveda .some_other_component__block .text-with-image--logo a.text-with-image__link,
.text-with-image--logo body.term-classic-ayurveda .some_other_component__block a.text-with-image__link,
body.term-classic-ayurveda .some_other_component__block .login a.oauthloginbutton,
.login body.term-classic-ayurveda .some_other_component__block a.oauthloginbutton,
body.term-classic-ayurveda .some_other_component__block .login a.mo_oauth_login_button,
.login body.term-classic-ayurveda .some_other_component__block a.mo_oauth_login_button,
body.term-classic-ayurveda .some_other_component__block .account a.oauthloginbutton,
.account body.term-classic-ayurveda .some_other_component__block a.oauthloginbutton,
body.term-classic-ayurveda .some_other_component__block .account a.mo_oauth_login_button,
.account body.term-classic-ayurveda .some_other_component__block a.mo_oauth_login_button {
background-color: #F5EFE0;
color: #030303;
}
body.term-classic-ayurveda footer {
background-color: #BC5318;
}
body.term-hhp {
background-color: #807DBA;
}
body.term-hhp .slider_block_component__block,
body.term-hhp .some_other_component__block {
background-color: #807DBA;
}
body.term-hhp .slider_block_component__block a.button, body.term-hhp .slider_block_component__block .text-with-image--logo a.text-with-image__link, .text-with-image--logo body.term-hhp .slider_block_component__block a.text-with-image__link, body.term-hhp .slider_block_component__block .login a.oauthloginbutton, .login body.term-hhp .slider_block_component__block a.oauthloginbutton,
body.term-hhp .slider_block_component__block .login a.mo_oauth_login_button,
.login body.term-hhp .slider_block_component__block a.mo_oauth_login_button,
body.term-hhp .slider_block_component__block .account a.oauthloginbutton,
.account body.term-hhp .slider_block_component__block a.oauthloginbutton,
body.term-hhp .slider_block_component__block .account a.mo_oauth_login_button,
.account body.term-hhp .slider_block_component__block a.mo_oauth_login_button,
body.term-hhp .some_other_component__block a.button,
body.term-hhp .some_other_component__block .text-with-image--logo a.text-with-image__link,
.text-with-image--logo body.term-hhp .some_other_component__block a.text-with-image__link,
body.term-hhp .some_other_component__block .login a.oauthloginbutton,
.login body.term-hhp .some_other_component__block a.oauthloginbutton,
body.term-hhp .some_other_component__block .login a.mo_oauth_login_button,
.login body.term-hhp .some_other_component__block a.mo_oauth_login_button,
body.term-hhp .some_other_component__block .account a.oauthloginbutton,
.account body.term-hhp .some_other_component__block a.oauthloginbutton,
body.term-hhp .some_other_component__block .account a.mo_oauth_login_button,
.account body.term-hhp .some_other_component__block a.mo_oauth_login_button {
background-color: #F5EFE0;
color: #030303;
}
body.term-hhp footer {
background-color: #807DBA;
}
body.term-organic-india {
background-color: #104F25;
}
body.term-organic-india .slider_block_component__block,
body.term-organic-india .some_other_component__block {
background-color: #104F25;
}
body.term-organic-india .slider_block_component__block a.button, body.term-organic-india .slider_block_component__block .text-with-image--logo a.text-with-image__link, .text-with-image--logo body.term-organic-india .slider_block_component__block a.text-with-image__link, body.term-organic-india .slider_block_component__block .login a.oauthloginbutton, .login body.term-organic-india .slider_block_component__block a.oauthloginbutton,
body.term-organic-india .slider_block_component__block .login a.mo_oauth_login_button,
.login body.term-organic-india .slider_block_component__block a.mo_oauth_login_button,
body.term-organic-india .slider_block_component__block .account a.oauthloginbutton,
.account body.term-organic-india .slider_block_component__block a.oauthloginbutton,
body.term-organic-india .slider_block_component__block .account a.mo_oauth_login_button,
.account body.term-organic-india .slider_block_component__block a.mo_oauth_login_button,
body.term-organic-india .some_other_component__block a.button,
body.term-organic-india .some_other_component__block .text-with-image--logo a.text-with-image__link,
.text-with-image--logo body.term-organic-india .some_other_component__block a.text-with-image__link,
body.term-organic-india .some_other_component__block .login a.oauthloginbutton,
.login body.term-organic-india .some_other_component__block a.oauthloginbutton,
body.term-organic-india .some_other_component__block .login a.mo_oauth_login_button,
.login body.term-organic-india .some_other_component__block a.mo_oauth_login_button,
body.term-organic-india .some_other_component__block .account a.oauthloginbutton,
.account body.term-organic-india .some_other_component__block a.oauthloginbutton,
body.term-organic-india .some_other_component__block .account a.mo_oauth_login_button,
.account body.term-organic-india .some_other_component__block a.mo_oauth_login_button {
background-color: #F5EFE0;
color: #030303;
}
body.term-organic-india footer {
background-color: #104F25;
}
body.term-white {
background-color: #FCFBF7;
}
body.term-white .slider_block_component__block,
body.term-white .some_other_component__block {
background-color: #FCFBF7;
}
body.term-white .slider_block_component__block a.button, body.term-white .slider_block_component__block .text-with-image--logo a.text-with-image__link, .text-with-image--logo body.term-white .slider_block_component__block a.text-with-image__link, body.term-white .slider_block_component__block .login a.oauthloginbutton, .login body.term-white .slider_block_component__block a.oauthloginbutton,
body.term-white .slider_block_component__block .login a.mo_oauth_login_button,
.login body.term-white .slider_block_component__block a.mo_oauth_login_button,
body.term-white .slider_block_component__block .account a.oauthloginbutton,
.account body.term-white .slider_block_component__block a.oauthloginbutton,
body.term-white .slider_block_component__block .account a.mo_oauth_login_button,
.account body.term-white .slider_block_component__block a.mo_oauth_login_button,
body.term-white .some_other_component__block a.button,
body.term-white .some_other_component__block .text-with-image--logo a.text-with-image__link,
.text-with-image--logo body.term-white .some_other_component__block a.text-with-image__link,
body.term-white .some_other_component__block .login a.oauthloginbutton,
.login body.term-white .some_other_component__block a.oauthloginbutton,
body.term-white .some_other_component__block .login a.mo_oauth_login_button,
.login body.term-white .some_other_component__block a.mo_oauth_login_button,
body.term-white .some_other_component__block .account a.oauthloginbutton,
.account body.term-white .some_other_component__block a.oauthloginbutton,
body.term-white .some_other_component__block .account a.mo_oauth_login_button,
.account body.term-white .some_other_component__block a.mo_oauth_login_button {
background-color: #8CBE23;
color: #030303;
}
body.term-white footer {
background-color: #FCFBF7;
}
body {
font-size: 2rem;
font-family: "holisan-body", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
color: #273477;
line-height: 1.4;
}
h1,
.h1,
h2,
.h2,
.text-with-image--logo .text-with-image__title,
h3,
.h3,
.page-template-my-subscription .contact-form__title,
.page-template-my-equipment .contact-form__title,
.page-template-my-products .contact-form__title,
.page-template-my-stories .contact-form__title,
.story__description h2,
.equipment__description h2,
.stories-row__list--1 .story-excerpt__title,
h4,
.h4,
h5,
.h5,
.login #loginform h4,
h6,
.h6 {
font-family: "holisan-heading", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
margin: 0 0 0.5em;
color: #273477;
line-height: 1.05;
}
@media only screen and (min-width: 48em) {
h1,
.h1,
h2,
.h2,
.text-with-image--logo .text-with-image__title,
h3,
.h3,
.page-template-my-subscription .contact-form__title,
.page-template-my-equipment .contact-form__title,
.page-template-my-products .contact-form__title,
.page-template-my-stories .contact-form__title,
.story__description h2,
.equipment__description h2,
.stories-row__list--1 .story-excerpt__title,
h4,
.h4,
h5,
.h5,
.login #loginform h4,
h6,
.h6 {
line-height: 1.2;
}
}
h1,
.h1 {
margin: 0;
color: #273477;
font-weight: 700;
line-height: 1.2;
/* Scalable font-size:
- Min = 2.4rem (±24px)
- Fluid = ~4vw
- Max = ±3.8rem–4.2rem
*/
font-size: clamp(2rem, 4vw, 4rem);
}
h2,
.h2,
.text-with-image--logo .text-with-image__title {
font-weight: 700;
font-size: clamp(1.8rem, 1.2rem + 2vw, 3.2rem);
line-height: 1.4;
}
h3,
.h3,
.page-template-my-subscription .contact-form__title,
.page-template-my-equipment .contact-form__title,
.page-template-my-products .contact-form__title,
.page-template-my-stories .contact-form__title,
.story__description h2,
.equipment__description h2,
.stories-row__list--1 .story-excerpt__title {
font-weight: 700;
font-size: 3.2rem;
line-height: 1.4;
}
h4,
.h4 {
font-size: 2.8rem;
font-weight: 700;
line-height: 1.4;
}
h5,
.h5,
.login #loginform h4 {
font-size: 2.8rem;
font-weight: 700;
font-size: 1.8rem;
}
h6,
.h6 {
font-size: 2rem;
font-weight: 700;
font-size: 1.6rem;
}
p {
margin-bottom: 1em;
line-height: 1.6;
}
@media only screen and (max-width: 26.9375em) {
p {
font-size: 1.6rem;
}
}
.introduction, .story__introduction, .equipment__introduction {
font-size: 1.8rem;
line-height: 1.4;
color: #807DBA;
}
a {
color: #8CBE23;
}
.center, .centered {
text-align: center;
}
.button, body.login form input[type=submit]#wp-submit, .text-with-image--logo .text-with-image__link, .login .oauthloginbutton,
.login .mo_oauth_login_button,
.account .oauthloginbutton,
.account .mo_oauth_login_button {
appearance: none;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 1.3rem 2.5rem 1.4rem;
border-radius: 10rem;
border: 0;
font-family: "holisan-body", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
background: #8CBE23;
color: #030303;
text-decoration: none;
cursor: pointer;
text-align: center;
outline: none;
font-size: 2rem;
line-height: 1;
white-space: nowrap;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media only screen and (min-width: 48em) {
.button:hover, body.login form input[type=submit]#wp-submit:hover, .text-with-image--logo .text-with-image__link:hover, .login .oauthloginbutton:hover,
.login .mo_oauth_login_button:hover,
.account .oauthloginbutton:hover,
.account .mo_oauth_login_button:hover, .button:focus, body.login form input[type=submit]#wp-submit:focus, .text-with-image--logo .text-with-image__link:focus, .login .oauthloginbutton:focus,
.login .mo_oauth_login_button:focus,
.account .oauthloginbutton:focus,
.account .mo_oauth_login_button:focus {
background: #8CBE23;
color: #FCFBF7;
}
}
.button--secondary {
background-color: #8CBE23;
}
@media only screen and (min-width: 48em) {
.button--secondary:hover, .button--secondary:focus {
background: #8CBE23;
}
}
.button--small, .login .oauthloginbutton,
.login .mo_oauth_login_button,
.account .oauthloginbutton,
.account .mo_oauth_login_button {
padding: 1rem 2rem;
font-size: 1.8rem;
}
.button--bordered {
background: none;
border: 0.1rem solid #273477;
border-radius: 1rem;
color: #273477;
}
@media only screen and (min-width: 48em) {
.button--bordered:hover {
border-color: #8CBE23;
background: #8CBE23;
color: #030303;
}
.button--bordered:hover svg .fill {
fill: #FCFBF7;
}
}
.button--bordered svg .fill {
fill: #8CBE23;
}
.button--bordered-white {
border-color: #FCFBF7;
color: #FCFBF7;
}
.button svg, body.login form input[type=submit]#wp-submit svg, .text-with-image--logo .text-with-image__link svg, .login .oauthloginbutton svg,
.login .mo_oauth_login_button svg,
.account .oauthloginbutton svg,
.account .mo_oauth_login_button svg {
margin-left: 1rem;
}
.filters {
margin: 2rem 0 4rem;
}
.filters__form {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 2.4rem;
}
@media only screen and (min-width: 48em) {
.filters__form {
flex-direction: row;
align-items: flex-end;
}
}
.filters__group {
display: flex;
flex-direction: column;
margin: 0;
width: 100%;
max-width: 32rem;
}
@media only screen and (min-width: 48em) {
.filters__group {
flex: 0 1 32rem;
max-width: none;
}
}
.filters__filter label {
display: block;
margin-bottom: 1rem;
color: #807DBA;
}
.gform_fields {
grid-row-gap: 1px !important;
}
.gform_validation_errors {
margin-bottom: 1.5rem;
padding: 2rem;
border-radius: 1.2rem;
background: rgba(140, 190, 35, 0.2);
}
.gform_validation_errors .gform_submission_error {
margin: 0;
font-size: 2rem;
font-weight: 400;
color: #8CBE23;
}
.gfield {
margin-bottom: 1.5rem !important;
}
.gfield input,
.gfield textarea {
width: 100%;
border: 0.1rem solid #C4C4C4 !important;
background: #ffffff;
border-radius: 1.2rem !important;
color: #00001B;
transition: border-color 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.gfield_error input {
border: 0.1rem solid #8CBE23;
}
.gfield_error .gfield_validation_message {
margin: 0.5rem 0 0 0.3rem;
color: #8CBE23;
font-size: 1.8rem;
}
.consent {
padding: 0.5rem 2rem;
color: #273477;
font-size: 1.8rem;
}
.hidden_label label {
display: none;
}
.gform_footer {
position: relative;
}
.gform_footer .gform_ajax_spinner {
position: absolute;
filter: brightness(2);
bottom: 10px;
right: 8px;
opacity: 0.5;
width: 35px;
}
.gform-submit-button input[type=submit] {
position: absolute;
opacity: 0;
pointer-events: none;
/* makes the styled div clickable instead */
}
picture {
display: block;
}
picture.cover img {
object-fit: cover;
}
picture.contain img {
object-fit: contain;
}
picture span {
opacity: 0.3;
}
img {
display: block;
font-size: 0;
}
svg {
display: block;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]), textarea {
appearance: none;
border: 0.1rem solid #807DBA !important;
background: #fff;
border-radius: 1.2rem;
color: #030303;
transition: border-color 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #273477;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button])::placeholder, textarea::placeholder {
color: #273477;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):focus, input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):focus-visible, textarea:focus, textarea:focus-visible {
outline: none !important;
box-shadow: none;
}
.main-header input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]) {
border: 0 !important;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]) {
padding: 0.65rem 1.5rem;
}
textarea {
display: block;
padding: 1.5rem 2rem;
resize: none;
}
.gform_button,
.gform_next_button,
.gform_theme_button {
display: block;
background: #8CBE23 !important;
padding: 2.3rem !important;
border-radius: 10rem !important;
color: #030303 !important;
}
.gform_button:hover, .gform_button:focus,
.gform_next_button:hover,
.gform_next_button:focus,
.gform_theme_button:hover,
.gform_theme_button:focus {
background: #8CBE23 !important;
color: #273477;
}
.loader {
display: inline-block;
position: relative;
width: 12rem;
height: 12rem;
mix-blend-mode: multiply;
}
.loader div {
box-sizing: border-box;
display: block;
position: absolute;
width: 10rem;
height: 10rem;
margin: 1rem;
border: 1rem solid #D7D2C8;
border-radius: 50%;
animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #D7D2C8 transparent transparent transparent;
}
.loader div:nth-child(1) {
animation-delay: -0.45s;
}
.loader div:nth-child(2) {
animation-delay: -0.3s;
}
.loader div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ss-main {
position: relative;
cursor: pointer;
}
@media only screen and (min-width: 48em) {
.ss-main.slim-select--search {
font-size: 2rem;
}
}
.ss-main.slim-select--search .ss-single-selected {
padding: 1.5rem 3rem;
height: 5.5rem;
}
.ss-main.slim-select--search .ss-single-selected:after {
width: 4.1rem;
height: 4.1rem;
}
@media only screen and (min-width: 48em) {
.ss-main.slim-select--search .ss-single-selected {
padding: 2rem 3.4rem;
}
.ss-main.slim-select--search .ss-single-selected:after {
width: 3.4rem;
height: 3.4rem;
}
}
.ss-main.slim-select--search .ss-deselect {
position: absolute;
z-index: 2;
right: 0.7rem;
border-radius: 50%;
width: 4.3rem;
height: 4.3rem;
font-size: 0;
color: #807DBA;
background: #BEB9AA url('data:image/svg+xml;utf8, ') no-repeat center;
}
@media only screen and (min-width: 48em) {
.ss-main.slim-select--search .ss-deselect {
width: 4.3rem;
height: 4.3rem;
}
}
.ss-main.slim-select--search .ss-search {
margin: 1rem;
}
.ss-main.slim-select--search .ss-search input {
width: 100%;
}
.ss-single-selected {
display: flex;
align-items: center;
padding: 1.2rem 2rem;
height: 5rem;
border: 0.1rem solid #F5EFE0;
border-radius: 10rem;
background: #FCFBF7;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.ss-single-selected:hover {
background-color: #F8F6F2;
}
.ss-single-selected .placeholder {
color: #807DBA;
}
.ss-open-below:after {
transform: scaleY(-1);
}
.ss-content {
position: absolute;
z-index: 99;
margin-top: 1.5rem;
width: 100%;
background: #FCFBF7;
border-radius: 2rem;
box-shadow: none;
opacity: 0;
transform: translateY(-0.3rem) scaleY(0);
transform-origin: top center;
transition: all 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.ss-list {
max-height: 30rem;
overflow-y: auto;
}
.ss-open {
opacity: 1;
transform: translateY(0) scaleY(1);
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.ss-open .ss-option {
color: #030303;
opacity: 1;
transition: opacity 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 125ms;
}
.ss-option {
padding: 1rem 2rem;
opacity: 0;
transition: opacity 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.ss-option:first-of-type {
padding: 1.5rem 2rem 1rem;
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
}
.ss-option:last-of-type {
padding: 1rem 2rem 1.5rem;
border-bottom-left-radius: 2rem;
border-bottom-right-radius: 2rem;
}
.ss-option:hover {
color: #030303;
background: #F8F6F2;
}
.ss-hide {
display: none;
}
.switch {
position: relative;
display: inline-block;
width: 11.8rem;
height: 4.1rem;
}
.switch__checkbox {
opacity: 0;
width: 0;
height: 0;
}
.switch__checkbox:checked + span:before {
transform: translateX(6.4rem);
}
.switch__slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #BEB9AA;
transition: 0.4s;
border-radius: 4rem;
}
.switch__slider:before {
position: absolute;
content: "";
height: 2.7rem;
width: 2.7rem;
left: 1.3rem;
bottom: 0.7rem;
background-color: #807DBA;
transition: 0.4s;
border-radius: 50%;
}
.icon svg path {
stroke: #030303;
}
.icon svg.green rect {
fill: #8CBE23;
}
.icon svg.gray rect {
fill: #807DBA;
}
.attachment-woocommerce_thumbnail {
max-width: 100%;
height: auto;
mix-blend-mode: multiply;
}
.woocommerce-product-gallery__image {
background-color: #FCFBF7;
}
.woocommerce-product-gallery__image img {
mix-blend-mode: multiply;
}
.woocommerce div.product {
margin-top: 4rem;
}
.woocommerce div.product .woocommerce-tabs {
margin-block: 3rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.wc-tabs {
display: flex;
gap: 0.375rem;
margin: 0;
padding: 0 0 0 1.25rem;
list-style: none;
position: relative;
bottom: -1px;
z-index: 2;
}
.woocommerce div.product .woocommerce-tabs ul.wc-tabs::before, .woocommerce div.product .woocommerce-tabs ul.wc-tabs::after {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li {
margin: 0;
padding: 0;
border: 1px solid rgba(150, 120, 75, 0.22);
border-radius: 0.5rem 0.5rem 0 0;
background: #efe5cd;
}
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li::before, .woocommerce div.product .woocommerce-tabs ul.wc-tabs li::after {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li a {
display: block;
padding: 0.75rem 1.625rem;
font-weight: 400;
text-decoration: none;
transition: color 0.15s ease;
font-size: 1.8rem;
}
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li:hover:not(.active) {
background: #f1e9d4;
}
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li:hover:not(.active) a {
color: rgba(3, 3, 3, 0.8);
}
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li.active {
background-color: #F5EFE0;
background-image: url('data:image/svg+xml;utf8,'), radial-gradient(ellipse at 20% 15%, rgba(165, 140, 95, 0.1), transparent 55%), radial-gradient(ellipse at 85% 80%, rgba(155, 130, 90, 0.12), transparent 50%), radial-gradient(ellipse at 70% 25%, rgba(255, 250, 235, 0.45), transparent 45%), radial-gradient(ellipse at 40% 90%, rgba(150, 125, 85, 0.08), transparent 40%), radial-gradient(ellipse at center, rgba(255, 252, 242, 0.4), rgba(210, 190, 150, 0.14));
border-color: rgba(150, 120, 75, 0.3);
margin-bottom: -1px;
padding-bottom: 1px;
border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li.active a {
color: #030303;
font-weight: 500;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
background-color: #F5EFE0;
background-image: url('data:image/svg+xml;utf8,'), linear-gradient(to bottom, #F5EFE0 0, rgba(245, 239, 224, 0) 64px), radial-gradient(ellipse at 20% 15%, rgba(165, 140, 95, 0.1), transparent 55%), radial-gradient(ellipse at 85% 80%, rgba(155, 130, 90, 0.12), transparent 50%), radial-gradient(ellipse at 70% 25%, rgba(255, 250, 235, 0.45), transparent 45%), radial-gradient(ellipse at 40% 90%, rgba(150, 125, 85, 0.08), transparent 40%), radial-gradient(ellipse at center, rgba(255, 252, 242, 0.4), rgba(210, 190, 150, 0.14));
box-shadow: inset 0 -14px 40px -10px rgba(150, 120, 75, 0.16), inset 14px 0 40px -14px rgba(150, 120, 75, 0.1), inset -14px 0 40px -14px rgba(150, 120, 75, 0.1);
border: 1px solid rgba(150, 120, 75, 0.3);
border-radius: 0 0.625rem 0.625rem 0.625rem;
padding: 2rem 2.5rem;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel ul {
margin-left: 2rem;
}
h2.xxlarge__green {
font-size: 5.6rem;
line-height: 1.3;
color: #8CBE23;
}
h2.xxlarge__white {
font-size: 5.6rem;
line-height: 1.3;
color: #FCFBF7;
}
h3.small {
font-size: 2.8rem;
}
h3.small__green {
color: #8CBE23;
}
h3.small__white {
color: #FCFBF7;
}
h3.large__green {
font-size: 5.6rem;
line-height: 1.3;
color: #8CBE23;
}
h3.large__white {
font-size: 5.6rem;
line-height: 1.3;
color: #FCFBF7;
}
.pull-left {
margin-right: auto;
}
.pull-right {
margin-left: auto;
}
html {
font-size: 10px;
height: 100%;
box-sizing: border-box;
scroll-behavior: smooth;
overflow-x: hidden;
scrollbar-gutter: stable;
}
body {
overflow-x: hidden !important;
display: flex;
flex-direction: column;
min-height: 100%;
width: 100vw;
background: #273477;
color: #030303;
scrollbar-gutter: stable;
}
body #page {
position: relative;
flex-grow: 1;
display: flex;
flex-direction: column;
min-height: 100%;
}
body #page main {
background: #f5ead7;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.2), 0 20px 60px rgba(0, 0, 0, 0.3);
border-radius: 1px;
position: relative;
flex-grow: 1;
display: flex;
flex-direction: column;
width: 100%;
max-width: 144rem;
margin: 0 auto;
padding: 0 4rem;
background-color: #FCFBF7;
border-radius: 4rem;
}
body #page main::after {
content: "";
position: absolute;
bottom: -5px;
right: 14px;
left: 14px;
height: 5px;
background: transparent;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
border-radius: 50%;
}
body #page .site__page-overlay {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 98;
background: rgba(3, 3, 3, 0.3);
}
#user_switching_switch_on {
position: fixed;
background: black;
z-index: 100;
bottom: 0;
margin: 0;
padding: 0.5rem 1rem;
opacity: 0.5;
font-size: 1.6rem;
}
#user_switching_switch_on a {
color: white;
}
.main-footer {
position: relative;
padding: 5rem 1.5rem;
margin: 6rem 0 0 0;
background: #273477;
font-size: 1.8rem;
}
@media only screen and (max-width: 47.9375em) {
.main-footer {
padding: 2rem 3.6rem;
}
}
.main-footer h2, .main-footer h3 {
font-family: "holisan-heading", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
font-size: 2.8rem;
font-weight: 700;
margin: 0 0 1.5rem;
color: #FCFBF7;
}
.main-footer--upgrade {
padding: 2.4rem 0 3.3rem;
color: #FCFBF7;
}
@media only screen and (max-width: 47.9375em) {
.main-footer--upgrade {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
}
}
.main-footer__columns {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
@media only screen and (max-width: 47.9375em) {
.main-footer__columns {
grid-template-columns: 1fr;
}
}
.main-footer__columns .main-footer__column {
width: 100%;
}
.main-footer__columns .main-footer__column p {
color: #FCFBF7;
}
.main-footer__columns .main-footer__column ul {
list-style-type: none;
}
.main-footer__columns .main-footer__column ul li {
line-height: 2.4rem;
}
.main-footer__columns .main-footer__column ul li a {
color: #FCFBF7;
text-decoration: none;
}
.main-footer__upgrade-bar {
position: absolute;
top: -1rem;
left: 0;
width: 100%;
height: 1rem;
z-index: 1;
background: #FCFBF7;
}
.main-footer__upgrade-bar-background {
position: absolute;
left: 0;
width: 100%;
height: 1rem;
background: rgba(140, 190, 35, 0.2);
}
.main-footer__upgrade-bar-inside {
position: absolute;
top: 0;
left: 0;
height: 1rem;
background: #8CBE23;
}
.main-footer__upgrade-wrapper {
position: relative;
display: flex;
justify-content: center;
max-width: 112rem;
margin: 0 auto;
padding: 0 3rem;
}
@media only screen and (min-width: 48em) {
.main-footer__upgrade-wrapper {
padding: 0;
}
}
.main-footer__upgrade-wrapper div {
font-size: 1.8rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 48em) {
.main-footer__upgrade-wrapper div {
font-size: 2.2rem;
line-height: 2.7rem;
}
}
.main-footer__upgrade-wrapper a {
position: absolute;
top: 50%;
left: 2.5rem;
transform: translateY(-50%);
}
@media only screen and (min-width: 48em) {
.main-footer__upgrade-wrapper a {
left: 0;
}
}
.main-footer__upgrade-wrapper a svg {
margin-left: 0.8rem;
}
.main-footer a {
color: #FCFBF7;
}
@media only screen and (min-width: 48em) {
.main-footer__primary {
display: flex;
justify-content: space-between;
width: 100%;
}
}
@media only screen and (max-width: 47.9375em) {
.main-footer__primary {
margin-bottom: 3rem;
}
}
.main-footer__navigation {
width: 100%;
}
@media only screen and (min-width: 48em) {
.main-footer__navigation {
display: flex;
}
}
.main-footer__navigation .menu-footer-container {
width: 100%;
}
.main-footer__logo {
display: flex;
max-width: 22rem;
}
.main-footer__logo svg {
width: 100%;
}
.main-footer__logo svg .fill {
fill: #FCFBF7;
}
.main-footer__navigation-level-1 {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 3rem;
list-style: none;
width: 100%;
}
@media only screen and (min-width: 48em) {
.main-footer__navigation-level-1 {
display: flex;
justify-content: space-between;
}
.main-footer__navigation-level-1 a {
font-weight: bold;
margin-right: 3rem;
}
}
.main-footer__navigation-level-1 a {
display: block;
padding: 1rem 0;
text-decoration: none;
}
.main-footer__navigation-level-1 .sub-menu {
list-style: none;
}
.main-footer__navigation-level-1 .sub-menu a {
font-weight: normal;
}
.main-footer__socials {
display: flex;
justify-content: center;
align-items: center;
margin: 3rem 0;
}
@media only screen and (min-width: 48em) {
.main-footer__socials {
margin: 0;
}
}
@media only screen and (min-width: 48em) {
.main-footer__secondary {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 3rem;
}
}
.main-footer__legal-navigation__level-1 {
list-style: none;
display: flex;
justify-content: center;
}
.main-footer__legal-navigation__level-1 a {
padding: 1rem;
text-decoration: none;
opacity: 0.6;
}
.main-footer__site-info {
margin: 2rem 0 0;
text-align: center;
opacity: 0.6;
}
@media only screen and (min-width: 48em) {
.main-footer__site-info {
margin: 0 0 0 3rem;
}
}
.main-header {
position: relative;
z-index: 101;
display: flex;
justify-content: space-between;
width: 100%;
max-width: 144rem;
margin: 4rem auto 0 auto;
border-radius: 2rem 2rem 0 0;
}
@media only screen and (min-width: 80em) {
.main-header {
padding: 0 0 0 4rem;
}
}
@media only screen and (max-width: 79.9375em) {
.main-header--search-bar--active .main-header__primary {
opacity: 0;
}
.main-header--search-bar--active .mobile-search__icon {
display: none;
}
.main-header--search-bar--active .mobile-navigation__icon {
display: none;
}
.main-header--sticky {
position: fixed;
background: white;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
}
.main-header--upgrade .main-header__secondary {
display: none !important;
}
@media only screen and (min-width: 48em) {
.main-header--upgrade .main-header__secondary {
display: flex !important;
padding: 4.5rem 0.5rem 1.5rem 0;
}
}
@media only screen and (min-width: 48em) {
.main-header--upgrade {
position: absolute;
top: 0;
left: 0;
width: 100vw;
}
}
.main-header--upgrade .main-header__primary {
padding: 6rem 0 1.5rem 2rem;
}
.main-header--upgrade .account-menu__avatar {
pointer-events: none;
}
@media only screen and (max-width: 79.9375em) {
.main-header--mobile-nav-active {
position: fixed;
}
.main-header--mobile-nav-active .main-header__logo svg .fill {
fill: #FCFBF7;
}
.main-header--mobile-nav-active .main-header__primary,
.main-header--mobile-nav-active .main-header__secondary {
background: #273477;
}
.main-header--mobile-nav-active .main-header__primary:after {
content: "";
position: absolute;
display: block;
top: 100%;
left: 0;
right: 0;
width: 100vw;
height: 3rem;
background: linear-gradient(to top, rgba(39, 52, 119, 0), #273477);
}
}
.main-header__primary {
display: flex;
position: relative;
z-index: 51;
padding: 2rem;
background-color: #FCFBF7;
border-radius: 6rem 6rem 0 0;
}
.main-header__logo {
display: flex;
align-items: center;
margin: 0 2rem;
}
.main-header__logo svg {
width: 100%;
}
.main-header__logo svg .fill {
fill: #273477;
transition: fill 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.main-header .mobile-search__icon {
display: none;
}
@media only screen and (max-width: 79.9375em) {
.main-header .mobile-search__icon {
display: block;
}
}
.main-header__secondary {
display: flex;
align-items: center;
padding: 0;
gap: 0.75rem;
position: relative;
}
.main-header__actions {
display: none;
}
@media only screen and (min-width: 80em) {
.main-header__actions {
display: flex;
align-items: center;
gap: 1rem;
background-color: #FCFBF7;
border-radius: 20px;
padding: 0.9rem 1.5rem;
margin-left: 3rem;
}
}
.main-header__action-btn {
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
color: #273477;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
text-decoration: none;
position: relative;
padding: 0.4rem;
border-radius: 20px;
}
.main-header__action-btn:hover {
background: rgba(39, 52, 119, 0.08);
color: #807DBA;
}
.main-header__action-btn svg {
display: block;
width: 2rem;
height: 2rem;
flex-shrink: 0;
}
.main-header__cart-count {
position: absolute;
top: -0.1rem;
right: -0.1rem;
background: #273477;
color: #FCFBF7;
font-size: 0.6rem;
font-weight: 700;
line-height: 1;
min-width: 1rem;
height: 1rem;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.15rem;
}
.main-header__search-overlay {
visibility: hidden;
pointer-events: none;
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%) translateX(20%);
background: #FCFBF7;
border-radius: 20px;
z-index: 200;
display: flex;
align-items: center;
padding: 0 0.75rem 0 1.5rem;
opacity: 0;
transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.25s;
}
.main-header--search-active .main-header__search-overlay {
visibility: visible;
pointer-events: auto;
transform: translateY(-50%) translateX(0);
opacity: 1;
}
.main-header__search-form {
flex: 1;
display: flex;
align-items: center;
gap: 0.5rem;
height: 46px;
}
.main-header__search-submit {
display: flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
color: #273477;
cursor: pointer;
padding: 0;
flex-shrink: 0;
}
.main-header__search-input {
flex: 1;
border: none;
outline: none;
font-size: 2rem;
color: #273477;
background: transparent;
padding: 0;
min-width: 0;
}
.main-header__search-input:-ms-input-placeholder {
color: rgba(39, 52, 119, 0.4);
}
.main-header__search-input::placeholder {
color: rgba(39, 52, 119, 0.4);
}
.main-header__search-close {
display: flex;
align-items: center;
justify-content: center;
width: 2.2rem;
height: 2.2rem;
border-radius: 50%;
border: none;
background: transparent;
color: #273477;
cursor: pointer;
flex-shrink: 0;
}
.main-header__search-close:hover {
background: rgba(39, 52, 119, 0.08);
}
.main-header__search-close {
display: flex;
align-items: center;
justify-content: center;
width: 2.4rem;
height: 2.4rem;
border-radius: 50%;
border: none;
background: transparent;
color: #273477;
cursor: pointer;
flex-shrink: 0;
}
.main-header__search-close:hover {
background: rgba(39, 52, 119, 0.08);
}
.account-menu {
position: relative;
display: none;
}
@media only screen and (min-width: 80em) {
.account-menu {
display: block;
}
}
.account-menu--active .account-menu__icon svg .fill {
fill: #273477;
}
.account-menu--active .account-menu__popover {
right: 0;
opacity: 1;
transform: scaleY(1);
transition: opacity 125ms cubic-bezier(0.39, 0.575, 0.565, 1), transform 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.account-menu__icon, .account-menu__avatar {
cursor: pointer;
}
.account-menu__avatar {
display: flex;
align-items: center;
}
.account-menu__avatar picture {
height: 4rem;
}
.account-menu__avatar img {
border-radius: 50%;
}
.account-menu__avatar-initials {
display: flex;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
background: #BEB9AA;
color: #FCFBF7;
font-weight: 700;
border-radius: 50%;
text-transform: uppercase;
letter-spacing: 0.2rem;
}
.account-menu__avatar-initials span {
margin-right: -0.2rem;
}
.account-menu__description {
color: #00ff00;
}
.account-menu__popover {
position: absolute;
top: 4rem;
right: -999rem;
opacity: 0;
transform: scaleY(0.9);
transform-origin: top;
transition: opacity 125ms cubic-bezier(0.39, 0.575, 0.565, 1), transform 125ms cubic-bezier(0.39, 0.575, 0.565, 1), right 0ms linear 125ms;
padding-top: 3rem;
max-width: 35rem;
width: 100vw;
}
.account-menu__container {
background: white;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
border-radius: 2rem;
padding: 0.1rem;
}
.account-menu__container .login {
padding: 4rem;
}
.account-menu__title {
padding: 4rem 4rem 0;
}
.account-menu__navigation-link {
display: block;
padding: 1.2rem 4rem;
color: #807DBA;
text-decoration: none;
}
.account-menu__navigation-link--active {
color: #273477;
}
.account-menu__navigation-link:hover {
background: #F8F6F2;
}
.account-menu__log-out {
display: block;
margin: 1rem 4rem 4rem;
color: #00ff00;
}
.main-navigation {
display: none;
background-color: #FCFBF7;
border-radius: 20px;
position: relative;
margin-right: 0;
}
@media only screen and (min-width: 80em) {
.main-navigation {
display: flex;
align-items: center;
}
}
.main-navigation ul {
list-style: none;
}
.main-navigation .sub-menu {
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation .sub-menu li {
font-size: 1.8rem;
}
.main-navigation__level-1 {
display: flex;
padding: 0.9rem 1.5rem;
}
.main-navigation__level-1 li {
margin: 0 1.5rem;
position: relative;
}
.main-navigation__level-1 li a {
color: #273477;
text-decoration: none;
padding: 1.2rem 0;
}
.main-navigation__level-1 li a:hover {
color: #807DBA;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu {
opacity: 0;
visibility: hidden;
position: absolute;
top: 37px;
left: 0;
background: #FCFBF7;
padding: 0.5rem 0;
margin: 0;
list-style: none;
border-radius: 0 0 2rem 2rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
min-width: 220px;
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li {
margin: 0;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children {
margin-top: 0.75rem;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children:first-child {
margin-top: 0;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > a {
display: block;
padding: 0.3rem 1.2rem 0.2rem;
font-size: 1.6rem;
font-weight: 700;
color: #273477;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > a:hover {
background-color: transparent;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu {
opacity: 1;
visibility: visible;
position: static;
box-shadow: none;
border-radius: 0;
padding: 0;
min-width: auto;
transition: none;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu > li {
margin: 0;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu > li > a {
display: block;
padding: 0.4rem 1.2rem;
font-size: 1.8rem;
font-weight: 400;
color: #273477;
border-left: 2px solid transparent;
transition: background 0.15s, border-color 0.15s;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu > li > a:hover {
background-color: #F5EFE0;
border-left-color: #273477;
color: #273477;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > a {
pointer-events: auto;
cursor: pointer;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu > li > .sub-menu {
opacity: 1;
visibility: visible;
position: static;
box-shadow: none;
border-radius: 0;
padding: 0;
min-width: auto;
transition: none;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu > li > .sub-menu > li > a {
display: block;
padding: 0.3rem 1.2rem 0.3rem 2.2rem;
font-size: 1.6rem;
font-weight: 400;
color: #6b7280;
border-left: 2px solid transparent;
transition: background 0.15s, border-color 0.15s;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu > li > .sub-menu > li > a::before {
content: "–";
margin-right: 0.4rem;
opacity: 0.5;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li.menu-item-has-children > .sub-menu > li > .sub-menu > li > a:hover {
background-color: #F5EFE0;
border-left-color: #807DBA;
color: #273477;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li:not(.menu-item-has-children) > a {
display: block;
padding: 0.4rem 1.2rem;
font-size: 1.8rem;
font-weight: 400;
color: #273477;
border-left: 2px solid transparent;
transition: background 0.15s, border-color 0.15s;
}
.main-navigation__level-1 li.menu-item-has-children .sub-menu > li:not(.menu-item-has-children) > a:hover {
background-color: #F5EFE0;
border-left-color: #273477;
color: #273477;
}
.main-navigation__level-1 li.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.mobile-navigation {
position: fixed;
z-index: 50;
top: 0;
left: -999rem;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow-y: auto;
opacity: 0;
width: 100%;
height: 100%;
background: #273477;
color: #FCFBF7;
transition: opacity 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media only screen and (min-width: 80em) {
.mobile-navigation {
display: none;
}
}
.mobile-navigation a {
color: #FCFBF7;
}
.mobile-navigation--mobile-nav-active {
left: 0;
opacity: 1;
}
.mobile-navigation__icon {
position: relative;
z-index: 51;
display: flex;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
}
@media only screen and (min-width: 80em) {
.mobile-navigation__icon {
display: none;
}
}
.mobile-navigation__icon--mobile-nav-active .mobile-navigation__icon-bar {
background: #FCFBF7;
}
.mobile-navigation__icon--mobile-nav-active .mobile-navigation__icon-bar--top {
transform: translateY(0) rotate(45deg);
}
.mobile-navigation__icon--mobile-nav-active .mobile-navigation__icon-bar--bottom {
transform: scaleX(1) translate(0, 0) rotate(-45deg);
}
.mobile-navigation__icon-bar {
position: absolute;
display: block;
height: 0.2rem;
background: #FCFBF7;
border-radius: 0.1rem;
width: 2.2rem;
transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.mobile-navigation__icon-bar--top {
transform: translateY(-0.4rem);
}
.mobile-navigation__icon-bar--bottom {
transform: scaleX(0.7) translate(0.3rem, 0.4rem);
}
.mobile-navigation__main-nav {
position: sticky;
bottom: 0;
padding: 18rem 7.5rem 3rem;
}
.mobile-navigation__main-nav ul {
list-style: none;
}
.mobile-navigation__main-nav a {
display: block;
padding: 1rem 0;
font-size: 2.6rem;
text-decoration: none;
}
.mobile-navigation__main-nav .sub-menu {
margin-left: 2rem;
}
.mobile-navigation__footer {
padding: 3rem 7.5rem;
background: #273477;
box-shadow: 1rem 0 4rem 1rem rgba(0, 0, 0, 0.15);
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
}
.mobile-navigation__login {
display: block;
}
.mobile-navigation__log-out {
opacity: 0.6;
text-decoration: underline;
}
.mobile-navigation__signup {
margin-top: 2rem;
text-align: center;
}
.mobile-navigation__signup a {
font-weight: bold;
}
.mobile-navigation__navigation-link {
display: block;
padding: 1.5rem 0;
font-weight: 700;
font-size: 2.6rem;
text-decoration: none;
}
.mobile-navigation__user-details {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 0 0;
}
.mobile-navigation__logout {
opacity: 0.6;
text-decoration: underline;
}
.main-search {
align-self: flex-start;
}
@media only screen and (min-width: 80em) {
.main-search {
margin-right: 3rem;
}
}
.main-search .search-bar {
top: 1px;
}
@media only screen and (max-width: 79.9375em) {
.main-header--search-bar--active .main-search .search-bar__input {
border: 0;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
}
.main-header--search-bar--active .main-search .search-bar__icon--search {
background: #8CBE23;
}
.main-header--search-bar--active .main-search .search-bar__icon--search svg .fill {
fill: white;
}
.main-header--search-bar--active .main-search .search-bar {
margin-right: -1rem;
z-index: 99;
}
.main-header--search-bar--active .main-search .search-bar__input {
left: auto;
right: 0;
}
}
:root {
--site-header-height: 8rem;
}
/* --------------------------------------------------
Base
-------------------------------------------------- */
.page-header {
position: relative;
background: #FCFBF7;
color: #273477;
overflow: hidden;
margin: 0 -4rem;
}
.page-header__inner {
box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;
border-radius: 1rem;
position: relative;
z-index: 1;
max-width: 1440px;
margin: 0 auto;
padding-inline: 2rem;
}
.page-header__content {
display: flex;
flex-direction: column;
padding: 3rem;
}
.page-header__title {
text-align: center;
color: #273477;
font-family: "holisan-heading", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
font-size: clamp(2rem, 5.2vw, 5.2rem);
line-height: 1.25;
margin: 0 auto;
}
.page-header__subtitle {
font-size: clamp(1.6rem, 2vw, 2rem);
line-height: 1.5;
max-width: 70%;
text-align: center;
margin: 0 auto;
}
.page-header .page-width__header {
margin: 6rem 0;
}
/* --------------------------------------------------
HERO (fullscreen background image)
-------------------------------------------------- */
.page-header--hero {
position: relative;
display: grid;
border-radius: 2rem 2rem 0 0;
}
.page-header--hero .page-header__media {
position: absolute;
inset: 0;
z-index: 0;
}
.page-header--hero .page-header__media-image,
.page-header--hero .page-header__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-header--hero .page-header__inner {
position: relative;
z-index: 1;
display: grid;
align-content: center;
margin: calc(var(--site-header-height) + 2rem);
margin-bottom: 30rem;
background-color: rgba(255, 255, 255, 0.5);
}
/* Overlap met volgende sectie */
/* --------------------------------------------------
TEXT ONLY
-------------------------------------------------- */
.page-header--text-only {
min-height: auto;
}
.page-header--text-only .page-header__content {
padding-block: 6rem;
max-width: 100%;
}
.page-header--text-only .page-header__title,
.page-header--text-only .page-header__subtitle {
text-align: center;
color: #273477;
max-width: 100%;
}
/* --------------------------------------------------
FEATURED IMAGE (rechts)
-------------------------------------------------- */
.page-header--featured {
min-height: auto;
}
.page-header--featured .page-header__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
align-items: center;
}
.page-header--featured .page-header__content {
padding-block: 6rem;
}
.page-header--featured .page-header__featured-media {
aspect-ratio: 4/3;
overflow: hidden;
padding: 3rem;
}
.page-header--featured .page-header__featured-media img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1rem;
}
@media only screen and (max-width: 47.9375em) {
.page-header--featured .page-header__inner {
grid-template-columns: 1fr;
}
}
/* --------------------------------------------------
Color variants
-------------------------------------------------- */
.page-header--light {
color: #273477;
}
.page-header--dark {
color: #273477;
}
.page-width {
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-left: auto;
margin-right: auto;
max-width: 144rem;
width: 100%;
}
@media only screen and (min-width: 48em) {
.page-width {
padding-left: 3.6rem;
padding-right: 3.6rem;
}
}
.page-width.stories-count--2 {
max-width: 96rem;
}
.reading-width, .filterable-grid__description {
max-width: 70rem;
}
#ais-wrapper .algolia-search-box-wrapper {
margin-top: -9.5rem;
}
#ais-wrapper .algolia-search-box-wrapper #algolia-search-box {
margin-left: auto;
margin-right: auto;
}
#ais-wrapper .algolia-search-box-wrapper #algolia-search-box form {
border-radius: 50%;
}
#ais-wrapper .algolia-search-box-wrapper #algolia-search-box form input {
border-bottom: 0;
width: 100%;
line-height: unset;
font-weight: unset;
height: 7rem;
font-size: 5.6rem;
color: #273477;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
padding: 0 2rem;
border: 0.1rem solid #807DBA;
border-radius: 20rem !important;
transition: border-color 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
background-color: #FCFBF7;
}
@media only screen and (max-width: 47.9375em) {
#ais-wrapper .algolia-search-box-wrapper #algolia-search-box form input {
width: calc(100vw - 5rem);
height: 6rem !important;
}
}
#ais-wrapper .algolia-search-box-wrapper #algolia-search-box form input:focus, #ais-wrapper .algolia-search-box-wrapper #algolia-search-box form input:focus-visible {
outline: none;
border-color: #FCFBF7;
}
#ais-wrapper .algolia-search-box-wrapper #algolia-search-box form input:-ms-input-placeholder {
color: #00ff00 !important;
}
#ais-wrapper .algolia-search-box-wrapper #algolia-search-box form input::placeholder {
color: #00ff00 !important;
}
#ais-wrapper .algolia-search-box-wrapper #algolia-search-box form button.ais-SearchBox-submit {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: 0.7rem;
top: 0.5rem;
z-index: 3;
appearance: none;
background: none;
background-color: rgba(0, 0, 0, 0);
border: 0;
border-radius: 50%;
transition: border-color 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
background-color: #ff5a00;
color: #ffffff !important;
height: 6rem;
width: 6rem;
}
#ais-wrapper .algolia-search-box-wrapper #algolia-search-box form button.ais-SearchBox-submit svg {
fill: #FCFBF7;
flex-grow: 1;
height: 2rem;
}
#ais-wrapper .algolia-search-box-wrapper .algolia-meta {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#ais-wrapper .algolia-search-box-wrapper .algolia-meta #algolia-stats .ais-Stats {
position: relative;
top: unset;
}
#ais-wrapper .algolia-search-box-wrapper .algolia-meta #algolia-powered-by {
top: unset;
}
#ais-wrapper #algolia-hits {
margin-top: 1rem;
}
#ais-wrapper #algolia-hits .ais-Hits-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
#ais-wrapper #algolia-hits .ais-Hits-list .equipment-excerpt__description {
padding: 3rem 1.5rem 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
#ais-wrapper #algolia-pagination {
margin: 0 auto;
}
#ais-wrapper #algolia-pagination .ais-Pagination-list {
display: flex;
}
#ais-wrapper #algolia-pagination .ais-Pagination-list .ais-Pagination-item {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0.7rem;
text-decoration: none;
text-align: center;
}
#ais-wrapper #algolia-pagination .ais-Pagination-list .ais-Pagination-item a {
color: #807DBA;
font-weight: bold;
width: 2.2rem;
height: 3.2rem;
line-height: 3.2rem;
text-decoration: none;
}
#ais-wrapper #algolia-pagination .ais-Pagination-list .ais-Pagination-item.ais-Pagination-item--selected a {
width: 3.2rem;
background: #273477;
color: #FCFBF7;
border-radius: 50%;
}
.login {
width: 100%;
color: #807DBA;
}
.login__form {
display: flex;
flex-direction: column;
}
.login__input {
margin-bottom: 1.5rem;
}
.login__forgot-password-link {
display: block;
margin: 2rem 0;
color: #807DBA;
text-align: center;
text-decoration: none;
}
.login__divider {
position: relative;
margin: 2rem 0;
width: 100%;
text-align: center;
}
.login__divider:before, .login__divider:after {
content: "";
display: block;
position: absolute;
top: 50%;
height: 0.1rem;
width: calc(50% - 2rem);
background: #807DBA;
}
.login__divider:after {
right: 0;
}
.login__sso {
display: flex;
flex-direction: column;
}
.login__signup {
margin: 1rem 0 0;
text-align: center;
}
.login__signup-link {
color: #273477;
font-weight: bold;
text-decoration: none;
}
.login .oauthloginbutton,
.login .mo_oauth_login_button,
.account .oauthloginbutton,
.account .mo_oauth_login_button {
display: block;
margin-bottom: 1rem;
padding: 1.2rem;
border: 0.1rem solid #D7D2C8;
border-radius: 1.2rem;
background: #FCFBF7;
color: #273477;
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: 1.8rem 0.9rem;
box-shadow: none;
}
.login .oauthloginbutton:hover,
.login .mo_oauth_login_button:hover,
.account .oauthloginbutton:hover,
.account .mo_oauth_login_button:hover {
background-color: #273477;
background-repeat: no-repeat;
background-position: 1.8rem 0.9rem;
border-color: #273477;
color: white;
}
.login .oauthloginbutton i,
.login .mo_oauth_login_button i,
.account .oauthloginbutton i,
.account .mo_oauth_login_button i {
display: none;
}
.mo_oauth_login_button:hover .mo_oauth_login_button_text {
color: #FCFBF7;
}
.mo_oauth_login_button .mo_oauth_login_button_text {
color: #273477;
}
.oauthloginbutton:first-of-type {
order: 2;
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0312 10.7344C20.0312 10.1094 19.9531 9.64062 19.875 9.13281H10.6562V12.4531H16.125C15.9297 13.8984 14.4844 16.6328 10.6562 16.6328C7.33594 16.6328 4.64062 13.8984 4.64062 10.5C4.64062 5.07031 11.0469 2.57031 14.4844 5.89062L17.1406 3.35156C15.4609 1.78906 13.2344 0.8125 10.6562 0.8125C5.26562 0.8125 0.96875 5.14844 0.96875 10.5C0.96875 15.8906 5.26562 20.1875 10.6562 20.1875C16.2422 20.1875 20.0312 16.2812 20.0312 10.7344Z' fill='%23002DD7'/%3E%3C/svg%3E%0A");
}
.oauthloginbutton:first-of-type:hover {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0312 10.7344C20.0312 10.1094 19.9531 9.64062 19.875 9.13281H10.6562V12.4531H16.125C15.9297 13.8984 14.4844 16.6328 10.6562 16.6328C7.33594 16.6328 4.64062 13.8984 4.64062 10.5C4.64062 5.07031 11.0469 2.57031 14.4844 5.89062L17.1406 3.35156C15.4609 1.78906 13.2344 0.8125 10.6562 0.8125C5.26562 0.8125 0.96875 5.14844 0.96875 10.5C0.96875 15.8906 5.26562 20.1875 10.6562 20.1875C16.2422 20.1875 20.0312 16.2812 20.0312 10.7344Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.oauthloginbutton:nth-of-type(2) {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='fill' d='M4.65625 18V6.32031H1.02344V18H4.65625ZM2.82031 4.75781C3.99219 4.75781 4.92969 3.78125 4.92969 2.60938C4.92969 1.47656 3.99219 0.539062 2.82031 0.539062C1.6875 0.539062 0.75 1.47656 0.75 2.60938C0.75 3.78125 1.6875 4.75781 2.82031 4.75781ZM18.2109 18H18.25V11.5938C18.25 8.46875 17.5469 6.04688 13.875 6.04688C12.1172 6.04688 10.9453 7.02344 10.4375 7.92188H10.3984V6.32031H6.92188V18H10.5547V12.2188C10.5547 10.6953 10.8281 9.25 12.7031 9.25C14.5781 9.25 14.6172 10.9688 14.6172 12.3359V18H18.2109Z' fill='%23002DD7'/%3E%3C/svg%3E");
}
.oauthloginbutton:nth-of-type(2):hover {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='fill' d='M4.65625 18V6.32031H1.02344V18H4.65625ZM2.82031 4.75781C3.99219 4.75781 4.92969 3.78125 4.92969 2.60938C4.92969 1.47656 3.99219 0.539062 2.82031 0.539062C1.6875 0.539062 0.75 1.47656 0.75 2.60938C0.75 3.78125 1.6875 4.75781 2.82031 4.75781ZM18.2109 18H18.25V11.5938C18.25 8.46875 17.5469 6.04688 13.875 6.04688C12.1172 6.04688 10.9453 7.02344 10.4375 7.92188H10.3984V6.32031H6.92188V18H10.5547V12.2188C10.5547 10.6953 10.8281 9.25 12.7031 9.25C14.5781 9.25 14.6172 10.9688 14.6172 12.3359V18H18.2109Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.login .row a:first-of-type, .account .row a:first-of-type {
order: 2;
}
.login .row a:first-of-type .mo_oauth_login_button, .account .row a:first-of-type .mo_oauth_login_button {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0312 10.7344C20.0312 10.1094 19.9531 9.64062 19.875 9.13281H10.6562V12.4531H16.125C15.9297 13.8984 14.4844 16.6328 10.6562 16.6328C7.33594 16.6328 4.64062 13.8984 4.64062 10.5C4.64062 5.07031 11.0469 2.57031 14.4844 5.89062L17.1406 3.35156C15.4609 1.78906 13.2344 0.8125 10.6562 0.8125C5.26562 0.8125 0.96875 5.14844 0.96875 10.5C0.96875 15.8906 5.26562 20.1875 10.6562 20.1875C16.2422 20.1875 20.0312 16.2812 20.0312 10.7344Z' fill='%23002DD7'/%3E%3C/svg%3E%0A");
}
.login .row a:first-of-type .mo_oauth_login_button:hover, .account .row a:first-of-type .mo_oauth_login_button:hover {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0312 10.7344C20.0312 10.1094 19.9531 9.64062 19.875 9.13281H10.6562V12.4531H16.125C15.9297 13.8984 14.4844 16.6328 10.6562 16.6328C7.33594 16.6328 4.64062 13.8984 4.64062 10.5C4.64062 5.07031 11.0469 2.57031 14.4844 5.89062L17.1406 3.35156C15.4609 1.78906 13.2344 0.8125 10.6562 0.8125C5.26562 0.8125 0.96875 5.14844 0.96875 10.5C0.96875 15.8906 5.26562 20.1875 10.6562 20.1875C16.2422 20.1875 20.0312 16.2812 20.0312 10.7344Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.login .row a:nth-of-type(2) .mo_oauth_login_button, .account .row a:nth-of-type(2) .mo_oauth_login_button {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='fill' d='M4.65625 18V6.32031H1.02344V18H4.65625ZM2.82031 4.75781C3.99219 4.75781 4.92969 3.78125 4.92969 2.60938C4.92969 1.47656 3.99219 0.539062 2.82031 0.539062C1.6875 0.539062 0.75 1.47656 0.75 2.60938C0.75 3.78125 1.6875 4.75781 2.82031 4.75781ZM18.2109 18H18.25V11.5938C18.25 8.46875 17.5469 6.04688 13.875 6.04688C12.1172 6.04688 10.9453 7.02344 10.4375 7.92188H10.3984V6.32031H6.92188V18H10.5547V12.2188C10.5547 10.6953 10.8281 9.25 12.7031 9.25C14.5781 9.25 14.6172 10.9688 14.6172 12.3359V18H18.2109Z' fill='%23002DD7'/%3E%3C/svg%3E");
}
.login .row a:nth-of-type(2) .mo_oauth_login_button:hover, .account .row a:nth-of-type(2) .mo_oauth_login_button:hover {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='fill' d='M4.65625 18V6.32031H1.02344V18H4.65625ZM2.82031 4.75781C3.99219 4.75781 4.92969 3.78125 4.92969 2.60938C4.92969 1.47656 3.99219 0.539062 2.82031 0.539062C1.6875 0.539062 0.75 1.47656 0.75 2.60938C0.75 3.78125 1.6875 4.75781 2.82031 4.75781ZM18.2109 18H18.25V11.5938C18.25 8.46875 17.5469 6.04688 13.875 6.04688C12.1172 6.04688 10.9453 7.02344 10.4375 7.92188H10.3984V6.32031H6.92188V18H10.5547V12.2188C10.5547 10.6953 10.8281 9.25 12.7031 9.25C14.5781 9.25 14.6172 10.9688 14.6172 12.3359V18H18.2109Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.login #loginform .row {
margin: 2rem 0;
}
.login #loginform h4 {
margin: 2rem 0 1rem;
}
.login #loginform br {
display: none;
}
.breadcrumbs {
position: relative;
z-index: 2;
margin: -4rem 0 4rem;
padding: 1rem 1.5rem;
background: #FCFBF7;
}
@media only screen and (min-width: 48em) {
.breadcrumbs {
margin: 0;
padding: 0 3.6rem;
background: none;
}
}
.breadcrumbs span span {
display: flex;
align-items: center;
font-size: 1.4rem;
}
.breadcrumbs span span a {
display: flex;
align-items: center;
font-weight: bold;
color: #030303;
text-decoration: none;
}
.breadcrumbs span span a:after {
content: "";
display: inline-block;
width: 3rem;
height: 3rem;
background: url('data:image/svg+xml;utf8,') no-repeat center;
}
@media only screen and (min-width: 48em) {
.breadcrumbs span span a:after {
width: 5rem;
}
}
.call-to-action {
margin: 6rem 0;
}
@media only screen and (max-width: 47.9375em) {
.call-to-action .page-width {
padding: 0;
}
}
.call-to-action__container {
display: grid;
gap: 3rem;
padding: 4rem;
background: #00ff00;
}
@media only screen and (min-width: 48em) {
.call-to-action__container {
align-items: center;
gap: 5%;
padding: calc(3rem + 3vw) calc(4rem + 4vw) calc(3rem + 3vw) calc(3rem + 3vw);
border-radius: 2rem;
}
}
.call-to-action__content {
color: #030303;
}
.call-to-action__content h2 {
color: #030303;
}
.call-to-action__avatar {
display: grid;
grid-template-columns: 10rem auto;
gap: 10%;
align-items: center;
color: #807DBA;
}
@media only screen and (min-width: 48em) {
.call-to-action__avatar {
grid-template-columns: 1fr;
gap: 2rem;
max-width: 20rem;
text-align: center;
}
}
.call-to-action__avatar img {
margin: 0 auto;
width: 9rem;
height: 9rem;
border-radius: 50%;
}
@media only screen and (min-width: 48em) {
.call-to-action__avatar img {
width: 12.5rem;
height: 12.5rem;
}
}
.call-to-action__button {
margin-top: 3rem;
}
.contact-form {
margin: 6rem 0;
position: relative;
}
@media only screen and (max-width: 47.9375em) {
.contact-form .page-width {
padding: 0;
}
}
.contact-form__container {
background-color: #F5EFE0;
background-image: url('data:image/svg+xml;utf8,'), radial-gradient(ellipse at 20% 15%, rgba(165, 140, 95, 0.1), transparent 55%), radial-gradient(ellipse at 85% 80%, rgba(155, 130, 90, 0.12), transparent 50%), radial-gradient(ellipse at 70% 25%, rgba(255, 250, 235, 0.45), transparent 45%), radial-gradient(ellipse at 40% 90%, rgba(150, 125, 85, 0.08), transparent 40%), radial-gradient(ellipse at center, rgba(255, 252, 242, 0.4), rgba(210, 190, 150, 0.14));
box-shadow: inset 0 0 60px rgba(150, 120, 75, 0.16), inset 0 0 12px rgba(150, 120, 75, 0.08);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 1rem;
display: grid;
align-items: center;
padding: 3rem;
background-color: #F5EFE0;
}
@media only screen and (min-width: 48em) {
.contact-form__container {
gap: 5rem;
grid-template-columns: 3fr 4fr;
padding: 5rem 7rem;
border-radius: 2rem;
}
}
.contact-form__content h2 {
color: #273477;
}
.contact-form__content a {
color: #030303;
font-weight: 700;
text-decoration: none;
}
.contact-form__content a:hover {
color: #8CBE23;
}
.contact-form__content .contact-form__description {
color: #030303;
}
.contact-form__avatar {
display: flex;
align-items: center;
justify-content: center;
margin: 3rem 0;
color: #807DBA;
}
.contact-form__avatar img {
margin-right: 3rem;
width: 100%;
height: auto;
object-fit: cover;
border-radius: 1rem;
}
.contact-form__confidential {
display: flex;
justify-content: center;
align-items: center;
padding: 1.5rem 10%;
margin-bottom: 1.5rem;
border-radius: 1.2rem;
border: 1px solid #807DBA;
background: #807DBA;
color: #273477;
}
.contact-form__confidential svg {
margin-right: 1rem;
}
.contact-form__consent {
padding: 1rem 2rem;
font-size: 1.8rem;
color: #807DBA;
}
.contact-form__form {
display: flex;
flex-direction: column;
}
.contact-form__form input {
width: 100%;
}
.contact-form__form input:not([type=checkbox]), .contact-form__form textarea {
margin-bottom: 1.5rem;
background-color: #807DBA;
}
.contact-form__form textarea {
max-height: 15rem;
}
.contact-form__form .button, .contact-form__form body.login form input[type=submit]#wp-submit, body.login form .contact-form__form input[type=submit]#wp-submit, .contact-form__form .text-with-image--logo .text-with-image__link, .text-with-image--logo .contact-form__form .text-with-image__link, .contact-form__form .login .oauthloginbutton, .login .contact-form__form .oauthloginbutton,
.contact-form__form .login .mo_oauth_login_button,
.login .contact-form__form .mo_oauth_login_button,
.contact-form__form .account .oauthloginbutton,
.account .contact-form__form .oauthloginbutton,
.contact-form__form .account .mo_oauth_login_button,
.account .contact-form__form .mo_oauth_login_button {
margin-top: 1.5rem;
}
.contact-form__2 .page-width {
max-width: 124rem;
}
.contact-form__2 .page-width .contact-form__container {
grid-template-columns: 1fr !important;
}
.contact-form__2 .page-width .contact-form__container .gform_page {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem 4rem;
}
@media only screen and (max-width: 79.9375em) {
.contact-form__2 .page-width .contact-form__container .gform_page {
grid-template-columns: 1fr;
}
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_fields {
display: contents;
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_fields .gform_fields {
grid-row-gap: 1px !important;
row-gap: 1px !important;
display: contents;
}
@media only screen and (max-width: 79.9375em) {
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_fields .gform_fields {
display: block;
}
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_fields .gform_fields .gfield .gfield_label {
display: block;
margin-bottom: 1rem;
margin-top: 2rem;
color: #030303;
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_fields .gform_fields .gfield:first-child {
grid-column: span 3;
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_footer {
grid-column: 3;
/* Places the footer in the empty spot */
justify-self: end;
/* Aligns the submit button to the right */
align-self: center;
width: 100%;
}
@media only screen and (max-width: 79.9375em) {
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_footer {
grid-column: 1;
margin-top: 2rem;
}
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_footer input[type=button] {
width: 100%;
}
.gform_wrapper .gform_footer input[type=submit] {
position: relative;
padding-right: 50px;
/* ruimte voor icoon */
}
.gform_confirmation_message {
color: #030303 !important;
}
.content-section {
position: relative;
margin: 6rem 0;
}
.page-header.page-header--hero + .content-section.pull-up {
z-index: 10;
transform: translateY(clamp(-30rem, -30vh, -30rem));
margin-bottom: clamp(-30rem, -30vh, -30rem);
}
.page-header:not(.page-header--hero) + .content-section.pull-up {
margin-top: 2rem;
}
.count-graph {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
@media only screen and (max-width: 47.9375em) {
.count-graph {
color: #8CBE23;
}
}
@media only screen and (min-width: 48em) {
.count-graph {
flex-direction: column;
height: 18rem;
width: 18rem;
text-align: center;
}
}
@media only screen and (min-width: 48em) {
.count-graph--small {
height: 10rem;
width: 10rem;
}
.count-graph--small .count-graph__subject {
display: none;
}
}
.count-graph--small .count-graph__number {
margin: 0;
}
@media only screen and (min-width: 48em) {
.count-graph--small .count-graph__number {
font-size: 2rem;
}
}
.count-graph__ring-circle {
transition: 0.35s stroke-dashoffset;
transform: rotate(-90deg);
transform-origin: 50% 50%;
}
.count-graph__ring {
position: absolute;
left: 0;
top: 0;
}
@media only screen and (max-width: 47.9375em) {
.count-graph__ring {
display: none;
}
}
.count-graph__subject {
white-space: nowrap;
}
@media only screen and (max-width: 47.9375em) {
.count-graph__subject {
font-size: 1.8rem;
}
}
.count-graph__number {
line-height: 1;
letter-spacing: -0.03em;
font-size: 2rem;
font-weight: bold;
white-space: nowrap;
}
@media only screen and (min-width: 48em) {
.count-graph__number {
font-size: 3.6rem;
margin-bottom: 0.5rem;
}
}
.count-graph__number-divider {
margin: 0 -0.2em;
}
.count-graph__number-max {
font-weight: 400;
}
@media only screen and (min-width: 48em) {
.count-graph__number-max {
font-weight: 300;
}
}
.count-graph__bar {
width: 100%;
height: 0.8rem;
border-radius: 1rem;
background: rgba(140, 190, 35, 0.2);
}
@media only screen and (min-width: 48em) {
.count-graph__bar {
display: none;
}
}
.count-graph__bar-current {
height: 0.8rem;
border-radius: 1rem;
max-width: 100% !important;
background: #8CBE23;
}
.downloads {
max-width: 96rem;
margin: 3rem 0;
width: 100%;
border: 1px solid #FCFBF7;
border-radius: 0.6rem;
}
@media only screen and (max-width: 47.9375em) {
.downloads {
padding: 0;
}
}
.downloads--closed .downloads__icon {
transform: rotate(180deg);
}
.downloads--closed .downloads-container {
display: none;
margin: 0 3rem 3rem 3rem;
}
.downloads__header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 6rem;
padding: 2rem 2.4rem;
font-size: 1.8rem;
font-weight: 700;
cursor: pointer;
border: 0;
color: #FCFBF7;
background-color: transparent;
}
@media only screen and (min-width: 48em) {
.downloads__header {
border-radius: 0.6rem;
}
}
.downloads__icon-wrapper {
margin-right: 1.8rem;
transition: transform 0.3s ease;
width: 1.2rem;
fill: #FCFBF7;
}
.downloads__icon {
transition: transform 0.3s ease;
}
.downloads-container {
padding: 0;
margin: 0 3rem 3rem 3rem;
}
.downloads-container__content {
margin-bottom: 3rem;
}
.downloads-container__content:first-child {
margin-top: 2.3rem;
}
@media only screen and (min-width: 48em) {
.downloads-container__content {
display: grid;
align-items: baseline;
}
}
.downloads-container__title {
margin: 0 0 1.7rem;
font-size: 1.4rem;
font-weight: 500;
font-family: "holisan-heading", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
color: #8CBE23;
}
.downloads-container__chips a {
color: #FCFBF7;
background-color: #030303;
border: 1px solid #FCFBF7;
line-height: 2.2rem;
margin: 0 1.6rem 1.6rem 0;
}
.downloads .download {
position: relative;
display: flex;
margin-bottom: 2rem;
padding-right: 5rem;
background: #030303;
text-decoration: none;
border-radius: 1rem;
overflow: hidden;
max-width: 100%;
}
.downloads .download:hover .download__title {
text-decoration: underline;
}
.downloads .download:hover .download__download-icon {
transform: scale(1.1);
}
.downloads .download__icon {
flex-shrink: 0;
display: flex;
justify-content: center;
padding: 1.8rem 0;
width: 5rem;
background: #030303;
}
@media only screen and (min-width: 48em) {
.downloads .download__icon {
width: 6rem;
}
}
.downloads .download__icon svg path {
fill: #FCFBF7;
}
.downloads .download__info {
padding: 1.2rem 2rem;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.downloads .download__title {
margin-bottom: 0.5rem;
color: #FCFBF7;
overflow-wrap: break-word;
max-width: calc(100% - 2.2rem);
}
.downloads .download__meta {
font-size: 2rem;
color: #FCFBF7;
}
.downloads .download__size {
font-weight: bold;
color: #273477;
}
.downloads .download__download-icon {
position: absolute;
right: 2rem;
top: 1.8rem;
transition: transform 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.downloads .download__download-icon path.fill {
fill: #FCFBF7 !important;
}
.equipment-excerpt {
display: flex;
flex-direction: column;
align-items: center;
color: #273477;
text-decoration: none;
text-align: center;
min-width: 10rem;
}
.equipment-excerpt__image {
overflow: hidden;
display: block;
margin: 0 auto;
background: transparent;
}
.equipment-excerpt__image--isolated {
padding: 3rem;
}
.equipment-excerpt__image--isolated.cover img {
object-fit: contain;
}
.equipment-excerpt__image--isolated img {
mix-blend-mode: multiply;
}
.equipment-excerpt__image img {
display: block;
object-fit: cover;
object-position: center;
}
.equipment-excerpt__content {
position: relative;
padding: 2rem 1rem 0;
}
@media only screen and (min-width: 48em) {
.equipment-excerpt__content {
padding: 3rem 1.5rem 0;
}
}
.equipment-excerpt__description {
color: #00ff00;
}
.equipment-excerpt__label {
position: absolute;
top: -2.5rem;
left: 0;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
width: 4.4rem;
height: 4.4rem;
border-radius: 50%;
border: 0.5rem solid #FCFBF7;
}
.equipment-excerpt__label img {
width: 1.9rem;
height: auto;
}
.filterable-grid {
margin: 2rem 0 6rem;
}
.filterable-grid__title {
text-align: center;
}
.filterable-grid__description {
margin: 4rem auto 4rem;
max-width: 100%;
columns: 1;
text-align: center;
}
@media only screen and (max-width: 47.9375em) {
.filterable-grid__description {
columns: 2;
}
}
.filterable-grid__header-title {
margin: 0;
}
.filterable-grid__count {
color: #807DBA;
white-space: nowrap;
}
.filterable-grid__number {
font-weight: 700;
}
.filterable-grid__grid {
display: grid;
gap: 3rem;
margin: 3rem 0 0;
transition: opacity 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;
grid-template-columns: 1fr 1fr;
}
.filterable-grid__grid .equipment-excerpt picture {
aspect-ratio: 1;
}
@media only screen and (min-width: 34em) {
.filterable-grid__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 26.9375em) {
.filterable-grid__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 48em) {
.filterable-grid__grid {
gap: 3rem 2rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (min-width: 80em) {
.filterable-grid__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 5rem 0 0;
}
}
.filterable-grid__loader {
position: absolute;
left: -999rem;
margin-top: 8rem;
transform: translateX(-50%);
opacity: 0;
transition: opacity 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;
}
.filterable-grid__loader--loading {
left: 50%;
opacity: 1;
}
.filterable-grid__loader--loading + .filterable-grid__grid {
opacity: 0.3;
}
.filterable-grid__no-results {
grid-column: 1/-1;
margin: 3rem auto;
max-width: 50rem;
font-weight: 400;
text-align: center;
}
.filterable-grid__no-results .button, .filterable-grid__no-results body.login form input[type=submit]#wp-submit, body.login form .filterable-grid__no-results input[type=submit]#wp-submit, .filterable-grid__no-results .text-with-image--logo .text-with-image__link, .text-with-image--logo .filterable-grid__no-results .text-with-image__link, .filterable-grid__no-results .login .oauthloginbutton, .login .filterable-grid__no-results .oauthloginbutton,
.filterable-grid__no-results .login .mo_oauth_login_button,
.login .filterable-grid__no-results .mo_oauth_login_button,
.filterable-grid__no-results .account .oauthloginbutton,
.account .filterable-grid__no-results .oauthloginbutton,
.filterable-grid__no-results .account .mo_oauth_login_button,
.account .filterable-grid__no-results .mo_oauth_login_button {
margin-top: 3rem;
}
@media only screen and (max-width: 26.9375em) {
.filterable-grid__no-results .button, .filterable-grid__no-results body.login form input[type=submit]#wp-submit, body.login form .filterable-grid__no-results input[type=submit]#wp-submit, .filterable-grid__no-results .text-with-image--logo .text-with-image__link, .text-with-image--logo .filterable-grid__no-results .text-with-image__link, .filterable-grid__no-results .login .oauthloginbutton, .login .filterable-grid__no-results .oauthloginbutton,
.filterable-grid__no-results .login .mo_oauth_login_button,
.login .filterable-grid__no-results .mo_oauth_login_button,
.filterable-grid__no-results .account .oauthloginbutton,
.account .filterable-grid__no-results .oauthloginbutton,
.filterable-grid__no-results .account .mo_oauth_login_button,
.account .filterable-grid__no-results .mo_oauth_login_button {
display: block;
}
}
#pagination_container {
width: 100%;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
margin: 3rem auto;
flex-wrap: wrap;
}
.pagination a {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0.7rem;
text-decoration: none;
text-align: center;
}
.pagination__arrow {
visibility: hidden;
pointer-events: none;
}
.pagination__arrow--active {
visibility: unset;
pointer-events: unset;
}
.pagination__arrow--prev svg {
transform: scaleX(-1);
}
.pagination__arrow .fill {
fill: #BEB9AA;
}
.pagination__arrow:hover .fill {
fill: #273477;
}
.pagination__number {
color: #807DBA;
font-weight: bold;
width: 2.2rem;
height: 3.2rem;
}
.pagination__number--active {
width: 3.2rem;
background: #273477;
color: white;
border-radius: 50%;
}
.process-row {
margin: 6rem 0;
}
.process-row__title {
margin: 0 auto;
text-align: center;
}
.process-row__grid, .process-row__row {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 5rem 0 0;
gap: 3rem;
}
@media only screen and (min-width: 48em) {
.process-row__grid, .process-row__row {
gap: 3rem;
}
}
.process-row__grid .round-excerpt, .process-row__row .round-excerpt {
margin: 0 0 3rem;
}
@media only screen and (min-width: 48em) {
.process-row__grid .round-excerpt, .process-row__row .round-excerpt {
margin: 0 0 3rem;
}
}
.process-row__grid .round-excerpt__image, .process-row__row .round-excerpt__image {
width: 100%;
height: 100%;
margin: 0;
}
.process-row .show-more__button-row {
margin-top: 0;
}
.process-row__action {
display: flex;
justify-content: center;
align-items: center;
}
.products-grid {
margin: 6rem 0;
}
.products-grid__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
margin: 3rem 0 0;
align-items: start;
}
@media only screen and (min-width: 48em) {
.products-grid__grid {
justify-content: center;
flex-wrap: nowrap;
margin: 5rem 0;
grid-template-columns: repeat(5, 1fr);
}
.products-grid__grid.grid-5 {
grid-template-columns: repeat(5, 1fr);
}
.products-grid__grid.grid-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 61.9375em) {
.products-grid__grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 33.9375em) {
.products-grid__grid {
grid-template-columns: 1fr;
}
}
.products-grid__grid .round-excerpt {
box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
border-radius: 1rem;
background-color: #fff;
display: flex;
flex-direction: column;
}
@supports (grid-template-rows: subgrid) {
.products-grid__grid .round-excerpt {
display: grid;
grid-row: span 3;
grid-template-rows: subgrid;
}
}
.products-grid__grid .round-excerpt:hover {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
transition: all 0.3s ease-in-out;
}
.products-grid__grid .round-excerpt .round-excerpt__thumbnail-link {
align-self: start;
}
.products-grid__grid .round-excerpt .round-excerpt__image {
margin: 0 auto;
}
@media only screen and (max-width: 47.9375em) {
.products-grid__grid .round-excerpt .round-excerpt__image {
height: calc(50vw - 6rem);
}
}
@media only screen and (max-width: 33.9375em) {
.products-grid__grid .round-excerpt .round-excerpt__image {
width: auto;
height: auto;
aspect-ratio: 24/34;
}
}
.products-grid__grid .round-excerpt .round-excerpt__image.image--no-image {
height: 13rem;
}
.products-grid__grid .round-excerpt .round-excerpt__thumbnail {
padding: 0;
}
.products-grid__grid .round-excerpt .round-excerpt__thumbnail:has(.image--no-image) {
min-height: 24rem;
}
@media only screen and (max-width: 26.9375em) {
.products-grid__grid .round-excerpt .round-excerpt__thumbnail:has(.image--no-image) {
min-height: 12rem;
}
}
.products-grid__grid .round-excerpt .round-excerpt__content {
align-items: center;
padding: 0;
flex: 1;
display: flex;
flex-direction: column;
}
.products-grid__grid .round-excerpt .round-excerpt__content .round-excerpt__title {
text-align: center;
font-family: "holisan-intro", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
font-size: 2rem;
margin: 0 1rem;
}
@media only screen and (max-width: 47.9375em) {
.products-grid__grid .round-excerpt .round-excerpt__content .round-excerpt__title {
font-size: 2rem;
}
}
.products-grid__grid .round-excerpt .round-excerpt__content .round-excerpt__price {
text-align: center;
margin: 0.5rem 1rem 0;
}
.products-grid__grid .round-excerpt .round-excerpt__actions {
padding: 0 1rem 1.8rem;
display: flex;
justify-content: center;
margin-top: auto;
}
@supports (grid-template-rows: subgrid) {
.products-grid__grid .round-excerpt .round-excerpt__actions {
align-self: end;
margin-top: 0;
}
}
.products-grid__grid .round-excerpt picture {
margin: 0;
min-height: 24rem;
border-radius: 1rem;
}
.products-grid__grid .round-excerpt picture img {
display: block;
width: 100%;
max-width: 70%;
height: auto;
object-fit: cover !important;
object-position: center !important;
background-blend-mode: multiply;
}
.products-grid__grid .round-excerpt picture.height_auto img {
height: auto;
margin: 0 1rem;
}
.products-grid__grid .round-excerpt picture.height_full img {
height: 100% !important;
}
.products-grid__grid .round-excerpt picture span.title {
opacity: 1;
font-size: 2rem;
font-weight: 700;
text-align: center;
color: #030303;
}
@media only screen and (min-width: 48em) {
.products-grid__grid .round-excerpt {
max-width: 24rem;
}
}
.products-grid__pagination {
display: flex;
justify-content: center;
margin-top: 2.5rem;
}
.products-grid__pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1.5px solid transparent;
font-size: 14px;
font-weight: 500;
text-decoration: none;
color: #273477;
transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.products-grid__pagination .page-numbers:hover {
background: rgba(39, 52, 119, 0.08);
border-color: #273477;
}
.products-grid__pagination .page-numbers.current {
background: #273477;
color: #FCFBF7;
border-color: #273477;
box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;
}
.products-grid__pagination .page-numbers.prev, .products-grid__pagination .page-numbers.next {
color: #8CBE23;
border-color: #8CBE23;
}
.products-grid__pagination .page-numbers.prev:hover, .products-grid__pagination .page-numbers.next:hover {
background: #8CBE23;
color: #FCFBF7;
}
.products-grid__pagination .page-numbers.dots {
border: none;
cursor: default;
color: #6b7280;
width: auto;
padding: 0 4px;
letter-spacing: 2px;
}
.products-grid__pagination .page-numbers.dots:hover {
background: transparent;
}
.resetpass__form {
text-align: left;
}
.resetpass__form form {
width: 100%;
}
.resetpass__list {
margin: 2rem 0;
}
.resetpass__list--item {
list-style-type: none;
list-style-position: outside;
padding-left: 3rem;
line-height: 3rem;
position: relative;
}
.resetpass__list--item:before {
content: "";
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9554 0.648975L4.13244 9.47189L1.01291 6.35236C0.855355 6.22632 0.634782 6.22632 0.47723 6.35236L0.130615 6.73048C-0.0269369 6.85653 -0.0269369 7.10861 0.130615 7.26616L3.88035 11.0159C4.0064 11.1419 4.25848 11.1419 4.38452 11.0159L13.8376 1.56278C13.9952 1.40522 13.9952 1.15314 13.8376 1.0271L13.491 0.648975C13.3335 0.522933 13.1129 0.522933 12.9554 0.648975Z' fill='%23282319'/%3E%3C/svg%3E%0A");
display: block;
position: absolute;
width: 2rem;
height: 3rem;
left: 0;
}
.resetpass__input {
margin-bottom: 1.5rem;
width: 100%;
}
.resetpass__label {
width: 100%;
display: block;
position: relative;
}
.resetpass__hint {
color: #807DBA;
font-size: 80%;
}
.resetpass__submit {
width: 100%;
}
.resetpass__divider {
position: relative;
margin: 2rem 0;
width: 100%;
text-align: center;
}
.resetpass__divider:before, .resetpass__divider:after {
content: "";
display: block;
position: absolute;
top: 50%;
height: 0.1rem;
width: calc(50% - 2rem);
background: #807DBA;
}
.resetpass__divider:after {
right: 0;
}
.resetpass__sso {
display: flex;
flex-direction: column;
width: 100%;
}
.round-excerpt {
display: flex;
flex-direction: column;
align-items: center;
color: #273477;
text-decoration: none;
}
.round-excerpt:hover .round-excerpt__icon {
background: transparent;
}
.round-excerpt.swiper-slide {
width: 21rem;
}
@media only screen and (min-width: 48em) {
.round-excerpt.swiper-slide {
width: 24rem;
}
}
.round-excerpt.swiper-slide .round-excerpt__image {
height: 24rem;
}
.round-excerpt.swiper-slide .round-excerpt__image--isolated {
padding: 1.5rem;
width: 16rem;
height: 16rem;
}
.round-excerpt__thumbnail {
position: relative;
background-color: #fff;
border-radius: 1rem;
padding: 4.4rem 0 3.2rem 0;
width: 100%;
}
.round-excerpt__thumbnail.square {
padding: 0;
aspect-ratio: 1;
display: flex;
align-items: center;
overflow: hidden;
}
.round-excerpt__thumbnail.square .image {
display: flex;
border-radius: 1rem;
align-items: center;
justify-content: center;
}
.round-excerpt__thumbnail.square .image img {
width: 100%;
height: 100%;
}
.round-excerpt__thumbnail .icon {
position: absolute;
top: 1rem;
right: 1rem;
display: inline-flex;
align-items: center;
}
.round-excerpt__image {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
height: 65vw;
}
@media only screen and (min-width: 34em) {
.round-excerpt__image {
height: calc(50vw - 1.5rem - 2rem);
}
}
@media only screen and (min-width: 48em) {
.round-excerpt__image {
height: 24rem;
margin: 4rem 0 4rem 0;
}
}
.round-excerpt__image--isolated {
padding: 3rem;
}
.round-excerpt__image--isolated.cover img {
object-fit: contain;
}
.round-excerpt__image--isolated img {
mix-blend-mode: multiply;
}
.round-excerpt__image img {
display: block;
width: 100%;
height: 100%;
}
.round-excerpt__icon svg .fill {
fill: #8CBE23;
}
.round-excerpt__content {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
width: 100%;
padding: 1.8rem 0 0;
}
.round-excerpt__title {
text-align: left;
font-family: "holisan-body", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
font-size: 1.8rem;
font-weight: normal;
}
.round-excerpt__description {
color: #00ff00;
}
.progress-footer {
display: block;
position: fixed;
z-index: 99;
left: 0;
right: 0;
bottom: 0;
padding: 1.5rem 0;
height: 7.7rem;
background: #273477;
}
.progress-footer__bar, .progress-footer__bar-count {
display: block;
position: absolute;
height: 1rem;
left: 0;
right: 0;
top: 0;
margin-top: -1rem;
}
.progress-footer__bar {
background: rgba(140, 190, 35, 0.2);
}
.progress-footer__bar-count {
background: #8CBE23;
right: auto;
margin-top: 0;
}
.progress-footer .page-width {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(16rem, 1fr);
align-items: center;
height: 100%;
}
@media only screen and (min-width: 27em) {
.progress-footer .page-width {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(22rem, 1fr);
}
}
.progress-footer__previous {
position: relative;
}
.progress-footer__previous:hover svg .fill {
fill: #8CBE23;
}
.progress-footer__steps {
text-align: center;
width: 100%;
color: #FCFBF7;
font-size: 2.8rem;
}
@media only screen and (max-width: 26.9375em) {
.progress-footer__next {
font-size: 2rem;
}
}
.progress-footer__next--disabled {
opacity: 20%;
pointer-events: none;
}
.seo-text {
margin: 6rem auto;
max-width: 60rem;
}
/* ==============================
Default Search (alle content formulieren)
============================== */
.search-bar {
position: relative;
}
.search-bar__input {
display: block;
height: 3.9rem;
border-radius: 20rem !important;
border: 0;
box-shadow: none !important;
font-size: 2rem;
padding: 0.5rem 1rem;
color: #8CBE23;
transition: all 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
border: transparent !important;
}
.search-bar__input:-ms-input-placeholder {
color: #807DBA !important;
}
.search-bar__input::placeholder {
color: #807DBA !important;
}
.search-bar__input:focus, .search-bar__input:focus-visible {
outline: none;
border-color: transparent !important;
}
.search-bar--visible .search-bar__icon--search {
display: none !important;
}
.search-bar__icon {
width: 39px;
height: 39px;
appearance: none;
background: none;
border: 0;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
}
.search-bar__icon--clear {
display: none;
background: #BEB9AA;
}
@media only screen and (max-width: 79.9375em) {
.search-bar__icon svg path {
fill: #FCFBF7;
}
}
.search-bar--active .search-bar__icon--search {
display: none !important;
}
.search-bar--active .search-bar__icon--clear {
display: flex;
}
@media only screen and (max-width: 26.9375em) {
main#content .search-bar {
width: 100%;
}
}
@media only screen and (max-width: 26.9375em) {
main#content .search-bar__input {
width: 100%;
}
}
main#content .search-bar__icon {
position: absolute;
top: 0;
right: 0;
z-index: 999;
appearance: revert;
}
@media only screen and (max-width: 79.9375em) {
main#content .search-bar__icon svg path {
fill: #030303;
}
}
/* ==============================
Header Search (animated variant)
============================== */
.main-header .search-bar {
position: relative;
}
.main-header .search-bar .search-bar__input {
display: none;
}
.main-header .search-bar--visible {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
z-index: 99;
background: #FCFBF7;
border-radius: inherit;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
}
.main-header .search-bar--visible .search-bar__input {
display: block;
flex: 1;
border: none;
background: #FCFBF7;
font-size: 2rem;
opacity: 1;
height: 100%;
padding: 0;
margin-right: 2rem;
pointer-events: auto;
transition: opacity 0.2s ease;
}
.main-header .search-bar--visible .search-bar__input:-ms-input-placeholder {
color: #807DBA !important;
}
.main-header .search-bar--visible .search-bar__input::placeholder {
color: #807DBA !important;
}
.main-header .search-bar--visible .search-bar__input:focus {
outline: none;
}
.main-header .search-bar--visible .search-bar__icon--clear {
display: flex;
}
.main-header .search-bar--visible .search-bar__icon--search {
order: 2;
}
.show-more__js--show .show-more__item--hidden {
display: flex;
}
.show-more__js--show .show-more__button {
position: relative;
}
.show-more__js--show .show-more__button svg {
transform: scaleY(-1);
}
.show-more__item--hidden {
display: none;
}
.show-more__button-row {
display: flex;
justify-content: center;
margin: 3rem 0 0;
}
.show-more__button {
margin: 0 auto;
}
.slider-row {
margin: 5rem 0;
}
.slider-row .swiper-wrapper {
transition-timing-function: linear;
}
.side-call-to-action {
position: fixed;
z-index: 105;
top: 7rem;
right: 0;
padding: 1rem 0.5rem;
background: #8CBE23;
color: #FCFBF7;
border-top-left-radius: 2rem;
border-bottom-left-radius: 2rem;
text-decoration: none;
}
@media only screen and (min-width: 80em) {
.side-call-to-action {
display: flex;
flex-direction: column;
align-items: center;
top: 18rem;
padding: 1.5rem 1rem;
}
}
.side-call-to-action__title {
display: none;
margin-bottom: 0.6rem;
-ms-writing-mode: tb-rl;
writing-mode: tb-rl;
transform: rotate(-180deg);
}
@media only screen and (min-width: 80em) {
.side-call-to-action__title {
display: block;
}
}
.stories-row {
margin: 6rem 0;
}
.stories-row__header {
position: relative;
margin-bottom: 2rem;
text-align: center;
}
.stories-row__title {
color: #FCFBF7;
}
@media only screen and (max-width: 33.9375em) {
.stories-row__title {
font-size: 3.6rem;
}
}
.stories-row__list {
display: grid;
align-items: stretch;
gap: 2px;
margin: 5rem auto;
max-width: 110rem;
}
@media only screen and (min-width: 48em) {
.stories-row__list--cta {
max-width: 96rem;
padding: 0 6rem;
}
}
.stories-row__list--2 .story-excerpt__footer, .stories-row__list--3 .story-excerpt__footer {
display: none;
background-color: #FCFBF7;
}
@media only screen and (min-width: 48em) {
.stories-row__list--2, .stories-row__list--3 {
grid-template-columns: 1fr 1fr;
max-width: 100%;
}
}
@media only screen and (min-width: 80em) {
.stories-row__list--3 {
grid-template-columns: 1fr 1fr 1fr;
max-width: 100%;
}
}
.stories-row__make-story-cta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 7.5rem 2.2rem 6.2rem;
background: #273477;
border: 0.1rem dashed #D7D2C8;
border-radius: 2rem;
}
.stories-row__make-story-title {
font-size: 2.8rem;
}
.stories-row__make-story-text {
margin: 1.7rem 0 3.7rem;
text-align: center;
}
.stories-row .show-more__button-row {
grid-column: 1/-1;
margin: 2rem 0 0;
}
.story-excerpt {
display: flex;
flex-direction: column;
background: #FCFBF7;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
border-radius: 2rem;
overflow: hidden;
color: #273477;
transition: all 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
text-decoration: none;
}
@media only screen and (min-width: 48em) {
.story-excerpt:hover {
cursor: pointer;
box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.15);
transform: translateY(-0.2rem);
}
.story-excerpt:hover .story-excerpt__link {
color: #273477;
}
.story-excerpt:hover .story-excerpt__link svg .fill {
fill: #273477;
}
}
@media only screen and (min-width: 48em) {
.stories-row__list--1 .story-excerpt {
flex-direction: row;
}
}
.stories-row__list--1 .story-excerpt__image {
flex-grow: 1;
}
.stories-row__list--1 .story-excerpt__image img {
height: 100%;
}
@media only screen and (min-width: 48em) {
.stories-row__list--1 .story-excerpt__content {
max-width: 45rem;
}
}
@media only screen and (min-width: 80em) {
.stories-row__list--1 .story-excerpt__content {
max-width: 50rem;
}
}
.stories-row__list--1 .story-excerpt__title {
color: #273477;
}
.stories-row__list--1 .story-excerpt__description {
color: #030303;
}
@media only screen and (min-width: 48em) {
.stories-row__list--1 .story-excerpt__description {
display: flex;
flex-direction: column;
justify-content: center;
padding: 5rem;
}
}
.stories-row__list--1 .story-excerpt__text {
display: block;
}
.stories-row__list--1 .story-excerpt__text p {
color: #030303;
}
@media only screen and (min-width: 48em) {
.stories-row__list--1 .story-excerpt__footer {
padding-left: 5rem;
padding-right: 5rem;
}
}
.story-excerpt__image img {
display: block;
width: 100%;
max-width: 100%;
height: 23rem;
}
.story-excerpt__content {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.story-excerpt__title {
font-size: 2.8rem;
color: #273477;
}
.story-excerpt__description {
flex-grow: 1;
padding: 3rem;
}
.story-excerpt__tag.tag {
margin-bottom: 2rem;
}
.story-excerpt__text {
color: #030303;
}
.story-excerpt__footer {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 3rem;
}
.story-excerpt__link {
display: flex;
align-items: center;
transition: color 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
color: #030303 !important;
margin: 0 auto 3rem 0;
}
.story-excerpt__link svg {
margin-left: 0.5rem;
}
.story-excerpt__link svg .fill {
transition: fill 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
fill: #8CBE23;
}
.show-more__js:not(.show-more__js--show) .story-excerpt.show-more__item--hidden {
display: none;
}
.tag {
display: inline-flex;
margin: 0 0.5rem 1rem 0;
padding: 0.5rem 1.5rem;
border-radius: 1rem;
font-size: 1.8rem;
color: #FCFBF7;
background: #030303;
border: 0.1rem solid #FCFBF7;
text-decoration: none;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.tag:hover {
border: 0.1rem solid #8CBE23;
background: #8CBE23;
color: #030303;
}
.video__container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
border-radius: 1rem;
}
.video__object {
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video__title {
margin-top: 2rem;
}
.usp-list {
margin: 2rem 0 6rem;
}
.usp-list__usp {
display: grid;
grid-template-columns: 2rem auto;
gap: 2rem;
margin: 1rem 0;
}
.usp-list__check {
display: flex;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
background: rgba(39, 52, 119, 0.1);
border-radius: 50%;
}
.equipment-label {
display: grid;
grid-template-columns: 100%;
gap: 1.2rem;
align-items: center;
margin: 4rem 0;
padding: 2rem 3rem;
background: #FCFBF7;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 48em) {
.equipment-label {
grid-template-columns: 8rem 1fr;
gap: 3rem;
margin: 6rem 0;
padding: 2.4rem 3rem 2.4rem 2.4rem;
}
}
.equipment-label__image {
display: flex;
justify-content: center;
align-items: center;
width: 8rem;
height: 8rem;
border-radius: 50%;
}
.equipment-label__image img {
display: block;
width: 4.4rem;
height: auto;
object-fit: contain;
}
.equipment-label__title {
position: relative;
display: flex;
align-items: center;
margin-bottom: 1.2rem;
font-size: 1.8rem;
}
.equipment-label__title svg {
margin-left: 0.4rem;
}
.equipment-label__bubble {
display: none;
position: absolute;
top: 3.3rem;
left: -0.6rem;
z-index: 1;
padding: 1.6rem;
background: #FCFBF7;
border-radius: 1rem;
font-size: 1.4rem;
line-height: 2.2rem;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.equipment-label__bubble:before {
position: absolute;
top: -1.5rem;
left: 35%;
content: "";
border-left: 1rem solid transparent;
border-right: 1rem solid transparent;
border-bottom: 1rem solid #FCFBF7;
width: 1.7rem;
height: 1.7rem;
}
.equipment-label__description {
color: #807DBA;
}
.empty-space-cta__wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 2.2rem;
background: #273477;
border: 0.1rem dashed #D7D2C8;
border-radius: 2rem;
}
.empty-space-cta__title {
font-size: 1.8rem;
text-align: center;
}
.empty-space-cta__description {
margin: 1rem 0 1.9rem;
color: #807DBA;
text-align: center;
}
.empty-space-cta__modal {
display: none;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
width: 100vw;
padding: 4.5rem 6rem;
flex-direction: column;
justify-content: center;
align-items: center;
background: #FCFBF7;
border-radius: 2rem 2rem 0 0;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media only screen and (min-width: 48em) {
.empty-space-cta__modal {
top: 50%;
left: 50%;
bottom: unset;
transform: translate(-50%, -50%);
width: 45.6rem;
border-radius: 2rem;
}
}
.empty-space-cta__modal-title {
margin: 2.4rem 0 1.6rem;
text-align: center;
font-size: 2rem;
}
.empty-space-cta__modal-text {
font-size: 1.8rem;
text-align: center;
}
.empty-space-cta__modal-buttons {
display: flex;
justify-content: space-between;
}
.empty-space-cta__modal-buttons span,
.empty-space-cta__modal-buttons a {
width: calc(50% - 0.6rem);
}
.subscription-plans {
padding-top: 5.4rem;
background: #FCFBF7;
}
.subscription-plans .subscription-plan {
position: relative;
display: none;
flex-direction: column;
padding: 4rem;
background: #FCFBF7;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan {
display: flex;
border-radius: 1.5rem;
border: 0.1rem solid #F5F2EC;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
}
}
.subscription-plans .subscription-plan--quote {
padding-bottom: 6rem;
}
.subscription-plans .subscription-plan--mobile-logged-out {
display: flex;
}
.subscription-plans .subscription-plan:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #273477;
border-radius: 1.5rem 1.5rem 0 0;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan:before {
height: 1.5rem;
}
}
.subscription-plans .subscription-plan--selected {
display: flex;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan--selected {
box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.15);
}
}
.subscription-plans .subscription-plan--selected:before {
background: #273477;
}
.subscription-plans .subscription-plan__selected {
position: absolute;
top: 3.5rem;
right: 2.5rem;
padding: 0.8rem 1.6rem;
background: #8CBE23;
color: #FCFBF7;
border-radius: 3rem;
}
.subscription-plans .subscription-plan__price {
margin-bottom: 0;
font-size: 2.8rem;
line-height: 3.3rem;
}
.subscription-plans .subscription-plan__price--yearly {
display: none;
}
.subscription-plans .subscription-plan__caption {
margin-bottom: 2.4rem;
font-size: 1.4rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan__caption {
margin-bottom: 0;
}
}
.subscription-plans .subscription-plan__caption--yearly {
display: none;
}
.subscription-plans .subscription-plan__table-head {
position: relative;
margin: 1.6rem 0;
padding-bottom: 1.6rem;
font-weight: 700;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan__table-head {
margin: 0;
padding-bottom: 2.4rem;
}
}
.subscription-plans .subscription-plan__table-head:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
background: #002DD7;
width: 45%;
height: 1px;
border-radius: 2rem;
}
.subscription-plans .subscription-plan__table {
margin: 0 0 3rem;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan__table {
margin: 2.4rem 0 3rem;
}
}
.subscription-plans .subscription-plan__table tr:not(:last-of-type):not(.subscription-plan__has-second-row) td {
padding-bottom: 1.6rem;
}
.subscription-plans .subscription-plan__table td {
position: relative;
vertical-align: middle;
font-size: 1.4rem;
line-height: 2.2rem;
max-width: 100%;
white-space: nowrap;
}
.subscription-plans .subscription-plan__table td:nth-of-type(2) {
text-align: right;
}
.subscription-plans .subscription-plan__button {
margin-top: auto;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan__button {
order: 1;
}
}
.subscription-plans .subscription-plan__button--current {
background: #D7D2C8;
pointer-events: none;
}
.subscription-plans .subscription-plan__button input {
appearance: none;
width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 1.3rem 2.5rem 1.4rem;
border-radius: 10rem;
border: 0;
font-family: "holisan-body", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
font-weight: 700;
background: #273477;
color: #FCFBF7;
text-decoration: none;
cursor: pointer;
text-align: center;
outline: none;
font-size: 2rem;
line-height: 1;
white-space: nowrap;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan__button input:hover, .subscription-plans .subscription-plan__button input:focus {
background: #807DBA;
color: #FCFBF7;
}
}
.subscription-plans .subscription-plan__tooltip {
display: inline-block;
margin-left: 0.4rem;
}
.subscription-plans .subscription-plan__tooltip-bubble {
display: none;
position: absolute;
top: 3.3rem;
left: -0.6rem;
width: 180%;
z-index: 1;
padding: 1.6rem;
background: #FCFBF7;
border-radius: 1rem;
font-size: 1.4rem;
line-height: 2.2rem;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
white-space: normal;
}
.subscription-plans .subscription-plan__tooltip-bubble:before {
position: absolute;
top: -1.5rem;
left: 5rem;
content: "";
border-left: 1rem solid transparent;
border-right: 1rem solid transparent;
border-bottom: 1rem solid #FCFBF7;
width: 1.7rem;
height: 1.7rem;
}
.subscription-plans .subscription-plan__quote {
margin-top: 1.6rem;
text-align: center;
color: #00ff00;
cursor: pointer;
}
@media only screen and (min-width: 48em) {
.subscription-plans .subscription-plan__quote {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 2.3rem;
}
}
@media only screen and (min-width: 48em) {
.subscription-plans {
padding: 8.2rem 0 7.7rem;
}
}
.subscription-plans__header {
margin: 0 auto 4rem;
max-width: 60rem;
text-align: center;
}
.subscription-plans__header h2 {
margin-bottom: 1.8rem;
font-size: 2.8rem;
}
@media only screen and (min-width: 48em) {
.subscription-plans__header h2 {
font-size: 3.6rem;
}
}
.subscription-plans__header p {
margin-bottom: 0;
}
.subscription-plans__time-switch {
display: none;
justify-content: center;
align-items: center;
margin-bottom: 5.2rem;
}
@media only screen and (min-width: 80em) {
.subscription-plans__time-switch {
display: flex;
}
}
.subscription-plans__time-switch span {
font-size: 1.8rem;
}
.subscription-plans__time-switch .switch {
margin: 0 1.6rem;
}
.subscription-plans__plans {
position: relative;
display: grid;
grid-template-columns: 100%;
max-width: 112rem;
margin: 0 auto;
}
@media only screen and (min-width: 80em) {
.subscription-plans__plans {
grid-template-columns: repeat(3, 1fr);
gap: 7.2rem;
}
}
@media only screen and (min-width: 80em) {
.subscription-plans__plans .subscription-plan:not(:nth-of-type(2)) .subscription-plan__tooltip {
display: none;
}
}
.subscription-plans__mobile-switcher {
display: flex;
justify-content: space-between;
padding: 2.5rem 3.7rem 0;
background: #FCFBF7;
}
.subscription-plans__mobile-switcher h2 {
margin-bottom: 0;
padding-bottom: 1rem;
border-bottom: 0.4rem solid #273477;
font-weight: 400;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.subscription-plans__mobile-switcher h2.active {
font-weight: 700;
border-color: #273477;
}
@media only screen and (min-width: 80em) {
.subscription-plans__mobile-switcher {
display: none;
}
}
.subscription-plans__plan-title {
margin-bottom: 1.6rem;
}
.backlinks {
max-width: 96rem;
margin: 3rem auto 3rem;
width: 100%;
border: 1px solid #FCFBF7;
border-radius: 0.6rem;
}
@media only screen and (max-width: 47.9375em) {
.backlinks {
padding: 0;
}
}
.backlinks--closed .backlinks__icon {
transform: rotate(180deg);
}
.backlinks--closed .backlinks-container {
display: none;
margin: 0 3rem 3rem 3rem;
}
.backlinks__header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 6rem;
padding: 2rem 2.4rem;
font-size: 1.8rem;
font-weight: 700;
cursor: pointer;
border: 0;
color: #FCFBF7;
background-color: transparent;
}
@media only screen and (min-width: 48em) {
.backlinks__header {
border-radius: 0.6rem;
}
}
.backlinks__icon-wrapper {
margin-right: 1.8rem;
transition: transform 0.3s ease;
width: 1.2rem;
fill: #FCFBF7;
}
.backlinks__icon {
transition: transform 0.3s ease;
}
.backlinks-container {
padding: 0;
margin: 0 3rem 3rem 3rem;
}
.backlinks-container__content {
margin-bottom: 3rem;
}
.backlinks-container__content:first-child {
margin-top: 2.3rem;
}
@media only screen and (min-width: 48em) {
.backlinks-container__content {
display: grid;
align-items: baseline;
}
}
.backlinks-container__title {
margin: 0 0 1.7rem;
font-size: 1.4rem;
font-weight: 500;
font-family: "holisan-heading", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
color: #8CBE23;
}
.backlinks-container__chips a {
color: #FCFBF7;
background-color: #030303;
border: 1px solid #FCFBF7;
line-height: 2.2rem;
margin: 0 1.6rem 1.6rem 0;
}
.specifications {
max-width: 96rem;
margin: 3rem auto 3rem;
width: 100%;
border: 1px solid #FCFBF7;
border-radius: 0.6rem;
}
@media only screen and (max-width: 47.9375em) {
.specifications {
padding: 0;
}
}
.specifications--closed .specifications__icon {
transform: rotate(180deg);
}
.specifications--closed .specifications-container {
display: none;
margin: 0 3rem;
}
.specifications__header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 6rem;
padding: 2rem 2.4rem;
font-size: 1.8rem;
font-weight: 700;
cursor: pointer;
border: 0;
color: #FCFBF7;
background-color: transparent;
}
@media only screen and (min-width: 48em) {
.specifications__header {
border-radius: 0.6rem;
}
}
.specifications__icon-wrapper {
margin-right: 1.8rem;
transition: transform 0.3s ease;
width: 1.2rem;
fill: #FCFBF7;
}
.specifications__icon {
transition: transform 0.3s ease;
}
.specifications-container {
padding: 0;
margin: 0 3rem 3rem 3rem;
}
.specifications-container__content:first-child {
margin-top: 2.3rem;
}
@media only screen and (min-width: 48em) {
.specifications-container__content {
display: grid;
grid-template-columns: 12.7rem auto;
align-items: baseline;
}
}
.specifications-container h4 {
margin-top: 2rem;
}
.specifications-container dl {
display: grid;
grid-gap: 4px 16px;
grid-template-columns: max-content;
}
.specifications-container dl dt {
font-weight: bold;
margin: 0.5rem 0;
}
.specifications-container dl dd {
margin: 0.5rem 0;
grid-column-start: 2;
}
@media only screen and (max-width: 47.9375em) {
.specifications-container dl {
grid-template-columns: 1fr;
grid-gap: 4px;
}
.specifications-container dl dt {
margin: 0.7825rem 0 0 0;
}
.specifications-container dl dt:first-of-type {
margin-top: 0;
}
.specifications-container dl dt, .specifications-container dl dd {
grid-column: span 1;
}
.specifications-container dl dd {
margin: 0 0 0.5rem 0;
}
}
.specifications-container__title {
margin: 0 0 1.7rem;
font-size: 1.4rem;
font-weight: 500;
color: #807DBA;
}
.specifications-container__chips a {
color: #00ff00;
line-height: 2.2rem;
margin: 0 1.6rem 1.6rem 0;
}
.equipment_group-grid {
margin: 6rem 0;
}
.equipment_group-grid__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 6rem 5rem;
margin: 3rem 0 0;
}
@media only screen and (max-width: 79.9375em) {
.equipment_group-grid__grid {
gap: 6rem 5rem;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 26.9375em) {
.equipment_group-grid__grid {
grid-template-columns: 1fr;
margin: 3rem 0;
}
}
.equipment_group-grid__grid picture {
aspect-ratio: 1;
width: 90%;
margin: 4rem auto;
}
.equipment_group-grid__grid picture.round-excerpt__image {
height: auto;
}
@media only screen and (max-width: 47.9375em) {
.equipment_group-grid__grid .round-excerpt .round-excerpt__title {
font-size: 2rem;
}
}
.users-grid {
margin: 6rem 0;
}
.users-grid__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
margin: 3rem 0 0;
}
@media only screen and (min-width: 48em) {
.users-grid__grid {
display: grid;
justify-content: center;
flex-wrap: wrap;
margin: 5rem 0;
grid-template-columns: repeat(5, 1fr);
}
}
@media only screen and (max-width: 61.9375em) {
.users-grid__grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 33.9375em) {
.users-grid__grid {
grid-template-columns: repeat(2, 1fr);
}
}
.users-grid__grid .round-excerpt .round-excerpt__image {
margin: 0;
}
@media only screen and (max-width: 47.9375em) {
.users-grid__grid .round-excerpt .round-excerpt__image {
height: calc(50vw - 6rem);
}
}
.users-grid__grid .round-excerpt .round-excerpt__image.image--no-image {
height: 13rem;
}
.users-grid__grid .round-excerpt .round-excerpt__thumbnail {
padding: 0;
}
.users-grid__grid .round-excerpt .round-excerpt__thumbnail:has(.image--no-image) {
min-height: 24rem;
}
@media only screen and (max-width: 26.9375em) {
.users-grid__grid .round-excerpt .round-excerpt__thumbnail:has(.image--no-image) {
min-height: 12rem;
}
}
.users-grid__grid .round-excerpt .round-excerpt__content {
align-items: start;
}
@media only screen and (max-width: 47.9375em) {
.users-grid__grid .round-excerpt .round-excerpt__content .round-excerpt__title {
font-size: 2rem;
}
}
.users-grid__grid .round-excerpt picture {
margin: 5rem 0 !important;
}
.users-grid__grid .round-excerpt picture img {
display: block;
height: 100%;
width: 100%;
object-fit: cover !important;
object-position: center !important;
}
.users-grid__grid .round-excerpt picture.height_auto img {
height: auto;
margin: 0 1rem;
}
.users-grid__grid .round-excerpt picture.height_full img {
height: 100% !important;
}
.users-grid__grid .round-excerpt picture span.title {
opacity: 1;
font-size: 2rem;
font-weight: 700;
text-align: center;
color: #030303;
}
@media only screen and (min-width: 48em) {
.users-grid__grid .round-excerpt {
max-width: 24rem;
}
}
.areas-of-expertise_component {
padding: 0;
}
.areas-of-expertise_component h2 {
text-align: center;
font-weight: 700;
margin-bottom: 3rem;
font-size: 3.2rem;
}
.areas-of-expertise_component .intro {
margin: 3rem auto;
font-size: 2.8rem;
color: #FCFBF7;
font-family: "holisan-intro", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
text-align: center;
max-width: 68%;
}
@media only screen and (max-width: 47.9375em) {
.areas-of-expertise_component .intro {
max-width: 100%;
}
}
.areas-of-expertise_component .areas-of-expertise_component_row--row {
margin: 3rem auto;
display: flex;
gap: 2rem;
justify-content: center;
flex-wrap: wrap;
}
@media only screen and (max-width: 33.9375em) {
.areas-of-expertise_component .area-of-expertise_component .area-of-expertise_component--block a {
font-size: 1.6rem;
color: #273477;
}
}
.blocks_component {
padding: 4rem 0;
}
.blocks_component h2 {
text-align: center;
font-size: 4.8rem;
font-family: "holisan-intro", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
margin-bottom: 3rem;
}
.blocks_component .block_component_row--row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2px;
align-items: stretch;
}
@media only screen and (max-width: 47.9375em) {
.blocks_component .block_component_row--row {
grid-template-columns: 1fr;
}
}
.blocks_component .block_component {
position: relative;
height: 100%;
}
.blocks_component .block_component .block_component--block {
display: grid;
grid-template-rows: 1fr;
background: #fff;
border-radius: 0.75rem;
padding: 6rem 2rem;
text-align: center;
height: 100%;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
position: relative;
}
.blocks_component .block_component .block_component--block .block_component--inner {
display: grid;
grid-template-rows: auto 1fr auto;
height: 100%;
}
.blocks_component .block_component .block_component--block h3 {
font-size: 2rem;
font-weight: 700;
color: #273477;
max-width: 50%;
margin: 0 auto 1rem auto;
}
.blocks_component .block_component .block_component--block p {
font-size: 1.5rem;
line-height: 2.4rem;
color: #222;
margin: 0 auto;
width: 100%;
padding: 0 3rem;
}
.blocks_component .block_component .block_component--block--cta {
margin-top: 2rem;
}
.slider_blocks_component {
padding: 4rem 0;
margin: 0;
}
.slider_blocks_component .intro--desktop {
display: block;
}
.slider_blocks_component .intro--mobile {
display: none;
}
@media only screen and (max-width: 47.9375em) {
.slider_blocks_component {
margin: 0 2rem 0 1rem;
}
}
@media only screen and (max-width: 26.9375em) {
.slider_blocks_component .intro--desktop {
display: none;
}
.slider_blocks_component .intro--mobile {
display: block;
}
}
.slider_blocks_component h3 {
font-family: "holisan-intro", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
}
.slider_blocks_component .page-width {
padding: 0 !important;
overflow: hidden;
}
.slider_blocks_component .page-width .slider_block_component_layout {
display: flex;
gap: 2px;
}
@media only screen and (max-width: 47.9375em) {
.slider_blocks_component .page-width .slider_block_component_layout {
flex-direction: column;
}
}
.slider_blocks_component .page-width .slider_block_component--intro {
flex: 0 0 40rem !important;
height: 30rem !important;
}
@media only screen and (max-width: 26.9375em) {
.slider_blocks_component .page-width .slider_block_component--intro {
flex: 0 0 30rem !important;
}
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component__block {
display: flex;
flex-direction: column;
border-radius: 1rem;
align-items: flex-start;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component {
flex: 0 0 auto;
width: 30rem;
height: 30rem !important;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt {
background-color: #273477;
color: #FCFBF7;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt a.button, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt .text-with-image--logo a.text-with-image__link, .text-with-image--logo .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt a.text-with-image__link, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt .login a.oauthloginbutton, .login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt .login a.mo_oauth_login_button,
.login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt a.mo_oauth_login_button,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt .account a.oauthloginbutton,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt .account a.mo_oauth_login_button,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-cobalt a.mo_oauth_login_button {
background-color: #F5EFE0;
color: #030303;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender {
background-color: #807DBA;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender h3 {
color: #FCFBF7 !important;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender div {
color: #FCFBF7;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender a.button, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender .text-with-image--logo a.text-with-image__link, .text-with-image--logo .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender a.text-with-image__link, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender .login a.oauthloginbutton, .login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender .login a.mo_oauth_login_button,
.login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender a.mo_oauth_login_button,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender .account a.oauthloginbutton,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender .account a.mo_oauth_login_button,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-lavender a.mo_oauth_login_button {
background-color: #F5EFE0;
color: #030303;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest {
background-color: #104F25;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest h3 {
color: #FCFBF7 !important;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest div {
color: #FCFBF7;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest a.button, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest .text-with-image--logo a.text-with-image__link, .text-with-image--logo .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest a.text-with-image__link, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest .login a.oauthloginbutton, .login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest .login a.mo_oauth_login_button,
.login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest a.mo_oauth_login_button,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest .account a.oauthloginbutton,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest .account a.mo_oauth_login_button,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-forest a.mo_oauth_login_button {
background-color: #F5EFE0;
color: #030303;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta {
background-color: #BC5318;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta h3 {
color: #FCFBF7 !important;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta div {
color: #FCFBF7 !important;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta a.button, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta .text-with-image--logo a.text-with-image__link, .text-with-image--logo .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta a.text-with-image__link, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta .login a.oauthloginbutton, .login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta .login a.mo_oauth_login_button,
.login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta a.mo_oauth_login_button,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta .account a.oauthloginbutton,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta .account a.mo_oauth_login_button,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-terracotta a.mo_oauth_login_button {
background-color: #F5EFE0;
color: #030303;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white {
background-color: #fff;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white h3 {
color: #FCFBF7 !important;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white div {
color: #FCFBF7;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white a.button, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white .text-with-image--logo a.text-with-image__link, .text-with-image--logo .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white a.text-with-image__link, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white .login a.oauthloginbutton, .login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white .login a.mo_oauth_login_button,
.login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white a.mo_oauth_login_button,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white .account a.oauthloginbutton,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white .account a.mo_oauth_login_button,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-white a.mo_oauth_login_button {
background-color: #F5EFE0;
color: #030303;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper {
background-color: #FCFBF7;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper h3 {
color: #FCFBF7 !important;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper div {
color: #FCFBF7;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper a.button, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper .text-with-image--logo a.text-with-image__link, .text-with-image--logo .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper a.text-with-image__link, .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper .login a.oauthloginbutton, .login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper .login a.mo_oauth_login_button,
.login .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper a.mo_oauth_login_button,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper .account a.oauthloginbutton,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper .account a.mo_oauth_login_button,
.account .slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--style-paper a.mo_oauth_login_button {
background-color: #F5EFE0;
color: #030303;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--title {
padding: 0 4rem;
}
.slider_blocks_component .page-width .slider_block_component--intro .slider_block_component--content {
padding: 2rem 4rem;
}
.slider_blocks_component .page-width .slider_block_component--intro a.button, .slider_blocks_component .page-width .slider_block_component--intro .text-with-image--logo a.text-with-image__link, .text-with-image--logo .slider_blocks_component .page-width .slider_block_component--intro a.text-with-image__link, .slider_blocks_component .page-width .slider_block_component--intro .login a.oauthloginbutton, .login .slider_blocks_component .page-width .slider_block_component--intro a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .login a.mo_oauth_login_button,
.login .slider_blocks_component .page-width .slider_block_component--intro a.mo_oauth_login_button,
.slider_blocks_component .page-width .slider_block_component--intro .account a.oauthloginbutton,
.account .slider_blocks_component .page-width .slider_block_component--intro a.oauthloginbutton,
.slider_blocks_component .page-width .slider_block_component--intro .account a.mo_oauth_login_button,
.account .slider_blocks_component .page-width .slider_block_component--intro a.mo_oauth_login_button {
margin-left: 4rem;
}
.slider_blocks_component .page-width .slider_block_component_scroll {
flex: 0 0 100%;
overflow: hidden;
position: relative;
}
.slider_blocks_component .page-width .slider_block_component_row--row {
display: flex;
gap: 2px;
cursor: grab;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
height: 100%;
}
.slider_blocks_component .page-width .slider_block_component {
flex: 0 0 30rem;
height: 30rem !important;
position: relative;
}
.slider_blocks_component .page-width .slider_block_component__block {
background-color: #FCFBF7;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 1rem;
}
.slider_blocks_component .page-width .slider_block_component__block img {
height: 100%;
width: auto;
max-width: 100%;
object-fit: contain;
display: block;
border-radius: 1rem;
}
.slider_blocks_component .page-width .slider_block_component__block.cover a {
height: 100%;
}
.slider_blocks_component .page-width .slider_block_component__block.cover img {
object-fit: cover;
width: 100%;
height: 100%;
}
.slider_blocks_component .page-width .slider_block_component__block.padded img {
height: 70%;
width: 70%;
object-fit: cover;
margin: auto;
}
.slider_block_component__block {
position: relative;
}
.slider_block_component__block::before {
left: -12px;
}
.slider_block_component__block::after {
right: -12px;
}
.products-row__title {
text-align: center;
}
.products-row__action {
display: flex;
justify-content: center;
align-items: center;
margin-top: 3rem;
}
.text-section--center .text-section__text {
text-align: center;
}
.text-section--center h3 {
text-align: center;
}
.text-section--center a {
text-align: center;
}
.text-section--left .text-section__text {
text-align: left;
}
.text-section--left h3 {
text-align: left;
}
.text-section--left a {
text-align: left;
}
.text-section--right .text-section__text {
text-align: right;
}
.text-section--right h3 {
text-align: right;
}
.text-section--right a {
text-align: right;
}
.text-section--justify .text-section__text {
text-align: justify;
}
.text-section--justify h3 {
text-align: justify;
}
.text-section--justify a {
text-align: justify;
}
.text-section__text {
font-size: 2rem;
margin: 2rem auto;
}
.text-section__text img {
display: block;
margin: 3rem 0;
width: 100%;
height: auto;
border-radius: 2rem;
}
.text-section__text ul, .text-section__text ol {
margin: 1.5rem 0 2.5rem 4rem;
}
.text-section__text ul li, .text-section__text ol li {
margin-bottom: 1rem;
}
.text-with-image .page-width {
position: relative;
padding: 0;
}
.text-with-image .page-width .text-with-image__container {
display: grid;
gap: 3rem;
z-index: 2;
background-color: transparent;
border-radius: 2rem;
color: #FCFBF7;
padding: 0;
}
@media only screen and (min-width: 48em) {
.text-with-image .page-width .text-with-image__container {
grid-template-columns: 1fr 1fr;
gap: 6rem;
align-items: center;
max-width: 144rem;
}
}
.text-with-image .page-width .text-with-image__text {
padding: 5rem 7rem;
}
@media only screen and (max-width: 47.9375em) {
.text-with-image .page-width .text-with-image__text {
padding: 2rem 3rem;
}
}
.text-with-image--right .page-width {
padding-right: 0;
}
.text-with-image--right .text-with-image__visual {
order: 2;
}
.text-with-image--right.text-with-image--background .page-width:before {
left: 0;
right: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 50rem;
}
@media only screen and (min-width: 48em) {
.text-with-image--right.text-with-image--background .page-width:before {
right: 20%;
}
}
@media only screen and (max-width: 26.9375em) {
.text-with-image--right.text-with-image--background .text-with-image__text {
padding: 2rem 0;
}
}
.text-with-image--logo .text-with-image__image {
display: block;
height: 0;
width: 100%;
}
.text-with-image--logo .text-with-image__image img {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
clip-path: url(#textWithImageClip);
border-radius: 1rem;
box-shadow: none;
}
.text-with-image--logo .text-with-image__link {
margin-top: 3rem;
}
.text-with-image--background .page-width {
padding: 5rem 7rem;
background-color: #FCFBF7;
border-radius: 2rem;
}
.text-with-image--background .page-width .text-with-image__title {
color: #273477;
}
.text-with-image--background .page-width .text-with-image__body {
color: #030303;
}
@media only screen and (max-width: 26.9375em) {
.text-with-image--background .page-width {
padding: 2rem 3rem;
}
}
.text-with-image__title {
color: #FCFBF7;
font-size: 5.6rem !important;
margin-bottom: 2rem;
}
.text-with-image__body {
color: #FCFBF7;
margin-bottom: 3rem;
}
.text-with-image--subscription .page-width {
gap: 2rem;
}
@media only screen and (min-width: 48em) {
.text-with-image--subscription .page-width {
gap: 4rem;
}
}
.text-with-image--subscription .text-with-image__image img {
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 26.9375em) {
.text-with-image--subscription .text-with-image__image {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.text-with-image--subscription .text-with-image__title {
margin-bottom: 1.6rem;
font-size: 2.2rem;
}
.text-with-image__image {
position: relative;
z-index: 2;
/* 2026-01-23 Flexible content blocks plaatjes graag allemaal bijsnijden in vast kader (niet vorm van plaatje overnemen maar vullen) */
aspect-ratio: 4/3;
}
.text-with-image__image img {
width: 100%;
height: 100%;
max-width: 100%;
border-radius: 1rem;
box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.15);
}
.text-with-image__text {
position: relative;
z-index: 2;
}
.text-with-image__link {
display: block;
margin-top: 2rem;
}
.video-row__title {
margin-bottom: 5rem;
text-align: center;
}
.video-row__videos {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.video-row__video {
margin-bottom: 5vw;
width: 100%;
}
@media only screen and (min-width: 48em) {
.video-row__video {
flex-basis: 46%;
margin: 2%;
}
}
@media only screen and (min-width: 80em) {
.video-row__video {
flex-basis: 29%;
}
}
.usps {
margin-top: 6rem;
margin-bottom: 12.4rem;
}
@media only screen and (min-width: 48em) {
.usps {
margin-top: 10rem;
margin-bottom: 16rem;
}
}
.usps--small {
margin-top: 4rem;
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 48em) {
.usps--small {
margin-top: 14rem;
margin-bottom: 6rem;
}
}
.usps__title {
margin-bottom: 3.2rem;
font-size: 2.8rem;
text-align: center;
}
@media only screen and (min-width: 48em) {
.usps__title {
margin-bottom: 8rem;
font-size: 3.6rem;
}
}
.usps__grid {
display: grid;
grid-template-columns: 100%;
gap: 8rem;
}
@media only screen and (min-width: 48em) {
.usps__grid {
grid-template-columns: repeat(3, 25rem);
justify-content: space-between;
gap: 0;
}
}
.usps__grid--4 {
margin: 0 -2.5rem;
padding: 0 2.5rem;
overflow-x: scroll;
grid-template-columns: repeat(4, 25rem);
gap: 4rem;
-ms-overflow-style: none;
scrollbar-width: none;
}
.usps__grid--4::-webkit-scrollbar {
display: none;
}
@media only screen and (min-width: 48em) {
.usps__grid--4 {
margin: 0 -6rem;
padding: 0 6rem;
}
}
@media only screen and (min-width: 80em) {
.usps__grid--4 {
margin: 0;
padding: 0;
}
}
.usps__grid--4 .usps__usp {
align-items: flex-start;
max-width: 25rem;
}
.usps__grid--4 .usps__usp-image {
margin-bottom: 4.6rem;
}
.usps__grid--4 .usps__usp-title {
margin-bottom: 0.8rem;
font-size: 1.8rem;
text-align: left;
}
.usps__grid--4 .usps__usp-description {
font-size: 1.6rem;
text-align: left;
}
.usps__usp {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
max-width: 30rem;
}
.usps__usp-image {
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 48em) {
.usps__usp-image {
margin-bottom: 6rem;
}
}
.usps__usp-image img {
max-width: 100%;
}
.usps__usp-title {
margin-bottom: 2.4rem;
font-size: 2.2rem;
text-align: center;
}
.usps__usp-description {
margin-bottom: 0;
font-size: 2rem;
text-align: center;
}
.how-it-works {
padding-top: 4rem;
background: #FCFBF7;
}
@media only screen and (min-width: 48em) {
.how-it-works {
padding: 8rem 0 4rem;
}
}
.how-it-works__title {
margin-bottom: 0;
font-size: 2.8rem;
}
@media only screen and (min-width: 48em) {
.how-it-works__title {
font-size: 3.6rem;
text-align: center;
}
}
.how-it-works__grid-wrapper {
max-width: 144rem;
margin: 0 auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media only screen and (min-width: 48em) {
.how-it-works__grid-wrapper {
padding-left: 3.6rem;
padding-right: 3.6rem;
}
}
.how-it-works__grid {
margin: 0 -2.5rem;
padding: 3.7rem 2.5rem 4.4rem;
overflow-x: scroll;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 2.4rem;
-ms-overflow-style: none;
scrollbar-width: none;
}
.how-it-works__grid::-webkit-scrollbar {
display: none;
}
@media only screen and (min-width: 48em) {
.how-it-works__grid {
margin: 0 calc((100vw - 124rem) / -2 - 6rem);
padding: 4rem calc((100vw - 124rem) / 2 + 6rem);
gap: 4rem;
}
}
.how-it-works__step {
position: relative;
width: 25rem;
padding: 3.2rem 2rem 3.8rem;
background: #FCFBF7;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 48em) {
.how-it-works__step {
width: 32.5rem;
}
}
.how-it-works__step-label {
padding: 0.6rem 1.6rem;
border-radius: 4rem;
color: #273477;
background: #273477;
}
.how-it-works__step-title {
margin: 1.6rem 0;
font-size: 2.8rem;
}
.how-it-works__step-description {
margin-bottom: 0;
}
.how-it-works__step-arrow {
position: absolute;
top: 3.2rem;
right: -0.9rem;
padding: 0.9rem 1.8rem;
background: #FCFBF7;
border-radius: 2rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.badges_component {
padding: 4rem 0;
}
.badges_component h2 {
text-align: center;
font-size: 4.8rem;
font-family: "holisan-intro", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
margin-bottom: 3rem;
}
.badges_component .badge_component_row--row {
display: grid;
justify-content: center;
grid-template-columns: repeat(4, 1fr);
align-items: stretch;
}
@media only screen and (max-width: 79.9375em) {
.badges_component .badge_component_row--row {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 47.9375em) {
.badges_component .badge_component_row--row {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 26.9375em) {
.badges_component .badge_component_row--row {
grid-template-columns: 1fr;
}
}
.badges_component .round-excerpt {
display: flex;
flex-direction: column;
align-items: center;
color: #ffffff;
text-decoration: none;
max-width: 24rem;
width: 100%;
margin-bottom: 3rem;
}
.badges_component .round-excerpt__thumbnail {
padding: 0;
}
.badges_component .round-excerpt__image {
height: 24rem;
margin: 0;
min-height: 34rem;
border-radius: 1rem;
}
.badges_component .badge_component--block {
display: grid;
grid-template-rows: 1fr;
background: #fff;
border-radius: 0.75rem;
padding: 6rem 2rem;
text-align: center;
height: 100%;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
position: relative;
}
body.page-template-reset-password .main-footer {
margin: 0;
}
.account {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
background: #F8F6F2;
}
.account__container {
display: flex;
flex-direction: column;
align-items: center;
margin: 5vh 0;
padding: 3rem 7rem 5rem;
background: white;
border-radius: 2rem;
max-width: 46rem;
width: 100%;
text-align: center;
}
.account__icon {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 3rem;
width: 7.5rem;
height: 7.5rem;
background: #273477;
border-radius: 50%;
}
.account__input {
margin-bottom: 3rem;
width: 100%;
}
.account__instruction {
margin-bottom: 3rem;
color: #807DBA;
}
.account__button {
width: 100%;
}
body.single-equipment .main-footer {
margin: 0;
}
.equipment {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.equipment .page-width {
flex-grow: 1;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 62em) {
.equipment .page-width {
flex-direction: row;
}
}
.equipment__content {
padding: 6rem 0;
}
@media only screen and (min-width: 62em) {
.equipment__content {
padding: 6rem 13% 10rem 0;
}
}
.equipment__content .addon-sections {
margin: 9rem 0 0 0;
}
.equipment-grid {
margin: 6rem 0;
}
.equipment-grid figure.round-excerpt__thumbnail {
padding: 0rem;
}
.equipment-grid figure.round-excerpt__thumbnail picture {
border-radius: 1rem;
}
.equipment__title {
color: #FCFBF7;
margin-bottom: 4rem;
}
.equipment-label__usps {
background-color: #273477;
border-radius: 1rem;
color: #FCFBF7;
margin: 6rem 0;
padding: 2.4rem 2.8rem;
}
.equipment__gallery {
display: grid;
gap: 3rem;
margin: 3rem 0;
align-items: center;
}
@media only screen and (min-width: 48em) {
.equipment__gallery {
gap: 3rem;
grid-template-columns: 40rem auto;
margin: 5rem 0;
}
}
.equipment__products-title {
font-family: "holisan-heading", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
}
.equipment__products-list {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin: 2rem 0;
}
.equipment__product {
display: inline-flex;
flex-direction: row;
align-items: center;
width: 100%;
font-size: 1.6rem;
text-align: center;
transition: color 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
color: #273477;
text-decoration: none;
}
.equipment__product:hover {
color: #273477;
}
.equipment__product:hover img {
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.equipment__product a {
color: #273477;
text-decoration: none;
}
.equipment__product-thumbnail img {
margin-bottom: 0.5rem;
width: 6rem;
border-radius: 50%;
transition: box-shadow 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.equipment__image {
background: #FCFBF7;
border-radius: 1rem;
overflow: hidden;
}
.equipment__image.equipment__image--isolated {
padding: 3rem;
}
.equipment__image.equipment__image--isolated.cover img {
object-fit: contain;
}
.equipment__image.equipment__image--isolated img {
mix-blend-mode: multiply;
}
.equipment__image img {
display: block;
width: 100%;
height: auto;
max-height: 50vh;
}
.equipment__description h2,
.equipment__description h3,
.equipment__description h4 {
margin-top: 1.2em;
}
.equipment__description ul,
.equipment__description ol {
margin: 1.2em 2em;
}
.equipment__videos {
margin: 6rem 0;
}
.equipment__videos--multiple {
display: grid;
gap: 2rem;
}
@media only screen and (min-width: 48em) {
.equipment__videos--multiple {
grid-template-columns: 1fr 1fr;
}
}
.equipment__tags {
margin: 6rem 0;
}
.equipment__tags-links {
margin: 2rem 0;
}
.equipment__sidebar {
position: relative;
padding: 6rem 0;
}
.equipment__sidebar:before {
content: "";
position: absolute;
display: block;
z-index: -1;
background: initial;
left: -1.5rem;
right: -1.5rem;
top: 0;
bottom: 0;
}
@media only screen and (min-width: 48em) {
.equipment__sidebar:before {
left: -3.6rem;
right: -3.6rem;
}
}
@media only screen and (min-width: 62em) {
.equipment__sidebar:before {
left: 0;
right: -100vw;
}
}
@media only screen and (min-width: 62em) {
.equipment__sidebar {
flex-basis: 47rem;
flex-shrink: 0.2;
padding: 6rem 0 6rem 7rem;
}
}
.equipment__sidebar-sticky {
position: sticky;
top: 4rem;
background-color: #FCFBF7;
border-radius: 1rem;
padding: 3rem 2.4rem 3rem 2.4rem;
}
.equipment__sidebar-sticky h4 {
color: #273477;
}
.equipment__sidebar-supplier {
margin: 0 0 6rem;
padding: 4rem;
background: #FCFBF7;
border-radius: 2rem;
text-align: center;
}
@media only screen and (min-width: 62em) {
.equipment__sidebar-supplier {
margin: 0rem 0 6rem;
}
}
.equipment__sidebar-supplier-image {
display: block;
margin: 0 auto 2rem;
max-width: 20rem;
}
.equipment__sidebar-supplier-image img {
width: 100%;
max-height: 10rem;
}
.equipment__sidebar-supplier-description {
color: #030303;
font-size: 1.8rem;
}
.equipment__sidebar-supplier-link {
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.5rem;
color: #273477;
font-size: 1.8rem;
font-weight: bold;
text-decoration: none;
}
.equipment__sidebar-supplier-link:hover svg {
transform: translateX(0.5rem);
}
.equipment__sidebar-supplier-link svg {
margin-left: 0.5rem;
transition: transform 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.equipment__sidebar-supplier-link svg .fill {
fill: #273477;
}
.equipment__sidebar-title {
margin-bottom: 2rem;
}
.page-template-processes-archive .page-header .page-width {
top: 40rem;
}
@media only screen and (max-width: 47.9375em) {
.page-template-processes-archive .page-header .page-width {
top: 10rem;
}
}
.page-template-processes-archive .process-grid {
position: relative;
z-index: 99;
margin-top: -40rem;
}
.page-template-processes-archive .process-grid .round-excerpt .round-excerpt__image {
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 47.9375em) {
.page-template-processes-archive .process-grid .round-excerpt .round-excerpt__image {
width: 100%;
height: 100%;
}
}
.page-template-processes-archive .process-grid .round-excerpt .round-excerpt__title {
font-weight: bold;
text-align: left;
width: 100%;
}
@media only screen and (max-width: 47.9375em) {
.page-template-processes-archive .process-grid .round-excerpt .round-excerpt__title {
font-size: 2rem;
}
}
.page-template-processes-archive .process-grid .round-excerpt .round-excerpt__content {
text-align: left;
}
@media only screen and (max-width: 47.9375em) {
.page-template-processes-archive .process-grid .round-excerpt .round-excerpt__content {
font-size: 2rem;
}
}
.page-template-processes-archive .process-grid .round-excerpt picture {
aspect-ratio: 1;
}
.page-template-processes-archive .process-grid .round-excerpt picture span.title {
opacity: 1;
font-size: 2rem;
font-weight: 700;
text-align: center;
}
.page-template-processes-archive .filters__group {
margin: 0 0 5rem;
max-width: 50rem;
}
.page-template-processes-archive .process-grid__filters {
justify-content: flex-start;
}
.tax-products main > .content {
padding: 10rem 0;
}
body.login {
color: #273477;
background: #FCFBF7;
font-family: "holisan-body";
font-size: 2rem;
}
body.login div#login {
padding: 0;
max-width: 42rem;
width: 100%;
}
body.login div#login h1 a {
margin-bottom: 4rem;
width: 25rem;
background-image: url("/wp-content/themes/holisan-ayurveda/screenshot.png");
background-size: cover;
}
body.login #login_error, body.login .message, body.login .success {
color: #030303;
padding: 2rem;
border: 0;
box-shadow: none;
border-radius: 1.2rem;
}
body.login form {
color: #030303;
padding: 5rem;
border: 0;
border-radius: 2rem;
}
body.login form .forgetmenot {
float: none;
}
body.login form input {
font-size: 2rem !important;
}
body.login form input[type=checkbox], body.login form input[type=radio] {
width: 1.5rem;
height: 1.5rem;
}
body.login form input[type=checkbox]:before, body.login form input[type=radio]:before {
margin: -0.3rem 0rem 0rem -0.4rem;
height: 2rem;
width: 2rem;
}
.page__related-equipment-title {
margin-top: 5rem;
text-align: center;
}
.page__related-equipment {
display: grid;
grid-template-columns: 1fr;
gap: 3rem;
margin: 5rem 0;
}
@media only screen and (min-width: 48em) {
.page__related-equipment {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (min-width: 80em) {
.page__related-equipment {
gap: 3rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.page__related-equipment .equipment-excerpt {
flex-shrink: 0;
min-width: 0;
}
.not-found-404__container {
padding: 7rem;
max-width: 60rem;
}
.not-found-404__container h1 {
color: #030303;
}
.not-found-404__link {
margin-top: 3rem;
display: block;
}
.not-found-404 .search-bar {
margin-top: 3rem;
width: auto;
}
.home .main-footer {
margin-top: 10rem;
}
.home__header {
position: relative;
overflow-x: hidden;
padding: 3rem 1.5rem;
width: 100vw;
}
@media only screen and (min-width: 48em) {
.home__header {
display: flex;
align-items: center;
margin: 0 auto;
max-width: 100rem;
overflow: visible;
}
}
.home__header--section {
margin: 15rem auto;
}
@media only screen and (min-width: 48em) {
.home__header--section {
margin: 0 auto 15rem;
}
}
@media only screen and (min-width: 48em) {
.home__header-group {
width: 60vw;
}
}
.home__title {
margin-bottom: 3rem;
color: #273477;
max-width: 60vw;
}
@media only screen and (min-width: 48em) {
.home__title {
font-size: 4.4rem;
max-width: none;
}
}
.home__text {
margin-bottom: 3rem;
max-width: 70vw;
}
@media only screen and (min-width: 48em) {
.home__text {
max-width: none;
}
}
.home__cta {
display: block;
max-width: 35rem;
}
@media only screen and (min-width: 48em) {
.home__cta {
max-width: 20rem;
}
}
.home__image {
position: absolute;
top: 3rem;
right: -30%;
width: 70%;
}
@media only screen and (min-width: 48em) {
.home__image {
position: static;
width: 100%;
}
}
.home__image img {
display: block;
width: 100%;
max-height: 30rem;
}
@media only screen and (min-width: 48em) {
.home__image img {
max-height: none;
}
}
.home .front-main-search {
position: relative;
z-index: 99;
margin-top: -9.5rem;
}
.home .front-main-search .search-bar {
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.home .front-main-search .search-bar #search {
height: 6rem;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
color: #273477;
font-size: 5.6rem;
}
.home .front-main-search .search-bar #search:-ms-input-placeholder {
color: #00ff00;
}
.home .front-main-search .search-bar #search::placeholder {
color: #00ff00;
}
.home .front-main-search .search-bar .search-bar__icon {
background-color: #8CBE23;
color: #FCFBF7 !important;
height: 6rem;
width: 6rem;
}
.home .front-main-search .search-bar .search-bar__icon svg {
fill: #FCFBF7;
}
.page-template-form-confirmation .account__container {
max-width: 70rem;
width: 84%;
padding: 5rem 8%;
}
.form-confirmation p {
color: #030303;
}
.form-confirmation__text {
color: #030303;
}
.form-confirmation__title {
color: #030303;
}
.form-confirmation .search-bar {
display: grid;
grid-template-columns: 3fr 1fr;
}
.form-confirmation .search-bar.__icon {
position: initial;
}
.production-challenge {
color: #030303;
}
@media only screen and (min-width: 48em) {
.production-challenge {
margin: 5vh 0 10vh;
}
}
.production-challenge__title {
font-family: "holisan-heading", "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
color: #273477;
}
.production-challenge__form {
margin: 0 -3rem;
padding: 4rem;
background: #00ff00;
}
@media only screen and (min-width: 48em) {
.production-challenge__form {
margin: 0;
padding: 6rem;
border-radius: 3rem;
}
}
.production-challenge__form-header {
text-align: center;
margin: 0 auto 1rem;
max-width: 45rem;
color: #030303;
}
.production-challenge__confidential {
display: flex;
justify-content: center;
align-items: center;
margin: 2rem 0;
color: #273477;
}
.production-challenge__confidential svg {
margin-right: 1rem;
}
.production-challenge .gform_page {
position: relative;
}
.production-challenge .gform_fields {
display: grid;
gap: 2rem;
}
@media only screen and (min-width: 48em) {
.production-challenge .gform_fields {
gap: 3rem 4rem;
grid-template-columns: 1fr 1fr 1fr;
}
}
.production-challenge .gform_page:last-of-type {
margin: 0 auto;
max-width: 65rem;
}
@media only screen and (min-width: 48em) {
.production-challenge .gform_page:last-of-type .gform_fields {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 48em) {
.production-challenge .gform_page:last-of-type .gfield_html {
grid-column: 1/3;
}
}
.production-challenge .gfield {
margin: 0;
}
@media only screen and (min-width: 48em) {
.production-challenge .gfield_html {
grid-column: 1/4;
}
}
.production-challenge .gfield_label {
display: block;
margin-bottom: 1rem;
color: #030303 !important;
}
.production-challenge .gform_page_footer .button, .production-challenge .gform_page_footer .login .oauthloginbutton, .login .production-challenge .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page_footer .login .mo_oauth_login_button,
.login .production-challenge .gform_page_footer .mo_oauth_login_button,
.production-challenge .gform_page_footer .account .oauthloginbutton,
.account .production-challenge .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page_footer .account .mo_oauth_login_button,
.account .production-challenge .gform_page_footer .mo_oauth_login_button, .production-challenge .gform_page_footer .text-with-image--logo .text-with-image__link, .text-with-image--logo .production-challenge .gform_page_footer .text-with-image__link, .production-challenge .gform_page_footer body.login form input[type=submit]#wp-submit, body.login form .production-challenge .gform_page_footer input[type=submit]#wp-submit {
margin-top: 3rem;
background: #8CBE23;
width: 100%;
}
@media only screen and (min-width: 48em) {
.production-challenge .gform_page_footer .button, .production-challenge .gform_page_footer .login .oauthloginbutton, .login .production-challenge .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page_footer .login .mo_oauth_login_button,
.login .production-challenge .gform_page_footer .mo_oauth_login_button,
.production-challenge .gform_page_footer .account .oauthloginbutton,
.account .production-challenge .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page_footer .account .mo_oauth_login_button,
.account .production-challenge .gform_page_footer .mo_oauth_login_button, .production-challenge .gform_page_footer .text-with-image--logo .text-with-image__link, .text-with-image--logo .production-challenge .gform_page_footer .text-with-image__link, .production-challenge .gform_page_footer body.login form input[type=submit]#wp-submit, body.login form .production-challenge .gform_page_footer input[type=submit]#wp-submit {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
width: calc(33% - 2.6rem);
}
}
.production-challenge .gform_previous_button {
display: none;
}
@media only screen and (min-width: 48em) {
.production-challenge .gform_page:last-of-type .gform_page_footer .button, .production-challenge .gform_page:last-of-type .gform_page_footer .login .oauthloginbutton, .login .production-challenge .gform_page:last-of-type .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page:last-of-type .gform_page_footer .login .mo_oauth_login_button,
.login .production-challenge .gform_page:last-of-type .gform_page_footer .mo_oauth_login_button,
.production-challenge .gform_page:last-of-type .gform_page_footer .account .oauthloginbutton,
.account .production-challenge .gform_page:last-of-type .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page:last-of-type .gform_page_footer .account .mo_oauth_login_button,
.account .production-challenge .gform_page:last-of-type .gform_page_footer .mo_oauth_login_button, .production-challenge .gform_page:last-of-type .gform_page_footer .text-with-image--logo .text-with-image__link, .text-with-image--logo .production-challenge .gform_page:last-of-type .gform_page_footer .text-with-image__link, .production-challenge .gform_page:last-of-type .gform_page_footer body.login form input[type=submit]#wp-submit, body.login form .production-challenge .gform_page:last-of-type .gform_page_footer input[type=submit]#wp-submit {
width: calc(50% - 2rem);
}
}
.production-challenge .gf_placeholder {
display: none;
}
.gform_wrapper .ss-search {
padding: 1rem;
}
.gform_wrapper .ss-search input {
height: 4rem !important;
}
.gform_wrapper .ss-content {
border-radius: 1.2rem;
}
.gform_wrapper .gfield_select .ss-single-selected {
border-radius: 1.2rem;
box-shadow: none;
border: 0.1rem solid #807DBA;
background-color: #FCFBF7;
}
.gform_wrapper .gfield_select .ss-single-selected:hover {
background-color: #FCFBF7;
}
.gform_wrapper .gfield_select .ss-single-selected:after {
background: transparent url('data:image/svg+xml;utf8, ') no-repeat center;
}
.gform_wrapper .gfield_select .ss-single-selected .placeholder {
color: #273477;
}
.gform_wrapper .ss-option:first-of-type {
border-radius: 0;
}
.gform_wrapper .ss-option:last-of-type {
border-bottom-left-radius: 1.2rem;
border-bottom-right-radius: 1.2rem;
}
body.search-results .main-search {
display: none;
}
body.search-results .page-header {
padding-bottom: 7rem;
}
.search-results__results {
width: 100%;
}
@media only screen and (min-width: 48em) {
.search-results__results {
display: flex;
}
}
.search-results__results-title {
width: 100%;
}
.search-results__header {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 4rem;
width: 100%;
}
@media only screen and (min-width: 48em) {
.search-results__header {
margin-top: 9rem;
}
}
.search-results__header-row {
display: flex;
justify-content: space-between;
width: 100%;
}
.search-results__header-row .button, .search-results__header-row .login .oauthloginbutton, .login .search-results__header-row .oauthloginbutton,
.search-results__header-row .login .mo_oauth_login_button,
.login .search-results__header-row .mo_oauth_login_button,
.search-results__header-row .account .oauthloginbutton,
.account .search-results__header-row .oauthloginbutton,
.search-results__header-row .account .mo_oauth_login_button,
.account .search-results__header-row .mo_oauth_login_button, .search-results__header-row .text-with-image--logo .text-with-image__link, .text-with-image--logo .search-results__header-row .text-with-image__link, .search-results__header-row body.login form input[type=submit]#wp-submit, body.login form .search-results__header-row input[type=submit]#wp-submit {
display: none;
background-color: #F8F6F2;
color: #030303;
font-size: 2rem;
font-weight: 400;
white-space: nowrap;
}
@media only screen and (max-width: 79.9375em) {
.search-results__header-row .button, .search-results__header-row .login .oauthloginbutton, .login .search-results__header-row .oauthloginbutton,
.search-results__header-row .login .mo_oauth_login_button,
.login .search-results__header-row .mo_oauth_login_button,
.search-results__header-row .account .oauthloginbutton,
.account .search-results__header-row .oauthloginbutton,
.search-results__header-row .account .mo_oauth_login_button,
.account .search-results__header-row .mo_oauth_login_button, .search-results__header-row .text-with-image--logo .text-with-image__link, .text-with-image--logo .search-results__header-row .text-with-image__link, .search-results__header-row body.login form input[type=submit]#wp-submit, body.login form .search-results__header-row input[type=submit]#wp-submit {
display: flex;
gap: 1.6rem;
}
}
.search-results__header__clear-filter {
color: #9c9c9c;
font-size: 2rem;
cursor: pointer;
text-decoration: underline;
margin-left: auto;
margin-right: 1rem;
}
.search-results__results-title {
display: flex;
justify-content: space-between;
width: 100%;
}
.search-results__results-title .close {
display: none;
}
@media only screen and (max-width: 79.9375em) {
.search-results__results-title .close {
display: inline-block;
background-color: #807DBA;
height: 2.3rem;
cursor: pointer;
}
}
.search-results__count {
margin-left: 1rem;
color: #BEB9AA;
}
.search-results__filter {
display: none;
margin-right: 2.6rem;
width: 30%;
min-width: 22rem;
}
@media only screen and (min-width: 80em) {
.search-results__filter {
display: inline-block;
}
}
.search-results__filter fieldset {
border: 0;
margin-top: 3.1rem;
}
.search-results__filter fieldset legend {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1.7rem;
text-transform: capitalize;
}
.search-results__filter fieldset ul {
list-style-type: none;
}
.search-results__filter fieldset ul li {
margin-bottom: 1.2rem;
line-height: 1.5rem;
display: flex;
align-content: flex-start;
gap: 1rem;
}
.search-results__filter fieldset ul li input[type=checkbox] {
margin: 0;
font: inherit;
width: 2.2rem;
height: 2.2rem;
border: 2px solid;
border-radius: 0.15em;
cursor: pointer;
position: relative;
color: #030303;
accent-color: #8CBE23;
}
.search-results__filter fieldset ul li label {
line-height: 2.4rem;
}
.search-results__filter-open {
display: block;
position: fixed;
inset: 0 0 6rem 0;
width: 100%;
z-index: 200;
background-color: #030303;
color: #FCFBF7;
padding: 0 2.7rem 2.4rem;
overflow-y: scroll;
}
.search-results__grid {
display: grid;
gap: 3rem;
margin: 3rem 0 0;
}
@media only screen and (min-width: 34em) {
.search-results__grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 48em) {
.search-results__grid {
gap: 6rem 5rem;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (min-width: 80em) {
.search-results__grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.search-results__chips div {
display: inline-flex;
width: max-content;
background-color: #F8F6F2;
padding: 0.6rem 1.6rem;
margin: 1rem 1rem 0 0;
border-radius: 2.8rem;
color: #807DBA;
}
.search-results__chips div a {
color: #807DBA;
display: flex;
}
.search-results__chips div span {
display: inline-block;
cursor: pointer;
padding-left: 1.3rem;
margin-left: 0.4rem;
}
.search-results__chips div svg path {
fill: #807DBA;
}
.search-results__search-bar.search-bar {
position: relative;
z-index: 99;
margin-top: 6rem;
display: flex;
}
.search-results__search-bar.search-bar .search-bar__input {
border: 0;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
}
.search-results__search-bar.search-bar .search-bar__icon--search {
background: #8CBE23;
}
.search-results__search-bar.search-bar .search-bar__icon--search svg .fill {
fill: white;
}
@media only screen and (min-width: 48em) {
.search-results__search-bar.search-bar {
max-width: 30.6rem;
width: 100%;
}
}
.search-results__search-bar.search-bar .search-bar__input {
position: static;
height: 4rem !important;
font-size: 2rem;
color: #273477;
}
@media only screen and (max-width: 47.9375em) {
.search-results__search-bar.search-bar .search-bar__input {
flex-grow: 1;
height: 4rem !important;
}
}
@media only screen and (max-width: 26.9375em) {
.search-results__search-bar.search-bar .search-bar__input {
height: 3.9rem !important;
width: 100%;
}
}
.search-results__search-bar.search-bar .search-bar__input:focus, .search-results__search-bar.search-bar .search-bar__input:focus-visible {
outline: none;
border-color: #FCFBF7;
}
.search-results__search-bar.search-bar .search-bar__icon--search {
width: 39px;
height: 39px;
}
.sign-up {
margin-top: 0;
padding: 8rem 0;
background: #F8F6F2;
}
.sign-up__form {
margin: 0 auto;
max-width: 50rem;
}
body.single .main-footer {
margin: 0;
}
.story {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.story .page-width {
flex-grow: 1;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 62em) {
.story .page-width {
flex-direction: row;
}
}
.story__description h2,
.story__description h3,
.story__description h4 {
margin-top: 1.2em;
}
.story__description ul,
.story__description ol {
margin: 1.2em 2em;
}
.story__content {
padding: 6rem 0;
}
@media only screen and (min-width: 62em) {
.story__content {
padding: 6rem 13% 10rem 0;
}
}
.story__sidebar {
position: relative;
padding: 6rem 0;
}
.story__sidebar:before {
content: "";
position: absolute;
display: block;
z-index: -1;
background: #030303;
left: -1.5rem;
right: -1.5rem;
top: 0;
bottom: 0;
}
@media only screen and (min-width: 48em) {
.story__sidebar:before {
left: -3.6rem;
right: -3.6rem;
}
}
@media only screen and (min-width: 62em) {
.story__sidebar:before {
left: 0;
right: -100vw;
}
}
@media only screen and (min-width: 62em) {
.story__sidebar {
flex-basis: 47rem;
flex-shrink: 0.2;
padding: 6rem 0 6rem 7rem;
}
}
.story__sidebar-supplier {
margin: 0 0 6rem;
padding: 4rem;
background: #FCFBF7;
border-radius: 2rem;
text-align: center;
}
@media only screen and (min-width: 62em) {
.story__sidebar-supplier {
margin: 2rem 0 6rem;
}
}
.story__sidebar-supplier-image {
display: block;
margin: 0 auto 2rem;
max-width: 20rem;
}
.story__sidebar-supplier-image img {
width: 100%;
max-height: 10rem;
}
.story__sidebar-supplier-description {
color: #030303;
font-size: 1.8rem;
}
.story__sidebar-supplier-link {
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.5rem;
color: #273477;
font-size: 1.8rem;
font-weight: bold;
text-decoration: none;
}
.story__sidebar-supplier-link:hover svg {
transform: translateX(0.5rem);
}
.story__sidebar-supplier-link svg {
margin-left: 0.5rem;
transition: transform 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.story__sidebar-supplier-link svg .fill {
fill: #273477;
}
.story__sidebar-title {
margin-bottom: 2rem;
}
.story__date {
margin: 0 0 2rem;
}
.story__image {
margin: 0 0 3rem;
}
.story__image img {
max-width: 100%;
max-height: 40rem;
border-radius: 2rem;
}
.story__related-equipment-title {
margin-top: 5rem;
}
.story__related-equipment {
display: grid;
grid-template-columns: 1fr;
gap: 3rem;
margin: 5rem 0;
}
@media only screen and (min-width: 48em) {
.story__related-equipment {
grid-template-columns: 1fr 1fr 1fr;
}
}
.story__related-equipment .equipment-excerpt {
flex-shrink: 0;
min-width: 0;
}
.story__related-equipment .equipment-excerpt .round-excerpt__thumbnail {
padding: 0;
}
.story__related-equipment .equipment-excerpt .round-excerpt__thumbnail picture {
border-radius: 1rem;
}
.story__related-products {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 3rem;
}
.tax-process .page-header__title {
text-align: left;
}
.content-section.product-grid {
position: relative;
margin-top: -40rem;
z-index: 1;
}
@media only screen and (max-width: 26.9375em) {
.content-section.product-grid {
margin-top: -16rem;
}
}
.product-search__container {
margin: 3rem 0;
}
@media only screen and (min-width: 48em) {
.product-search__container {
margin: 4rem 0;
}
}
.product-search__container .page-width {
display: flex;
}
.product-groups-grid__filters .page-width {
display: flex;
align-items: flex-start;
overflow-x: auto;
flex-wrap: wrap;
}
@media only screen and (min-width: 48em) {
.product-groups-grid__filters .page-width {
flex-wrap: wrap;
}
}
.product-groups-grid__filter {
display: inline-flex;
margin: 0 1.5rem 1.5rem 0;
padding: 0.8rem 1.6rem;
color: #FCFBF7;
border: 0.1rem solid #FCFBF7;
border-radius: 2rem;
text-decoration: none;
white-space: nowrap;
}
.product-groups-grid__filter--active, .product-groups-grid__filter:hover {
border: 0.1rem solid #8CBE23;
background: #8CBE23;
color: white;
}
@media only screen and (min-width: 48em) {
.product-groups-grid .products-grid__grid {
display: grid;
}
.product-groups-grid .products-grid__grid .grid-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.product-groups-grid .products-grid__grid .grid-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
}
.my-subscription-content .my-subscription-header {
margin: 3rem 0;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-header {
margin: 6rem 0 3.5rem;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.my-subscription-content .my-subscription-header__wrapper {
flex-grow: 1;
max-width: 60rem;
}
.my-subscription-content .my-subscription-header__header {
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-header__header {
margin-bottom: 2rem;
}
}
.my-subscription-content .my-subscription-header__text {
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-header__text {
margin-bottom: 0;
}
}
.my-subscription-content .my-subscription-header__action input {
appearance: none;
padding: 1.5rem 2.5rem;
border-radius: 3rem;
border: 0.1rem solid #8CBE23;
background: #FCFBF7;
color: #8CBE23;
font-weight: 700;
cursor: pointer;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.my-subscription-content .my-subscription-header__action input:hover, .my-subscription-content .my-subscription-header__action input:active {
background: #8CBE23;
color: #FCFBF7;
}
.my-subscription-content .my-subscription-current-plan {
margin: 3.5rem 0 6rem;
}
.my-subscription-content .my-subscription-current-plan__plan {
display: flex;
flex-direction: column;
align-items: center;
padding: 2.5rem;
border: 0.1rem solid #F8F6F2;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-current-plan__plan {
flex-direction: row;
justify-content: space-between;
padding: 5.5rem 4.5rem;
}
}
.my-subscription-content .my-subscription-current-plan__title {
margin-bottom: 1.6rem;
font-size: 2.8rem;
line-height: 3.4rem;
font-weight: 700;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-current-plan__title {
margin-bottom: 0;
font-size: 3.5rem;
line-height: 4.2rem;
}
}
.my-subscription-content .my-subscription-current-plan__price, .my-subscription-content .my-subscription-current-plan__end-date {
margin-bottom: 0;
}
.my-subscription-content .my-subscription-current-plan__price span {
font-size: 2.8rem;
line-height: 3.4rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-current-plan__price span {
font-size: 3.6rem;
line-height: 4.2rem;
}
}
.my-subscription-content .my-subscription-current-plan__end-date {
margin: 1.6rem 0 3.8rem;
max-width: 29rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-current-plan__end-date {
margin: 0;
}
}
.my-subscription-content .my-subscription-limits {
margin: 6rem 0 4rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits {
margin: 6rem 0 6.9rem;
}
}
.my-subscription-content .my-subscription-limits__wrapper {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__wrapper {
flex-direction: row;
justify-content: space-between;
}
}
.my-subscription-content .my-subscription-limits__card {
flex: 1;
padding: 2.4rem;
border: 0.1rem solid #F8F6F2;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.my-subscription-content .my-subscription-limits__card:not(:last-of-type) {
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__card:not(:last-of-type) {
margin-bottom: 0;
margin-right: 7.2rem;
}
}
.my-subscription-content .my-subscription-limits__card p {
font-size: 1.8rem;
line-height: 2.2rem;
}
.my-subscription-content .my-subscription-limits__card p.my-subscription-limits__additional {
font-size: 1.4rem;
line-height: 2.2rem;
}
.my-subscription-content .my-subscription-limits__card .button, .my-subscription-content .my-subscription-limits__card .login .oauthloginbutton, .login .my-subscription-content .my-subscription-limits__card .oauthloginbutton,
.my-subscription-content .my-subscription-limits__card .login .mo_oauth_login_button,
.login .my-subscription-content .my-subscription-limits__card .mo_oauth_login_button,
.my-subscription-content .my-subscription-limits__card .account .oauthloginbutton,
.account .my-subscription-content .my-subscription-limits__card .oauthloginbutton,
.my-subscription-content .my-subscription-limits__card .account .mo_oauth_login_button,
.account .my-subscription-content .my-subscription-limits__card .mo_oauth_login_button, .my-subscription-content .my-subscription-limits__card .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-subscription-content .my-subscription-limits__card .text-with-image__link, .my-subscription-content .my-subscription-limits__card body.login form input[type=submit]#wp-submit, body.login form .my-subscription-content .my-subscription-limits__card input[type=submit]#wp-submit {
margin-bottom: 1.2rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__card .button, .my-subscription-content .my-subscription-limits__card .login .oauthloginbutton, .login .my-subscription-content .my-subscription-limits__card .oauthloginbutton,
.my-subscription-content .my-subscription-limits__card .login .mo_oauth_login_button,
.login .my-subscription-content .my-subscription-limits__card .mo_oauth_login_button,
.my-subscription-content .my-subscription-limits__card .account .oauthloginbutton,
.account .my-subscription-content .my-subscription-limits__card .oauthloginbutton,
.my-subscription-content .my-subscription-limits__card .account .mo_oauth_login_button,
.account .my-subscription-content .my-subscription-limits__card .mo_oauth_login_button, .my-subscription-content .my-subscription-limits__card .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-subscription-content .my-subscription-limits__card .text-with-image__link, .my-subscription-content .my-subscription-limits__card body.login form input[type=submit]#wp-submit, body.login form .my-subscription-content .my-subscription-limits__card input[type=submit]#wp-submit {
margin-bottom: 1.6rem;
}
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__card-title {
margin-bottom: 3.2rem;
}
}
.my-subscription-content .my-subscription-limits__items {
font-size: 2.8rem;
line-height: 3.4rem;
}
.my-subscription-content .my-subscription-limits__total {
font-weight: 400;
}
.my-subscription-content .my-subscription-limits__additional {
margin-bottom: 0;
color: #807DBA;
}
.my-subscription-content .my-subscription-limits__bar {
position: relative;
display: block;
margin-bottom: 2.4rem;
height: 0.7rem;
width: 100%;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__bar {
margin-bottom: 3.2rem;
}
}
.my-subscription-content .my-subscription-limits__inside {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 0.7rem;
background: #8CBE23;
border-radius: 2rem;
}
.my-subscription-content .my-subscription-limits__background {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 0.7rem;
opacity: 0.2;
width: 100%;
background: #8CBE23;
border-radius: 2rem;
}
.my-subscription-content .my-subscription-limits__cancel {
display: inline-block;
margin-top: 2.4rem;
text-decoration: underline;
cursor: pointer;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__cancel {
margin-top: 3.2rem;
}
}
.my-subscription-content .my-subscription-purchasing {
padding: 3.2rem 0 3.7rem;
background: #F5F2EC;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing {
padding: 5.7rem 0 8.3rem;
}
}
.my-subscription-content .my-subscription-purchasing__table {
margin: 0 -2.5rem;
width: calc(100% + 5rem);
border-collapse: collapse;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__table {
margin: 0;
width: 100%;
}
}
.my-subscription-content .my-subscription-purchasing__head:after {
height: 1.6rem;
display: table-row;
content: "";
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__head:after {
height: 2.4rem;
}
}
.my-subscription-content .my-subscription-purchasing__head th {
text-align: left;
}
.my-subscription-content .my-subscription-purchasing__head th:first-of-type {
padding-left: 2.5rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__head th:first-of-type {
padding-left: 0;
}
}
.my-subscription-content .my-subscription-purchasing__body td {
background: #FCFBF7;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td:first-child, .my-subscription-content .my-subscription-purchasing__body td:nth-child(2) {
border-radius: 1rem 0 0 1rem;
}
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td:last-child {
border-radius: 0 1rem 1rem 0;
}
}
.my-subscription-content .my-subscription-purchasing__body td:first-of-type, .my-subscription-content .my-subscription-purchasing__body td:nth-of-type(2) {
position: relative;
padding: 2rem 0 2rem 2.5rem;
width: 40%;
font-size: 1.4rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td:first-of-type, .my-subscription-content .my-subscription-purchasing__body td:nth-of-type(2) {
width: 25%;
max-width: 27rem;
padding: 3.4rem 0 3.4rem 3.2rem;
font-size: 1.8rem;
}
.my-subscription-content .my-subscription-purchasing__body td:first-of-type:before, .my-subscription-content .my-subscription-purchasing__body td:nth-of-type(2):before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.3rem;
height: 100%;
background: #273477;
border-radius: 1rem 0 0 1rem;
}
}
.my-subscription-content .my-subscription-purchasing__body td:nth-of-type(3) {
width: 25%;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td:nth-of-type(3) {
width: 25%;
padding-right: 5px;
}
}
.my-subscription-content .my-subscription-purchasing__body td:last-of-type {
padding-right: 2rem;
width: 35%;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td:last-of-type {
padding-right: 5.2rem;
width: 50%;
text-align: right;
}
}
.my-subscription-content .my-subscription-purchasing__body td a {
font-size: 1.4rem;
line-height: 2.2rem;
color: #273477;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
cursor: pointer;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td a {
font-size: 1.8rem;
}
}
.my-subscription-content .my-subscription-purchasing__body td a:hover, .my-subscription-content .my-subscription-purchasing__body td a:active {
font-weight: 700;
}
.my-subscription-content .my-subscription-purchasing__load-more {
display: flex;
justify-content: center;
}
.my-subscription-content .my-subscription-purchasing__load-more .button, .my-subscription-content .my-subscription-purchasing__load-more .login .oauthloginbutton, .login .my-subscription-content .my-subscription-purchasing__load-more .oauthloginbutton,
.my-subscription-content .my-subscription-purchasing__load-more .login .mo_oauth_login_button,
.login .my-subscription-content .my-subscription-purchasing__load-more .mo_oauth_login_button,
.my-subscription-content .my-subscription-purchasing__load-more .account .oauthloginbutton,
.account .my-subscription-content .my-subscription-purchasing__load-more .oauthloginbutton,
.my-subscription-content .my-subscription-purchasing__load-more .account .mo_oauth_login_button,
.account .my-subscription-content .my-subscription-purchasing__load-more .mo_oauth_login_button, .my-subscription-content .my-subscription-purchasing__load-more .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-subscription-content .my-subscription-purchasing__load-more .text-with-image__link, .my-subscription-content .my-subscription-purchasing__load-more body.login form input[type=submit]#wp-submit, body.login form .my-subscription-content .my-subscription-purchasing__load-more input[type=submit]#wp-submit {
margin: 0 auto;
}
.my-subscription-content .my-subscription-purchasing__spacer {
height: 1.8rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__spacer {
height: 2.4rem;
}
}
.my-subscription-content .my-subscription-modal {
display: none;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
width: 100vw;
padding: 4.5rem 6rem;
flex-direction: column;
justify-content: center;
align-items: center;
background: #FCFBF7;
border-radius: 2rem 2rem 0 0;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-modal {
top: 50%;
left: 50%;
bottom: unset;
transform: translate(-50%, -50%);
width: 45rem;
border-radius: 2rem;
}
}
.my-subscription-content .my-subscription-modal__times {
position: absolute;
top: 3.8rem;
right: 3.8rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-modal__times {
display: none;
}
}
.my-subscription-content .my-subscription-modal__title {
margin: 2.4rem 0 1.6rem;
font-size: 1.8rem;
line-height: 2.2rem;
font-weight: 500;
text-align: center;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-modal__title {
font-size: 2rem;
line-height: 2.9rem;
}
}
.my-subscription-content .my-subscription-modal__text {
margin-bottom: 2.4rem;
font-size: 1.8rem;
line-height: 2.2rem;
text-align: center;
}
.my-subscription-content__h2 {
margin-bottom: 1.5rem;
font-size: 1.8rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content__h2 {
margin-bottom: 3rem;
font-size: 2.2rem;
line-height: 2.7rem;
}
}
.upgrade-step-1 {
flex-grow: 1;
padding: 4rem 0 8rem;
background: #FCFBF7;
}
@media only screen and (min-width: 48em) {
.upgrade-step-1 {
padding-top: 11.2rem;
}
}
@media only screen and (min-width: 80em) {
.upgrade-step-1 {
padding: 15.4rem 0 5.6rem;
}
}
.upgrade-step-1__title {
margin: 0 0 4rem;
font-size: 2.2rem;
line-height: 2.7rem;
text-align: center;
color: #030303;
}
@media only screen and (min-width: 80em) {
.upgrade-step-1__title {
margin: 0 0 5.5rem;
font-size: 3.6rem;
line-height: 4.2rem;
}
}
.upgrade-step-1 .subscription-plans {
padding: 0;
}
@media only screen and (min-width: 80em) {
.upgrade-step-1 .subscription-plan__tooltip {
display: none;
}
}
.upgrade-step-2 {
position: relative;
flex-grow: 1;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-details__wrapper {
max-width: 56rem;
margin-left: auto;
padding-right: 5vw;
}
}
.upgrade-step-2 .step-2-details__title {
margin-bottom: 2.4rem;
color: #030303;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-details__title {
margin-bottom: 6rem;
}
}
.upgrade-step-2 .step-2-details__account {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-details__account {
flex-direction: row;
}
}
.upgrade-step-2 .step-2-details__account-details:first-of-type {
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-details__account-details {
width: 50%;
}
.upgrade-step-2 .step-2-details__account-details:first-of-type {
padding-right: 1vw;
margin-bottom: 0;
}
.upgrade-step-2 .step-2-details__account-details:last-of-type {
padding-left: 2vw;
}
}
.upgrade-step-2 .step-2-details__section-header {
margin-bottom: 1.8rem;
display: flex;
justify-content: space-between;
}
.upgrade-step-2 .step-2-details__section-title {
margin-bottom: 0;
}
.upgrade-step-2 .step-2-details__edit {
color: #273477;
text-decoration: none;
font-size: 1.8rem;
}
.upgrade-step-2 .step-2-details__edit:hover, .upgrade-step-2 .step-2-details__edit:active {
font-weight: 700;
}
.upgrade-step-2 .step-2-details__address {
font-style: normal;
word-break: break-all;
}
.upgrade-step-2 .step-2-details__additional {
margin-top: 4rem;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-details__additional {
margin: 3.2rem 0;
}
}
.upgrade-step-2 .step-2-details__show-additional {
cursor: pointer;
}
.upgrade-step-2 .step-2-details__input-wrapper input {
width: 80%;
border-radius: 0.6rem;
}
.upgrade-step-2 .step-2-details__input-wrapper span {
margin-top: 0.8rem;
display: block;
font-size: 1.4rem;
color: #807DBA;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-summary__wrapper {
max-width: 56rem;
margin-right: auto;
padding-left: 5vw;
}
}
.upgrade-step-2 .step-2-summary__title {
margin-bottom: 3.2rem;
}
.upgrade-step-2 .step-2-summary__product {
padding: 2.3rem 3.4rem 2.3rem 2.3rem;
background: #273477;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-summary__product {
padding: 2.3rem 4.9rem 2.3rem 3.1rem;
}
}
.upgrade-step-2 .step-2-summary__product div {
display: flex;
justify-content: space-between;
}
.upgrade-step-2 .step-2-summary__product div:first-of-type {
margin-bottom: 0.8rem;
font-size: 1.8rem;
}
.upgrade-step-2 .step-2-summary__product-small {
font-size: 1.4rem;
}
.upgrade-step-2 .step-2-summary__product-small--black {
color: #030303;
}
.upgrade-step-2 .step-2-summary__included {
padding: 2.2rem;
background: #FCFBF7;
color: #807DBA;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-summary__included {
padding: 2.3rem 3rem 3.2rem;
}
}
.upgrade-step-2 .step-2-summary__included div {
margin-bottom: 1.6rem;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-summary__included div {
margin-bottom: 0.8rem;
}
}
.upgrade-step-2 .step-2-summary__included div:first-of-type {
margin-bottom: 1.6rem;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-summary__included div:first-of-type {
margin-bottom: 1.2rem;
}
}
.upgrade-step-2 .step-2-summary__valid {
margin: 2.4rem 0;
}
.upgrade-step-2 .step-2-summary__valid span {
display: block;
margin-bottom: 0.8rem;
}
.upgrade-step-2 .step-2-summary__price {
width: 100%;
border-collapse: collapse;
}
.upgrade-step-2 .step-2-summary__price tr {
border-top: 0.1rem solid #BEB9AA;
}
.upgrade-step-2 .step-2-summary__price tr td {
padding: 2.4rem 0;
}
.upgrade-step-2 .step-2-summary__price tr td:nth-of-type(2) {
text-align: right;
font-size: 1.8rem;
}
.upgrade-step-2 .step-2-summary__price tr:nth-of-type(2) td {
padding: 2.4rem 0 0.8rem;
color: #807DBA;
}
.upgrade-step-2 .step-2-summary__price tr:last-of-type {
border-top: none;
}
.upgrade-step-2 .step-2-summary__price tr:last-of-type td {
padding: 0;
font-size: 1.8rem;
}
.upgrade-step-2 .step-2-summary__addons {
display: grid;
grid-template-areas: "title title price" "buttons buttons buttons";
row-gap: 2.4rem;
padding: 2.4rem;
background: #273477;
border-radius: 1rem;
}
@media only screen and (min-width: 48em) {
.upgrade-step-2 .step-2-summary__addons {
grid-template-areas: "title buttons price";
grid-template-columns: 2fr 1fr 1fr;
padding: 1.6rem 2.4rem 1.9rem 3.6rem;
}
}
.upgrade-step-2 .step-2-summary__addons-title {
grid-area: title;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.upgrade-step-2 .step-2-summary__addons-title div {
display: flex;
font-size: 1.8rem;
}
.upgrade-step-2 .step-2-summary__addons-title span {
display: block;
}
.upgrade-step-2 .step-2-summary__addons-buttons {
grid-area: buttons;
display: flex;
align-items: center;
}
.upgrade-step-2 .step-2-summary__addons-buttons span {
display: flex;
align-items: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
background: #273477;
border-radius: 50%;
color: #FCFBF7;
cursor: pointer;
}
.upgrade-step-2 .step-2-summary__addons-buttons span.disabled {
opacity: 0.5;
pointer-events: none;
}
.upgrade-step-2 .step-2-summary__addons-input {
appearance: none;
-moz-appearance: textfield;
width: 5rem;
padding: 0 !important;
background: transparent !important;
border: none !important;
text-align: center;
}
.upgrade-step-2 .step-2-summary__addons-input::-webkit-inner-spin-button, .upgrade-step-2 .step-2-summary__addons-input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.upgrade-step-2 .step-2-summary__addons-price {
grid-area: price;
display: flex;
justify-content: end;
font-size: 1.8rem;
}
@media only screen and (min-width: 48em) {
.upgrade-step-2 .step-2-summary__addons-price {
align-items: center;
}
}
.upgrade-step-2 .step-2-summary__lowercase {
text-transform: lowercase;
}
.upgrade-step-2__submit-form {
padding: 2.2rem 2.5rem 11.5rem;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2__submit-form {
position: absolute;
bottom: 8.5rem;
right: calc(50% + 5vw);
width: 50%;
max-width: calc(56rem - 5vw);
padding: 4.1rem 0;
border-top: 0.1rem solid #D7D2C8;
}
}
.upgrade-step-2 input[type=checkbox]:checked + label .upgrade-step-2__checkbox {
background: #273477;
border-color: #273477;
}
.upgrade-step-2 input[type=checkbox]:checked + label .upgrade-step-2__checkbox:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.5rem;
height: 1.5rem;
background: url("/wp-content/themes/holisan-ayurveda/assets/images/check-white.png") no-repeat center center;
background-size: contain;
}
.upgrade-step-2__checkbox-label {
position: relative;
margin-left: 0.8rem;
display: block;
cursor: pointer;
}
.upgrade-step-2__checkbox {
position: absolute;
top: 0.8rem;
display: block;
width: 2.2rem;
height: 2.2rem;
border: 0.2rem solid #00ff00;
border-radius: 0.5rem;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.upgrade-step-2__checkbox-text {
display: block;
margin-left: 3.1rem;
}
.upgrade-step-2__checkbox-text span {
color: #273477;
}
.upgrade-step-2__submit {
display: block;
margin-top: 3.2rem;
width: 100%;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2__submit {
margin-top: 2.5rem;
width: 50%;
}
}
.upgrade-step-2__submit:disabled {
pointer-events: none;
opacity: 0.6;
}
@media only screen and (min-width: 48em) {
.upgrade-step-2 {
display: flex;
flex-direction: column;
}
}
@media only screen and (min-width: 48em) and (min-width: 80em) {
.upgrade-step-2 {
flex-direction: row;
}
}
.upgrade-step-2__checkout {
padding: 1.6rem 2.5rem 6rem;
background: #FCFBF7;
}
@media only screen and (min-width: 48em) {
.upgrade-step-2__checkout {
padding-top: 17rem;
}
}
@media only screen and (min-width: 80em) {
.upgrade-step-2__checkout {
min-height: 88rem;
width: 50%;
padding: 17rem 0 8.5rem;
}
}
.upgrade-step-2__summary {
padding: 2.5rem;
background: #F5F2EC;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2__summary {
width: 50%;
padding: 17rem 0 8.5rem;
}
}
.upgrade-step-3 {
display: flex;
align-items: center;
flex-grow: 1;
background: #F8F6F2;
}
.upgrade-step-3__wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 44.5rem;
margin: 6rem 2.5rem;
padding: 2.4rem;
background: #FCFBF7;
border-radius: 2rem;
}
@media only screen and (min-width: 48em) {
.upgrade-step-3__wrapper {
margin: 0 auto;
padding: 4.5rem 6rem;
}
}
.upgrade-step-3__title {
margin: 2.3rem 0 1.2rem;
}
.upgrade-step-3__text {
margin-bottom: 2.3rem;
text-align: center;
}
.upgrade-step-3__button {
width: 100%;
}
.supplier-flow-page .home__header--section {
margin-bottom: 12.6rem;
}
.supplier-flow-page .text-section {
margin-bottom: 6.6rem;
}
.supplier-flow-page .text-section__text {
max-width: 54rem;
}
.supplier__header {
padding: 4rem 0;
background: #F8F6F2;
}
.supplier__header .page-width {
width: auto;
}
@media only screen and (min-width: 48em) {
.supplier__header .page-width {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
}
.supplier__header-title {
margin: 0;
}
.supplier__header-introduction {
max-width: 60rem;
}
@media only screen and (max-width: 47.9375em) {
.supplier__header-introduction {
display: none;
}
}
.supplier__header-cta {
display: flex;
align-items: center;
text-align: center;
}
@media only screen and (max-width: 47.9375em) {
.supplier__header-cta {
display: none;
}
}
.supplier__header-cta-title {
margin: 0 2rem 0 0;
}
.supplier__navigation {
border-bottom: 0.1rem solid #807DBA;
max-width: 100%;
background: white;
}
.supplier__navigation .page-width {
display: flex;
justify-content: space-between;
align-items: center;
}
.supplier__navigation-links {
flex-grow: 1;
display: flex;
}
@media only screen and (max-width: 47.9375em) {
.supplier__navigation-links {
overflow-x: auto;
margin: 0 -2.5rem;
padding: 0 2.5rem;
-ms-overflow-style: none;
scrollbar-width: none;
}
.supplier__navigation-links::-webkit-scrollbar {
display: none;
}
}
.supplier__navigation-links .my-holisan-ayurveda__navigation-link:not(:last-of-type) {
margin-right: 5%;
}
.supplier__navigation-link {
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 0;
color: #273477;
text-decoration: none;
white-space: nowrap;
border-bottom: 0.2rem solid transparent;
transition: border-color 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.supplier__navigation-link--active, .supplier__navigation-link:hover {
border-color: #273477;
}
@media only screen and (max-width: 47.9375em) {
.supplier__navigation-cta {
display: none;
}
}
.supplier__title {
margin-top: 4rem;
}
.my-making__header {
padding: 4rem 0;
background: #F8F6F2;
}
.my-making__header .page-width {
width: auto;
}
@media only screen and (min-width: 48em) {
.my-making__header .page-width {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
}
.my-making__header-title {
margin: 0;
}
.my-making__header-introduction {
max-width: 60rem;
}
@media only screen and (max-width: 47.9375em) {
.my-making__header-introduction {
display: none;
}
}
.my-making__header-cta {
display: flex;
align-items: center;
text-align: center;
}
@media only screen and (max-width: 47.9375em) {
.my-making__header-cta {
display: none;
}
}
.my-making__header-cta-title {
margin: 0 2rem 0 0;
}
.my-making__navigation {
border-bottom: 0.1rem solid #807DBA;
max-width: 100%;
background: white;
}
.my-making__navigation .page-width {
display: flex;
justify-content: space-between;
align-items: center;
}
.my-making__navigation-links {
flex-grow: 1;
display: flex;
}
@media only screen and (max-width: 47.9375em) {
.my-making__navigation-links {
overflow-x: auto;
margin: 0 -2.5rem;
padding: 0 2.5rem;
-ms-overflow-style: none;
scrollbar-width: none;
}
.my-making__navigation-links::-webkit-scrollbar {
display: none;
}
}
.my-making__navigation-links .my-holisan-ayurveda__navigation-link:not(:last-of-type) {
margin-right: 5%;
}
.my-making__navigation-link {
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 0;
color: #273477;
text-decoration: none;
white-space: nowrap;
border-bottom: 0.2rem solid transparent;
transition: border-color 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.my-making__navigation-link--active, .my-making__navigation-link:hover {
border-color: #273477;
}
@media only screen and (max-width: 47.9375em) {
.my-making__navigation-cta {
display: none;
}
}
.my-making__title {
margin-top: 4rem;
}
.introduction-message {
display: none;
margin-top: 6rem;
padding: 4rem;
background: rgba(39, 52, 119, 0.05);
border-radius: 2rem;
transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media only screen and (min-width: 48em) {
.introduction-message {
gap: 4vw;
justify-content: space-between;
padding: 4vw 6vw;
}
}
.introduction-message--active {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 48em) {
.introduction-message--active {
flex-direction: row;
align-items: center;
}
}
.introduction-message--hide {
height: 0;
padding: 0 4rem;
margin: 0;
opacity: 0;
pointer-events: none;
}
@media only screen and (min-width: 48em) {
.introduction-message--hide {
padding: 0 6vw;
}
}
.introduction-message__tutorial {
display: flex;
flex-direction: column;
background: rgba(252, 251, 247, 0.5);
margin-top: 3rem;
padding: 4rem 4rem 3rem;
border-radius: 2rem;
}
@media only screen and (min-width: 48em) {
.introduction-message__tutorial {
margin: 0;
align-items: center;
justify-content: center;
text-align: center;
white-space: nowrap;
}
}
.introduction-message__tutorial .count-graph {
margin: 2rem 0;
filter: grayscale(1);
}
.introduction-message__dismiss-button {
margin-top: 2rem;
min-width: 20rem;
}
.page-template-my-subscription .contact-form__container,
.page-template-my-equipment .contact-form__container,
.page-template-my-products .contact-form__container,
.page-template-my-stories .contact-form__container {
align-items: flex-start;
background: none;
}
.page-template-my-subscription .contact-form__confidential,
.page-template-my-equipment .contact-form__confidential,
.page-template-my-products .contact-form__confidential,
.page-template-my-stories .contact-form__confidential {
display: none;
}
.page-template-my-subscription textarea,
.page-template-my-equipment textarea,
.page-template-my-products textarea,
.page-template-my-stories textarea {
height: 15rem;
}
.my-equipment-excerpt {
cursor: pointer;
}
.my-equipment-excerpt__figure {
position: relative;
display: flex;
justify-content: center;
width: 100%;
}
.my-making-detail__body .main-footer {
display: none;
}
.my-making-detail__page-width {
display: grid;
}
@media only screen and (min-width: 48em) {
.my-making-detail__page-width {
gap: 4rem;
grid-template-columns: auto 18rem;
grid-template-areas: "content aside";
}
}
@media only screen and (min-width: 48em) {
.my-making-detail__content {
grid-area: content;
}
}
@media only screen and (min-width: 48em) {
.my-making-detail__aside {
grid-area: aside;
position: relative;
}
}
.my-making-detail__post {
margin-top: 2.8rem;
}
@media only screen and (min-width: 48em) {
.my-making-detail__post {
margin-top: 6.8rem;
}
}
.my-making-detail__excerpt {
color: #00ff00;
}
.my-making-detail__excerpt p {
font-size: 1.6rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 48em) {
.my-making-detail__title, .my-making-detail__excerpt {
max-width: 47rem;
}
}
@media only screen and (min-width: 80em) {
.my-making-detail__title, .my-making-detail__excerpt {
max-width: 63.6rem;
}
}
.my-making-detail__suggestions {
background: #F8F6F2;
margin: 0 -2.5rem 4rem;
padding: 3rem;
}
@media only screen and (min-width: 48em) {
.my-making-detail__suggestions {
border-radius: 2rem;
margin: 0 0 4rem;
padding: 3rem 4.5rem;
}
}
.my-making-detail__count {
position: sticky;
top: 4rem;
margin-top: 2rem;
bottom: 10rem;
}
.my-making-detail__count .button, .my-making-detail__count .login .oauthloginbutton, .login .my-making-detail__count .oauthloginbutton,
.my-making-detail__count .login .mo_oauth_login_button,
.login .my-making-detail__count .mo_oauth_login_button,
.my-making-detail__count .account .oauthloginbutton,
.account .my-making-detail__count .oauthloginbutton,
.my-making-detail__count .account .mo_oauth_login_button,
.account .my-making-detail__count .mo_oauth_login_button, .my-making-detail__count .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-making-detail__count .text-with-image__link, .my-making-detail__count body.login form input[type=submit]#wp-submit, body.login form .my-making-detail__count input[type=submit]#wp-submit {
display: none;
}
@media only screen and (min-width: 48em) {
.my-making-detail__count .button, .my-making-detail__count .login .oauthloginbutton, .login .my-making-detail__count .oauthloginbutton,
.my-making-detail__count .login .mo_oauth_login_button,
.login .my-making-detail__count .mo_oauth_login_button,
.my-making-detail__count .account .oauthloginbutton,
.account .my-making-detail__count .oauthloginbutton,
.my-making-detail__count .account .mo_oauth_login_button,
.account .my-making-detail__count .mo_oauth_login_button, .my-making-detail__count .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-making-detail__count .text-with-image__link, .my-making-detail__count body.login form input[type=submit]#wp-submit, body.login form .my-making-detail__count input[type=submit]#wp-submit {
text-align: center;
margin: 2rem auto;
position: relative;
display: block;
}
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt {
max-width: 8rem;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt:hover .my-making-excerpt__status--unlinked {
display: inline-flex;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt.my-making-excerpt--unlinked {
opacity: 0.5;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .round-excerpt__thumbnail {
margin: 0 0 1rem;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .round-excerpt__image {
width: 6rem;
height: 6rem;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .round-excerpt__title {
font-size: 1.6rem;
font-weight: 400;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .my-making-excerpt__status {
align-items: center;
justify-content: center;
background: rgba(3, 3, 3, 0.5);
top: 0;
padding: 0;
width: 6rem;
height: 6rem;
box-shadow: none;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .my-making-excerpt__status svg {
transform: rotate(45deg);
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .my-making-excerpt__status svg .fill {
fill: #FCFBF7;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .my-making-excerpt__status--linked {
display: none;
}
@media only screen and (min-width: 48em) {
.my-making-detail__products-list .round-excerpt.my-product-excerpt {
max-width: 12.5rem;
}
}
@media only screen and (min-width: 48em) {
.my-making-detail__products-list .round-excerpt.my-product-excerpt .round-excerpt__image {
width: 12.5rem;
height: 12.5rem;
}
}
.my-making-excerpt {
cursor: pointer;
}
.my-making-excerpt:hover .my-equipment-excerpt__image {
border: 0.1rem solid #273477;
}
.my-making-excerpt:hover .my-making-excerpt__status {
background: #273477;
}
.my-making-excerpt:hover .my-making-excerpt__status svg .fill {
fill: #FCFBF7;
}
.my-making-excerpt--linked .my-making-excerpt__status--linked {
display: inline-flex;
}
.my-making-excerpt--linked .my-equipment-excerpt__image {
border: 0.1rem solid #273477;
}
.my-making-excerpt--unlinked .my-making-excerpt__status--unlinked {
display: inline-flex;
}
.my-making-excerpt__status {
display: none;
position: absolute;
z-index: 2;
right: 0;
bottom: -1rem;
padding: 1rem 2rem;
border-radius: 5rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
background: #FCFBF7;
}
.my-making-excerpt__status--current, .my-making-excerpt__status--linked {
background: #273477;
}
.my-making-excerpt__status--current {
display: inline-flex;
color: #FCFBF7;
font-weight: bold;
}
.my-making-excerpt__status--current svg .fill {
fill: white;
}
.my-making-list {
margin-top: 1.5rem;
}
.my-making-list__title {
margin-bottom: 3rem;
}
.my-making-list__excerpt {
display: grid;
grid-gap: 2rem;
grid-template-columns: 4fr 5fr;
align-items: center;
margin-bottom: 2rem;
padding: 3rem;
border-radius: 2rem;
background: #F5F2EC;
}
@media only screen and (min-width: 48em) {
.my-making-list__excerpt {
display: grid;
grid-gap: 3rem;
grid-template-columns: 2fr 4fr 4fr 3fr;
padding: 2rem 4rem;
}
}
.my-making-list__image {
padding: 0;
}
.my-making-list__image img {
display: block;
border-radius: 2rem;
width: 100%;
background-color: #fff;
}
@media only screen and (max-width: 47.9375em) {
.my-making-list__linked {
grid-column: 1/3;
}
}
.my-making-list__label {
display: inline-flex;
margin-bottom: 1rem;
padding: 0.8rem 2rem;
border-radius: 5rem;
font-size: 1.6rem;
}
.my-making-list__label--linked {
background: rgba(39, 52, 119, 0.1);
color: #273477;
}
.my-making-list__label--unlinked {
background: rgba(140, 190, 35, 0.1);
color: #8CBE23;
font-size: 1.8rem;
}
.my-making-list__products {
font-size: 1.6rem;
}
.my-making-list__actions {
display: flex;
justify-content: flex-end;
align-items: center;
}
@media only screen and (max-width: 47.9375em) {
.my-making-list__actions {
grid-column: 1/3;
}
}
.my-making-list__actions .button, .my-making-list__actions .login .oauthloginbutton, .login .my-making-list__actions .oauthloginbutton,
.my-making-list__actions .login .mo_oauth_login_button,
.login .my-making-list__actions .mo_oauth_login_button,
.my-making-list__actions .account .oauthloginbutton,
.account .my-making-list__actions .oauthloginbutton,
.my-making-list__actions .account .mo_oauth_login_button,
.account .my-making-list__actions .mo_oauth_login_button, .my-making-list__actions .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-making-list__actions .text-with-image__link, .my-making-list__actions body.login form input[type=submit]#wp-submit, body.login form .my-making-list__actions input[type=submit]#wp-submit {
flex-grow: 1;
}
.my-making-list__view {
padding: 1rem;
font-weight: bold;
color: #273477;
}
.my-making-list .show-more__button-row {
flex-basis: 100%;
width: auto;
margin-top: 1rem;
font-size: 2rem;
}
.my-making-list .button, .my-making-list .login .oauthloginbutton, .login .my-making-list .oauthloginbutton,
.my-making-list .login .mo_oauth_login_button,
.login .my-making-list .mo_oauth_login_button,
.my-making-list .account .oauthloginbutton,
.account .my-making-list .oauthloginbutton,
.my-making-list .account .mo_oauth_login_button,
.account .my-making-list .mo_oauth_login_button, .my-making-list .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-making-list .text-with-image__link, .my-making-list body.login form input[type=submit]#wp-submit, body.login form .my-making-list input[type=submit]#wp-submit {
margin: 0 auto !important;
}
.my-making-list .button:last-child, .my-making-list .login .oauthloginbutton:last-child, .login .my-making-list .oauthloginbutton:last-child,
.my-making-list .login .mo_oauth_login_button:last-child,
.login .my-making-list .mo_oauth_login_button:last-child,
.my-making-list .account .oauthloginbutton:last-child,
.account .my-making-list .oauthloginbutton:last-child,
.my-making-list .account .mo_oauth_login_button:last-child,
.account .my-making-list .mo_oauth_login_button:last-child, .my-making-list .text-with-image--logo .text-with-image__link:last-child, .text-with-image--logo .my-making-list .text-with-image__link:last-child, .my-making-list body.login form input[type=submit]#wp-submit:last-child, body.login form .my-making-list input[type=submit]#wp-submit:last-child {
margin-left: 1rem;
}
.my-making-list .excerpt__image--isolated {
padding: 0;
}
.my-making-list__search {
position: relative;
margin-bottom: 3rem;
}
.my-making-list__search .search-bar {
margin: 0 0 5rem;
}
.my-making-list__search .search-bar__input {
padding: 1rem 3rem !important;
height: 6rem !important;
border: 0.1rem solid white !important;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
width: 100%;
}
.my-making-list__search .search-bar__icon {
background: #273477;
width: 5rem;
height: 5rem;
}
.my-making-list__search .search-bar__icon svg .fill {
fill: white;
}
.my-making-list__search .loader {
position: absolute;
z-index: 99;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.my-making-list-header {
margin: 6rem 0;
}
@media only screen and (min-width: 48em) {
.my-making-list-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 4rem 0 2rem;
width: 100%;
}
}
.my-making-list-header__group {
max-width: 60rem;
}
.my-making-list-header__title {
display: flex;
align-items: center;
}
.my-making-list-header__title-count {
margin-left: 0.8rem;
font-size: 1.8rem;
font-weight: 400;
color: #807DBA;
}
@media only screen and (min-width: 48em) {
.my-making-list-header__count {
display: grid;
grid-template-columns: auto auto;
align-items: center;
gap: 2rem;
text-align: right;
}
}
@media only screen and (max-width: 47.9375em) {
.my-making-list-header__count-text {
display: none;
}
}
.my-making-list-header__count-title {
margin-bottom: 1rem;
font-weight: bold;
}
.my-making-list-header__list-count {
max-width: 10rem;
color: #BEB9AA;
font-size: 1.8rem;
text-align: right;
}
.my-making-list-header__upgrade-link {
margin-top: 1rem;
flex-basis: 100%;
}
@media only screen and (min-width: 48em) {
.my-making-list-header__upgrade-link {
margin-top: 0.5rem;
text-align: right;
}
}
.my-making-summary {
display: flex;
align-items: center;
padding: 4rem 0;
}
@media only screen and (min-width: 62em) {
.my-making-summary {
min-height: calc(100vh - 22rem);
}
}
.my-making-summary__body main {
background: #F8F6F2;
}
.my-making-summary__body .main-footer {
display: none;
}
.my-making-summary__grid {
display: grid;
}
@media only screen and (min-width: 62em) {
.my-making-summary__grid {
grid-template-columns: 1fr auto 2fr auto 1fr;
margin-bottom: 5vh;
}
}
.my-making-summary__divider {
display: flex;
justify-content: center;
align-items: center;
margin: -1.8rem 0 3rem;
}
@media only screen and (min-width: 62em) {
.my-making-summary__divider {
margin: 0 6rem;
width: 0.1rem;
background: #1A005E;
}
}
@media only screen and (max-width: 61.9375em) {
.my-making-summary__divider--equals {
visibility: hidden;
}
}
.my-making-summary__divider-icon {
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
width: 3.4rem;
height: 3.4rem;
background: #1A005E;
border-radius: 50%;
}
@media only screen and (min-width: 62em) {
.my-making-summary__divider-icon {
outline: 1rem solid #F8F6F2;
}
}
@media only screen and (max-width: 61.9375em) {
.my-making-summary__divider-icon svg.arrow-right {
transform: rotate(90deg);
}
.my-making-summary__divider-icon svg.arrow-right .fill {
fill: #273477;
}
}
.my-making-summary__title {
margin-bottom: 3rem;
}
.my-making-summary__main-post {
display: flex;
align-items: flex-start;
gap: 2rem;
padding: 1.5rem 1.5rem 4rem;
background: #FCFBF7;
border-radius: 1rem;
}
@media only screen and (min-width: 62em) {
.my-making-summary__main-post {
flex-direction: column;
}
}
.my-making-summary__main-post-image {
flex-shrink: 0;
display: block;
overflow: hidden;
border-radius: 1rem;
min-width: 12rem;
width: 40%;
}
@media only screen and (min-width: 62em) {
.my-making-summary__main-post-image {
width: 100%;
min-width: 16rem;
}
}
.my-making-summary__main-post-image img {
width: 100%;
}
.my-making-summary__link {
display: flex;
align-items: center;
margin-bottom: 1rem;
padding: 1rem 2rem;
background: white;
border-radius: 1rem;
}
.my-making-summary__link--unlinked {
opacity: 0.5;
}
.my-making-summary__link-title {
margin: 0;
padding: 0 0 0 2rem;
font-weight: 400;
line-height: 1.5;
}
.my-making-summary__link-title strong {
display: block;
}
.my-making-summary__link-image {
position: relative;
}
.my-making-summary__link-picture img {
width: 6rem;
height: 6rem;
border-radius: 50%;
}
.my-making-summary__link-action {
position: absolute;
right: 0;
bottom: 0;
}
.my-making-summary__link-action-icon {
border-radius: 5rem;
padding: 0.4rem 1rem;
}
.my-making-summary__link-action-icon--linked {
background: #273477;
}
.my-making-summary__link-action-icon--unlinked {
background: #8CBE23;
}
.my-making-summary__link-action-icon--unlinked svg {
transform: rotate(45deg);
}
.my-making-summary__link-action-icon--unlinked svg .fill {
fill: white;
}
.my-making-summary__link-action-icon svg {
width: 1rem;
}
.my-making-summary__checkout-table {
margin: 0 0 3rem;
width: 100%;
}
.my-making-summary__checkout-table td {
padding: 0.5rem 0;
}
.my-making-summary__checkout-table-number {
text-align: right;
}
.my-making-summary__checkout-table-totals {
color: #8CBE23;
}
.my-making-summary__button {
display: block;
padding: 1.8rem 3rem;
}
.my-product-detail__body .main-footer {
display: none;
}
.my-product-excerpt {
position: relative;
}
.my-product-excerpt__hide {
display: none;
}
.my-product-excerpt__show-links {
padding: 0.5rem 2rem;
color: #273477;
text-decoration: underline;
cursor: pointer;
font-size: 1.8rem;
}
.my-product-excerpt--show-links .my-product-excerpt__show-links {
color: #FCFBF7;
background: #273477;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.my-product-excerpt--show-links .my-product-excerpt__show {
display: none;
}
.my-product-excerpt--show-links .my-product-excerpt__hide {
display: block;
}
.my-product-excerpt--show-links .my-product-excerpt__linked-equipment {
display: block;
}
.my-product-excerpt__linked-equipment {
display: none;
position: absolute;
z-index: 99;
margin-top: -0.1rem;
padding: 2rem 2rem 2rem 3rem;
border-radius: 1rem;
background: #273477;
color: #FCFBF7;
text-align: left;
}
@media only screen and (min-width: 48em) {
.my-product-excerpt__linked-equipment {
left: 50%;
transform: translateX(-50%);
}
}
@media only screen and (max-width: 47.9375em) {
.my-product-excerpt:nth-child(odd) .my-product-excerpt__linked-equipment {
left: 0;
}
}
@media only screen and (max-width: 47.9375em) {
.my-product-excerpt:nth-child(even) .my-product-excerpt__linked-equipment {
right: 0;
}
}
.my-product-excerpt__equipment-link {
display: block;
padding: 0.5rem 3rem 0.5rem 0;
color: #FCFBF7;
white-space: nowrap;
font-size: 1.8rem;
background: url('data:image/svg+xml;utf8,') no-repeat right;
}
.my-products__suggestions, .my-products__products-search {
margin: 6rem 0;
}
.my-products__suggestions .page-width, .my-products__products-search .page-width {
padding-top: 4rem;
padding-bottom: 4rem;
background: #F5F2EC;
border-radius: 2rem;
}
.my-products__suggestions .my-products-list, .my-products__products-search .my-products-list {
margin: 3rem 0;
}
.my-products-list {
display: flex;
gap: 2rem;
flex-wrap: wrap;
margin: 5rem 0;
}
@media only screen and (min-width: 48em) {
.my-products-list {
gap: 4rem;
}
}
.my-products-list .round-excerpt {
width: calc(50vw - 5rem);
}
@media only screen and (min-width: 48em) {
.my-products-list .round-excerpt {
max-width: 31.2rem;
width: 31.2rem;
}
}
.my-products-list .round-excerpt .round-excerpt__thumbnail {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 1rem;
}
.my-products-list .round-excerpt .round-excerpt__thumbnail::before {
content: "";
display: block;
padding-bottom: 133%;
}
.my-products-list .round-excerpt .round-excerpt__thumbnail .round-excerpt__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
z-index: 1;
}
.my-products-list .round-excerpt .round-excerpt__thumbnail .round-excerpt__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.my-products-list .round-excerpt .round-excerpt__thumbnail .icon {
z-index: 10;
}
@media only screen and (min-width: 48em) {
.my-profile-content {
background: linear-gradient(90deg, #fcfbf7 50%, #f8f6f2 50%);
}
}
.my-profile-content__form {
display: flex;
flex-direction: column;
width: 100%;
}
@media only screen and (min-width: 48em) {
.my-profile-content__form {
flex-direction: row;
}
}
.my-profile-content__address {
padding: 3.2rem 0 4rem;
}
@media only screen and (min-width: 48em) {
.my-profile-content__address {
padding: 4rem 5vw 15rem;
width: 50%;
}
}
.my-profile-content__profile {
margin: 0 -2.5rem;
padding: 4rem 2.5rem;
background: #F8F6F2;
}
@media only screen and (min-width: 48em) {
.my-profile-content__profile {
padding: 4rem 5vw 15rem;
width: 50%;
}
}
.my-profile-content__section-title {
font-size: 1.8rem;
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 48em) {
.my-profile-content__section-title {
font-size: 2.2rem;
}
}
.my-profile-content__input-section:first-of-type {
margin-bottom: 3.2rem;
}
@media only screen and (min-width: 48em) {
.my-profile-content__input-section:first-of-type {
margin-bottom: 4rem;
}
}
.my-profile-content__input:not(:last-of-type) {
margin-bottom: 1.6rem;
}
@media only screen and (min-width: 48em) {
.my-profile-content__input:not(:last-of-type) {
margin-bottom: 2.4rem;
}
}
.my-profile-content__input--half-width:first-of-type {
margin-right: 2.2rem;
}
@media only screen and (min-width: 48em) {
.my-profile-content__input--half-width:first-of-type {
margin-right: 2.6rem;
}
}
.my-profile-content__input input {
width: 100%;
}
.my-profile-content__input input:disabled {
background: #F5EFE0 !important;
}
.my-profile-content__input input#company_logo {
width: calc(100% - 5rem);
}
.my-profile-content__input textarea,
.my-profile-content__input select {
display: inline-block;
width: 100%;
}
.my-profile-content__input select {
/* Firefox */
/* Safari and Chrome */
appearance: none;
padding: 0.5rem 2rem;
height: 5rem;
border-radius: 0.8rem;
border: 0.1rem solid #807DBA;
background: #FCFBF7 url("/wp-content/themes/holisan-ayurveda/assets/images/Icon-angle-down.svg") no-repeat right;
background-position-x: 96%;
cursor: pointer;
}
.my-profile-content__two-inputs {
display: flex;
justify-content: space-between;
}
.my-profile-content__input-error {
border-color: #FF0046 !important;
}
.my-profile-content__error {
display: block;
margin: 0.4rem 0 0 1rem;
color: #FF0046;
font-size: 1.2rem;
}
.my-profile-content__error::first-letter {
text-transform: capitalize;
}
.my-profile-content__image {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 14rem;
padding: 2rem 2.5rem 2.5rem;
background: #FCFBF7;
border-radius: 0.8rem;
border: 0.1rem solid #807DBA;
cursor: pointer;
}
@media only screen and (min-width: 48em) {
.my-profile-content__image {
height: 12rem;
}
}
.my-profile-content__image div {
margin: auto;
max-height: 100%;
max-width: 100%;
}
.my-profile-content__image img {
width: auto;
height: 100%;
object-fit: contain;
}
.my-profile-content__pencil {
position: absolute;
top: 2rem;
right: 2.4rem;
width: 2rem;
height: auto;
}
.my-profile-content__upload-svg {
margin-bottom: 0.8rem;
}
.my-profile-content__upload-svg--primary path {
fill: #273477;
}
.my-profile-content__filename {
color: #273477;
text-decoration: underline;
word-break: break-all;
text-align: center;
}
.my-profile-content__password {
display: inline-block;
margin-top: 1.6rem;
color: #273477;
}
@media only screen and (min-width: 48em) {
.my-profile-content__password {
margin: 2.4rem 0 4rem;
}
}
.my-profile-content__password:hover, .my-profile-content__password:active {
font-weight: 700;
}
@media only screen and (min-width: 48em) {
.my-profile-content__submit-wrapper {
display: flex;
}
}
@media only screen and (max-width: 47.9375em) {
.my-profile-content__submit-wrapper {
position: fixed;
left: 0;
bottom: 0;
width: 100vw;
z-index: 1;
background: #FCFBF7;
padding: 1.1rem 2.4rem;
}
.my-profile-content__submit-wrapper input {
width: 100%;
}
}
/*# sourceMappingURL=main.css.map*/