.calm-accordion {
width: 100%;
}
.calm-accordion h1, .calm-accordion h2, .calm-accordion h3, .calm-accordion h4 {
margin-top: unset;
}
section.image_list {
width: 100%;
}
section.image_list .calm_container {
padding: unset;
}
section.image_list .calm_container .row {
padding: unset;
margin-right: -7px;
margin-left: -7px;
}
body h2, body h3, body h4, body h5 {
color: inherit;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
body h2 {
color: inherit;
font-size: 40px;
}
.col {
display: flex;
flex-direction: column;
}
.content {
margin-top: auto;
margin-bottom: auto;
color: #000;
}
.content :last-child {
margin-bottom: 0;
}
.content p {
font-size: 16px;
color: #707070;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.content p a {
color: #707070;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
.content a {
color: #707070;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
.hidden {
display: none;
}
#heading {
color: #000;
}
#heading .title {
color: inherit;
}
#heading .title h1 {
font-size: 40px;
margin: 0 0 20px;
}
#heading .title .intro {
color: #eee;
}
#heading .breadcrumb {
color: inherit;
}
#heading .breadcrumb li {
color: inherit;
}
#heading .breadcrumb li:last-child:before {
content: var(--bs-breadcrumb-divider, "-");
}
#heading .breadcrumb li a {
color: inherit;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
#heading .breadcrumb li:last-child a {
color: #707070;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
#heading .banner {
padding: 80px 0 60px;
margin-bottom: 20px;
color: #000;
}
#heading .banner h1 {
font-size: 60px;
}
#heading .banner .intro {
margin: 20px 0 0;
color: #ddd;
}
.nav-tabs {
color: #000;
}
.nav-tabs .nav-tab-header {
color: inherit;
}
.nav-tabs .nav-tab-header a {
color: inherit;
}
.tab-content .tab-pane {
color: #000;
}
.tab-content .tab-pane p, .tab-content .tab-pane h3, .tab-content .tab-pane div, .tab-content .tab-pane span {
color: inherit;
}
.tab-content .tab-pane.active {
display: flex !important;
}
.tab-content .tab-pane {
font-family: "Work Sans";
font-size: 16px;
font-weight: 400;
align-self: stretch;
}
.tab-content .tab-pane p {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
align-self: stretch;
}
.pay-with {
width: 100%;
display: flex;
flex-direction: row;
}
.pay-with .pay-with-card {
padding: 3px;
}
.pay-with .pay-with-card span {
width: auto;
}
.pay-with-card {
padding: 3px;
}
.pay-with-card span {
width: auto;
}
.accordion_block {
--bs-accordion-btn-icon-width: 20px;
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
.accordion_block .title {
text-align: center;
}
.accordion_block .subtitle {
margin-top: 20px;
margin-bottom: 20px;
}
.accordion_block .subtitle h3 {
align-self: stretch;
text-align: center;
font-family: "Work Sans";
font-size: 12px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
}
.accordion_block .calm-accordion {
margin-top: 24px;
}
.calm-accordion .accordion-item {
padding-top: 14px;
margin-bottom: 22px;
min-height: 56px;
border: unset;
border-top: 1px solid #E9EAEB;
}
.calm-accordion .accordion-header {
align-self: stretch;
color: #181D27;
font-family: var(--Font-family-font-family-body, Inter);
font-size: var(--Font-size-text-md, 16px);
font-weight: 600;
line-height: var(--Line-height-text-md, 24px); /* 150% */
}
.calm-accordion .accordion-header .accordion-button {
box-shadow: unset;
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: unset;
}
.calm-accordion .accordion-header .accordion-button.collapsed:after {
background-image: url('data:image/svg+xml,');
}
.calm-accordion .accordion-header .accordion-button:after {
background-image: url('data:image/svg+xml, ');
}
.calm-accordion .accordion-content {
color: #535862;
/* Text md/Regular */
font-family: var(--Font-family-font-family-body, Inter);
font-size: var(--Font-size-text-md, 16px);
font-weight: 400;
line-height: var(--Line-height-text-md, 24px); /* 150% */
}
section.accordion_section {
padding: 20px 0;
}
section.accordion_section .calm_container .accordion {
border: 5px solid purple;
}
section.accordion_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.accordion_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.accordion_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.image_text {
margin-top: 20px;
color: #000;
border-top: 1px solid rgba(0, 0, 0, 0.2);
padding-left: 7px;
padding-right: 7px;
}
section.image_text .title {
width: 100%;
}
section.image_text .title h2 {
color: inherit;
text-align: center;
font-weight: 400;
align-self: stretch;
margin-bottom: 20px;
}
section.image_text img {
-o-object-fit: cover;
object-fit: cover;
max-height: 710px;
width: 100%;
}
.dashboard_section {
padding-bottom: 101px;
}
.dashboard_section .calm_container_small .dashboard {
display: flex;
flex-direction: row;
gap: 10px;
}
@media (max-width: 767px) {
.dashboard_section .calm_container_small .dashboard {
flex-direction: column;
gap: 16px;
}
}
.dashboard_nav {
display: flex;
width: 50%;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
background: #F4F5F2;
height: -moz-fit-content;
height: fit-content;
}
@media (max-width: 767px) {
.dashboard_nav {
width: 100%;
}
}
.dashboard_nav .dashboard_links {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
}
.dashboard_nav .dashboard_links .link {
height: 36px;
background-color: white;
display: flex;
flex-direction: row;
gap: 8px;
padding: 8px;
width: 100%;
border-radius: var(--radius-sm, 6px);
}
.dashboard_nav .dashboard_links .link:hover {
text-decoration: none;
}
.dashboard_nav .dashboard_links .link p {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 125% */
}
.dashboard_nav .content {
display: flex;
flex-direction: column;
gap: 10px;
}
.dashboard_nav .content a, .dashboard_nav .content i {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
.dashboard_nav .content a:hover, .dashboard_nav .content i:hover {
text-decoration: none;
}
.dashboard_nav .content hr {
margin: 0;
}
.dashboard_nav .content p {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16.8px; /* 120% */
}
.dashboard_nav .content a.button {
display: flex;
height: 40px;
padding: 13px 48px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
width: 100%;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
background: var(--secondary-color);
text-decoration: none;
}
.dashboard_nav .content a.button:hover {
text-decoration: none;
}
.dashboard_section form, form.personal_info_form, form.personal_info_password_form {
display: flex;
flex-direction: column;
width: 100%;
gap: 20px;
}
.dashboard_section form hr, form.personal_info_form hr, form.personal_info_password_form hr {
margin: 0;
}
.dashboard_section form.half, form.personal_info_form.half, form.personal_info_password_form.half {
width: 50%;
}
@media (max-width: 767px) {
.dashboard_section form.half, form.personal_info_form.half, form.personal_info_password_form.half {
width: 100%;
}
}
.dashboard_section form .profile_picture, form.personal_info_form .profile_picture, form.personal_info_password_form .profile_picture {
width: 50px;
height: 50px;
flex-shrink: 0;
fill: #E39898;
stroke-width: 1px;
stroke: #D65050;
background: #E39898;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #D65050;
color: #D65050;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 83.333% */
}
.order_history {
display: flex;
flex-direction: column;
gap: 20px;
width: 50%;
}
@media (max-width: 767px) {
.order_history {
width: 100%;
}
}
.order_history hr {
margin: 0;
}
.order_history .order {
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
background: #F4F5F2;
}
.order_history .order .order_no {
color: var(--Color, #414651);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 125% */
}
.order_history .order .order_info p {
color: var(--Color, #414651);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
.order_history .order .cart_item {
display: flex;
flex-direction: row;
gap: 10px;
width: 100%;
}
.order_history .order .cart_item .card_item_info {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: space-between;
width: 100%;
}
.order_history .order .cart_item .card_item_info .name_and_quantity {
display: flex;
justify-content: space-between;
}
.order_history .order .cart_item .card_item_info .name_and_quantity .cart_item_title {
color: #000;
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
.order_history .order .cart_item .card_item_info .name_and_quantity .quantity {
display: flex;
gap: 10px;
align-items: center;
}
.order_history .order .cart_item .card_item_info .name_and_quantity .quantity i {
font-size: 14px;
color: #000;
}
.order_history .order .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector {
display: flex;
flex-direction: row;
display: flex;
width: 90px;
height: 22px;
border: 1px solid #CCC;
background: #F5F5F5;
justify-content: space-between;
padding: 2px;
}
.order_history .order .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector i, .order_history .order .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector p {
font-size: 14px;
}
.order_history .order .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector i {
cursor: pointer;
}
.order_history .order .cart_item .card_item_info .variations {
font-size: 14px;
}
.order_history .order .cart_item .card_item_info .price {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
}
.order_history .order .cart_item .card_item_info .price p {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
.dashboard_section .addresses {
display: flex;
flex-direction: column;
gap: 20px;
}
.dashboard_section .addresses .address {
display: flex;
flex-direction: row;
padding: 20px 4px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.dashboard_section .addresses .address .actions {
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
}
.wishlist_items {
width: 50%;
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
background: #F4F5F2;
height: -moz-fit-content;
height: fit-content;
}
@media (max-width: 767px) {
.wishlist_items {
width: 100%;
}
}
.wishlist_items .wishlist_item {
display: flex;
flex-direction: row;
gap: 10px;
width: 100%;
}
.wishlist_items .wishlist_item .content {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.wishlist_items .wishlist_item .content .top, .wishlist_items .wishlist_item .content .bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.wishlist_items .wishlist_item .content .top p {
color: #000;
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
.wishlist_items .wishlist_item .content .top a {
color: black;
}
.wishlist_items .wishlist_item .content .top a:hover {
text-decoration: none;
}
.wishlist_items .wishlist_item .content .bottom p {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
.wishlist_items .wishlist_item .content .bottom a {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
section.article_content_section {
padding: 60px 0 40px;
}
section.article_content_section .container-sm {
display: flex;
flex-direction: column;
gap: 25px;
}
section.article_content_section .container-sm h1 {
color: #000;
text-align: center;
}
section.article_content_section .container-sm .article_content img {
max-width: 100%;
height: auto !important;
}
section.banner_heading_section {
height: 400px;
min-height: 400px;
}
section.banner_heading_section .calm_container .banner_heading {
position: relative;
}
section.banner_heading_section .calm_container .banner_heading .text_content {
transform: translate(0, -50%);
position: absolute;
left: 0;
top: 200px;
display: flex;
flex-direction: column;
gap: 20px;
}
section.banner_heading_section .calm_container .banner_heading .text_content h1, section.banner_heading_section .calm_container .banner_heading .text_content p {
color: white;
}
section.banner_heading_section.ct-primary .calm_container .banner_heading .text_content h1, section.banner_heading_section.ct-primary .calm_container .banner_heading .text_content p {
color: var(--primary-text-color);
}
section.banner_heading_section.ct-secondary .calm_container .banner_heading .text_content h1, section.banner_heading_section.ct-secondary .calm_container .banner_heading .text_content p {
color: var(--secondary-text-color);
}
section.banner_heading_section.ct-tertiary .calm_container .banner_heading .text_content h1, section.banner_heading_section.ct-tertiary .calm_container .banner_heading .text_content p {
color: var(--tertiary-text-color);
}
section.blog_feed_section {
padding: 20px 0;
}
section.blog_feed_section .calm_container .blog_feed .text_content {
display: flex;
padding: 20px 0;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
section.blog_feed_section .calm_container .blog_feed .text_content.title-left {
justify-content: flex-start;
align-items: flex-start;
}
section.blog_feed_section .calm_container .blog_feed .text_content.title-centre {
justify-content: center;
align-items: center;
}
section.blog_feed_section .calm_container .blog_feed .text_content.title-right {
justify-content: flex-end;
align-items: flex-end;
}
section.blog_feed_section .calm_container .blog_feed .text_content p {
color: #707070;
font-size: 16px;
font-style: normal;
line-height: normal;
}
section.blog_feed_section .calm_container .blog_feed .text_content .title {
color: #000;
}
section.blog_feed_section .calm_container .blog_feed .blogs {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
justify-content: center;
gap: 20px;
}
section.blog_feed_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.blog_feed_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.blog_feed_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.blog_feed_section.ct-primary .calm_container .blog_feed .text_content p {
color: var(--primary-text-color);
}
section.blog_feed_section.ct-primary .calm_container .blog_feed .text_content .title {
color: var(--primary-text-color);
}
section.blog_feed_section.ct-primary .calm_container .blog_feed {
/* Overrides colours below in blog_card */
}
section.blog_feed_section.ct-primary .calm_container .blog_feed .blogs .blog_card .blog_text_content p {
color: var(--primary-text-color);
}
section.blog_feed_section.ct-primary .calm_container .blog_feed .blogs .blog_card .blog_text_content a {
color: var(--primary-text-color);
}
section.blog_feed_section.ct-secondary .calm_container .blog_feed .text_content p {
color: var(--secondary-text-color);
}
section.blog_feed_section.ct-secondary .calm_container .blog_feed .text_content .title {
color: var(--secondary-text-color);
}
section.blog_feed_section.ct-secondary .calm_container .blog_feed {
/* Overrides colours below in blog_card */
}
section.blog_feed_section.ct-secondary .calm_container .blog_feed .blogs .blog_card .blog_text_content p {
color: var(--secondary-text-color);
}
section.blog_feed_section.ct-secondary .calm_container .blog_feed .blogs .blog_card .blog_text_content a {
color: var(--secondary-text-color);
}
section.blog_feed_section.ct-tertiary .calm_container .blog_feed .text_content p {
color: var(--tertiary-text-color);
}
section.blog_feed_section.ct-tertiary .calm_container .blog_feed .text_content .title {
color: var(--tertiary-text-color);
}
section.blog_feed_section.ct-tertiary .calm_container .blog_feed {
/* Overrides colours below in blog_card */
}
section.blog_feed_section.ct-tertiary .calm_container .blog_feed .blogs .blog_card .blog_text_content p {
color: var(--tertiary-text-color);
}
section.blog_feed_section.ct-tertiary .calm_container .blog_feed .blogs .blog_card .blog_text_content a {
color: var(--tertiary-text-color);
}
.blog_card {
display: flex;
flex-direction: column;
height: 100%;
}
.blog_card .image {
width: 100%;
}
.blog_card .image img {
width: 100%;
}
.blog_card .blog_text_content {
display: flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
border-bottom: 1px solid #000;
height: 100%;
}
.blog_card .blog_text_content p {
color: #000;
}
.blog_card .blog_text_content a {
margin: auto auto 0 0;
color: #707070;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
section.breadcrumb_section {
padding: 121px 0 25px;
}
section.breadcrumb_section .calm_container_small {
/*
.breadcrumb {
margin: 0;
color: #707070;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
a {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
}
*/
}
#breadcrub_product {
background-color: transparent;
}
#breadcrub_product .breadcrumb {
background-color: unset;
padding-left: 0;
}
#breadcrub_product .breadcrumb .breadcrumb-item a {
color: #707070;
}
#breadcrub_product .breadcrumb-item + .breadcrumb-item {
padding-left: unset;
}
#breadcrub_product .breadcrumb-item + .breadcrumb-item:before {
content: var(--bs-breadcrumb-divider, "- ");
}
.breadcrumb {
margin: 0;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
padding-left: 0;
}
.breadcrumb a {
cursor: pointer;
color: #707070;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-decoration-line: underline;
}
section.header_section .calm_container_small {
display: flex;
flex-direction: column;
gap: 25px;
padding-bottom: 25px;
}
section.header_section .calm_container_small h1 {
color: #000;
font-weight: 400;
margin: 0;
}
section.page_content_section {
padding: 0 0 101px;
}
section.page_content_section .calm_container_small .cart_page_content {
display: flex;
flex-direction: row;
gap: 10px;
}
@media (max-width: 767px) {
section.page_content_section .calm_container_small .cart_page_content {
flex-direction: column;
gap: 16px;
}
}
section.page_content_section .calm_container_small .cart_page_content .items {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 0;
border-top: 1px solid grey;
border-bottom: 1px solid grey;
width: 50%;
}
@media (max-width: 767px) {
section.page_content_section .calm_container_small .cart_page_content .items {
width: 100%;
}
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item {
display: flex;
flex-direction: row;
gap: 10px;
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: space-between;
width: 100%;
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .name_and_quantity {
display: flex;
justify-content: space-between;
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .name_and_quantity .cart_item_title {
color: #000;
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .name_and_quantity .quantity {
display: flex;
gap: 10px;
align-items: center;
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .name_and_quantity .quantity i {
font-size: 14px;
color: #000;
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector {
display: flex;
flex-direction: row;
display: flex;
width: 90px;
height: 22px;
border: 1px solid #CCC;
background: #F5F5F5;
justify-content: space-between;
padding: 2px;
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector i, section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector p {
font-size: 14px;
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector i {
cursor: pointer;
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .variations {
font-size: 14px;
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .price {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
}
section.page_content_section .calm_container_small .cart_page_content .items .cart_item .card_item_info .price p {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
section.page_content_section .calm_container_small .cart_page_content .summary {
width: 50%;
height: -moz-fit-content;
height: fit-content;
background: #F4F5F2;
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
@media (max-width: 767px) {
section.page_content_section .calm_container_small .cart_page_content .summary {
width: 100%;
}
}
section.page_content_section .calm_container_small .cart_page_content .summary .subtotal {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
section.page_content_section .calm_container_small .cart_page_content .summary .subtotal p {
color: #000;
font-size: 14px;
font-weight: 500;
}
section.page_content_section .calm_container_small .cart_page_content .summary .disclaimer {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
section.page_content_section .calm_container_small .cart_page_content .summary .item_count {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
section.page_content_section .calm_container_small .cart_page_content .summary hr {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.2);
margin: 0;
}
section.page_content_section .calm_container_small .cart_page_content .summary .order_notes {
display: flex;
flex-direction: column;
gap: 6px;
}
section.page_content_section .calm_container_small .cart_page_content .summary .order_notes label {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
section.page_content_section .calm_container_small .cart_page_content .summary .order_notes textarea {
display: flex;
width: 100%;
padding: 10px 14px;
align-items: center;
gap: var(--spacing-md, 8px);
height: 56px;
border-radius: var(--radius-md, 0);
border: 1px solid var(--Colors-Border-border-primary, #D5D7DA);
background: var(--Colors-Background-bg-primary, #FFF);
resize: none;
/* Shadows/shadow-xs */
box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
overflow: hidden;
color: #717680;
text-overflow: ellipsis;
white-space: nowrap;
font-family: "Work Sans";
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 120% */
}
section.page_content_section .calm_container_small .cart_page_content .summary .order_notes textarea:focus {
outline: none;
}
section.page_content_section .calm_container_small .cart_page_content .summary .order_notes button {
display: flex;
height: 32px;
width: 100%;
justify-content: center;
align-items: center;
gap: 10px;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #F4F5F2;
color: #000;
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 2.5px;
text-transform: uppercase;
}
section.page_content_section .calm_container_small .cart_page_content .summary .promocode {
display: flex;
flex-direction: column;
gap: 6px;
}
section.page_content_section .calm_container_small .cart_page_content .summary .promocode p {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
section.page_content_section .calm_container_small .cart_page_content .summary .promocode a {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
section.page_content_section .calm_container_small .cart_page_content .summary .promocode .fields {
display: flex;
flex-direction: row;
gap: 6px;
}
section.page_content_section .calm_container_small .cart_page_content .summary .promocode .fields input {
width: 100%;
display: flex;
padding: 10px 14px;
gap: var(--spacing-md, 8px);
height: 32px;
color: #717680;
text-overflow: ellipsis;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 120% */
border-radius: var(--radius-md, 0);
border: 1px solid var(--Colors-Border-border-primary, #D5D7DA);
background: var(--Colors-Background-bg-primary, #FFF);
/* Shadows/shadow-xs */
box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}
section.page_content_section .calm_container_small .cart_page_content .summary .promocode .fields input::-moz-placeholder {
content: "Enter here";
overflow: hidden;
color: #717680;
text-overflow: ellipsis;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 120% */
}
section.page_content_section .calm_container_small .cart_page_content .summary .promocode .fields input::placeholder {
content: "Enter here";
overflow: hidden;
color: #717680;
text-overflow: ellipsis;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 120% */
}
section.page_content_section .calm_container_small .cart_page_content .summary .promocode .fields input:focus {
outline: none;
}
section.page_content_section .calm_container_small .cart_page_content .summary .promocode .fields button {
display: flex;
height: 32px;
width: 88px;
justify-content: center;
align-items: center;
gap: 10px;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #F4F5F2;
color: #000;
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 2.5px;
text-transform: uppercase;
}
section.page_content_section .calm_container_small .cart_page_content .summary .checkout_button {
display: flex;
height: 40px;
padding: 13px 48px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
width: 100%;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
background: var(--secondary-color);
}
section.page_content_section .calm_container_small .cart_page_content .summary .checkout_button:hover {
text-decoration: none;
}
section.page_content_section .calm_container_small .cart_page_content .summary .checkout_button.disabled {
opacity: 50%;
}
section.page_content_section .calm_container_small .cart_page_content .summary .pay_options {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
justify-content: space-between;
width: 100%;
gap: 10px;
}
section.page_content_section .calm_container_small .cart_page_content .summary .pay_options img {
width: 100%;
}
section.page_heading_section {
padding: 40px 0;
}
section.page_heading_section .calm_container .page_heading {
display: flex;
flex-direction: column;
gap: 25px;
}
section.page_heading_section .calm_container .page_heading.align-left {
justify-content: center;
align-items: flex-start;
}
section.page_heading_section .calm_container .page_heading.align-left h1, section.page_heading_section .calm_container .page_heading.align-left h2, section.page_heading_section .calm_container .page_heading.align-left h3, section.page_heading_section .calm_container .page_heading.align-left h4, section.page_heading_section .calm_container .page_heading.align-left h5, section.page_heading_section .calm_container .page_heading.align-left h6, section.page_heading_section .calm_container .page_heading.align-left ol, section.page_heading_section .calm_container .page_heading.align-left ul, section.page_heading_section .calm_container .page_heading.align-left li {
text-align: left;
}
section.page_heading_section .calm_container .page_heading.align-centre {
justify-content: center;
align-items: center;
}
section.page_heading_section .calm_container .page_heading.align-centre h1, section.page_heading_section .calm_container .page_heading.align-centre h2, section.page_heading_section .calm_container .page_heading.align-centre h3, section.page_heading_section .calm_container .page_heading.align-centre h4, section.page_heading_section .calm_container .page_heading.align-centre h5, section.page_heading_section .calm_container .page_heading.align-centre h6, section.page_heading_section .calm_container .page_heading.align-centre ol, section.page_heading_section .calm_container .page_heading.align-centre ul, section.page_heading_section .calm_container .page_heading.align-centre li {
text-align: center;
}
section.page_heading_section .calm_container .page_heading.align-right {
justify-content: center;
align-items: flex-end;
}
section.page_heading_section .calm_container .page_heading.align-right h1, section.page_heading_section .calm_container .page_heading.align-right h2, section.page_heading_section .calm_container .page_heading.align-right h3, section.page_heading_section .calm_container .page_heading.align-right h4, section.page_heading_section .calm_container .page_heading.align-right h5, section.page_heading_section .calm_container .page_heading.align-right h6, section.page_heading_section .calm_container .page_heading.align-right ol, section.page_heading_section .calm_container .page_heading.align-right ul, section.page_heading_section .calm_container .page_heading.align-right li {
text-align: right;
}
section.page_heading_section .calm_container .page_heading h1, section.page_heading_section .calm_container .page_heading h2, section.page_heading_section .calm_container .page_heading h3, section.page_heading_section .calm_container .page_heading h4, section.page_heading_section .calm_container .page_heading h5, section.page_heading_section .calm_container .page_heading h6 {
color: #000;
}
section.page_heading_section .calm_container .page_heading p {
color: #000;
}
section.page_heading_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.page_heading_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.page_heading_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.page_heading_section.ct-primary .calm_container .page_heading h1, section.page_heading_section.ct-primary .calm_container .page_heading h2, section.page_heading_section.ct-primary .calm_container .page_heading h3, section.page_heading_section.ct-primary .calm_container .page_heading h4, section.page_heading_section.ct-primary .calm_container .page_heading h5, section.page_heading_section.ct-primary .calm_container .page_heading h6 {
color: var(--primary-text-color);
}
section.page_heading_section.ct-primary .calm_container .page_heading p {
color: var(--primary-text-color);
}
section.page_heading_section.ct-secondary .calm_container .page_heading h1, section.page_heading_section.ct-secondary .calm_container .page_heading h2, section.page_heading_section.ct-secondary .calm_container .page_heading h3, section.page_heading_section.ct-secondary .calm_container .page_heading h4, section.page_heading_section.ct-secondary .calm_container .page_heading h5, section.page_heading_section.ct-secondary .calm_container .page_heading h6 {
color: var(--secondary-text-color);
}
section.page_heading_section.ct-secondary .calm_container .page_heading p {
color: var(--secondary-text-color);
}
section.page_heading_section.ct-tertiary .calm_container .page_heading h1, section.page_heading_section.ct-tertiary .calm_container .page_heading h2, section.page_heading_section.ct-tertiary .calm_container .page_heading h3, section.page_heading_section.ct-tertiary .calm_container .page_heading h4, section.page_heading_section.ct-tertiary .calm_container .page_heading h5, section.page_heading_section.ct-tertiary .calm_container .page_heading h6 {
color: var(--tertiary-text-color);
}
section.page_heading_section.ct-tertiary .calm_container .page_heading p {
color: var(--tertiary-text-color);
}
section.categories_section {
padding: 20px 0;
}
section.categories_section .calm_container .categories {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
row-gap: 40px;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media (max-width: 767px) {
section.categories_section .calm_container .categories {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
section.categories_section .calm_container .categories .row {
width: 100%;
}
section.categories_section .calm_container .categories .category {
display: flex;
flex-direction: column;
gap: 10px;
}
section.categories_section .calm_container .categories .category:hover {
text-decoration: none;
}
section.categories_section .calm_container .categories .category p {
color: #000;
font-weight: 500;
}
section.categories_section .calm_container .categories .category img {
width: 100%;
}
section.categories_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.categories_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.categories_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.categories_section.ct--primary .calm_container .categories .category p {
color: var(--primary-text-color);
}
section.categories_section.ct-secondary .calm_container .categories .category p {
color: var(--secondary-text-color);
}
section.categories_section.ct-tertiary .calm_container .categories .category p {
color: var(--teritary-text-color);
}
section.category_feed_section {
padding: 20px 0;
}
section.category_feed_section .calm_container .category_feed {
display: flex;
flex-direction: column;
gap: 20px;
}
section.category_feed_section .calm_container .category_feed .text_content {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
section.category_feed_section .calm_container .category_feed .text_content.title-left {
justify-content: flex-start;
align-items: flex-start;
}
section.category_feed_section .calm_container .category_feed .text_content.title-centre {
justify-content: center;
align-items: center;
}
section.category_feed_section .calm_container .category_feed .text_content.title-right {
justify-content: flex-end;
align-items: flex-end;
}
section.category_feed_section .calm_container .category_feed .text_content p {
color: #707070;
}
section.category_feed_section .calm_container .category_feed .text_content .title {
color: black;
}
section.category_feed_section .calm_container .category_feed .categories {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}
@media (max-width: 767px) {
section.category_feed_section .calm_container .category_feed .categories {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 576px) {
section.category_feed_section .calm_container .category_feed .categories {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
section.category_feed_section .calm_container .category_feed .categories .category {
display: flex;
flex-direction: column;
gap: 10px;
}
section.category_feed_section .calm_container .category_feed .categories .category:hover {
text-decoration: none;
}
section.category_feed_section .calm_container .category_feed .categories .category img {
width: 100%;
height: auto;
}
section.category_feed_section .calm_container .category_feed .categories .category p {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
section.category_feed_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.category_feed_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.category_feed_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.category_feed_section.ct-primary .calm_container .category_feed .text_content p {
color: var(--primary-text-color);
}
section.category_feed_section.ct-primary .calm_container .category_feed .text_content .title {
color: var(--primary-text-color);
}
section.category_feed_section.ct-primary .calm_container .category_feed .categories .category p {
color: var(--primary-text-color);
}
section.category_feed_section.ct-secondary .calm_container .category_feed .text_content p {
color: var(--secondary-text-color);
}
section.category_feed_section.ct-secondary .calm_container .category_feed .text_content .title {
color: var(--secondary-text-color);
}
section.category_feed_section.ct-secondary .calm_container .category_feed .categories .category p {
color: var(--secondary-text-color);
}
section.category_feed_section.ct-tertiary .calm_container .category_feed .text_content p {
color: var(--tertiary-text-color);
}
section.category_feed_section.ct-tertiary .calm_container .category_feed .text_content .title {
color: var(--tertiary-text-color);
}
section.category_feed_section.ct-tertiary .calm_container .category_feed .categories .category p {
color: var(--tertiary-text-color);
}
.shipping_page_content {
display: flex;
flex-direction: row;
gap: 10px;
}
@media (max-width: 767px) {
.shipping_page_content {
flex-direction: column;
gap: 16px;
}
}
.shipping_page_content .saved_addresses {
display: flex;
width: 50%;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
background: #F4F5F2;
display: flex;
flex-direction: column;
gap: 20px;
height: -moz-fit-content;
height: fit-content;
}
@media (max-width: 767px) {
.shipping_page_content .saved_addresses {
width: 100%;
}
}
.shipping_page_content .saved_addresses .title {
display: flex;
flex-direction: row;
gap: 5px;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
align-items: center;
}
.shipping_page_content .saved_addresses .sign_in_button {
display: flex;
height: 40px;
padding: 13px 48px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
width: 100%;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
background: var(--secondary-color);
color: var(--secondary-text-color);
}
.shipping_page_content .saved_addresses .sign_in_button:hover {
text-decoration: none;
}
.shipping_page_content .saved_addresses .saved_address_form {
width: 100%;
}
.shipping_page_content .saved_addresses .saved_address_form .existing_submit input {
display: flex;
height: 40px;
padding: 13px 48px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
width: 100%;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
background: var(--secondary-color);
color: var(--secondary-text-color);
border: none;
}
.shipping_page_content .saved_addresses .saved_address_form .saved_addresses_list {
display: flex;
flex-direction: column;
}
.shipping_page_content .saved_addresses .saved_address_form .saved_addresses_list .address {
padding: 20px 4px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.shipping_page_content .saved_addresses .saved_address_form .saved_addresses_list .address input {
flex-shrink: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #ccc;
border-radius: 4px; /* square with rounded corners */
background: white;
cursor: pointer;
transition: all 0.2s;
}
.shipping_page_content .saved_addresses .saved_address_form .saved_addresses_list .address input:checked {
background: black;
border-color: black;
}
.shipping_page_content .new_address_form {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
.shipping_page_content .new_address_form {
width: 100%;
}
}
.shipping_page_content .new_address_form .new_address_submit {
display: flex;
height: 40px;
padding: 13px 48px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
width: 100%;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
background: var(--secondary-color);
color: var(--secondary-text-color);
border: none;
}
.shipping_page_content .new_address_form .fields {
display: flex;
flex-direction: column;
gap: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 20px;
}
.shipping_page_content .new_address_form .fields .form_title {
color: #000;
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 700;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
.shipping_page_content .new_address_form .fields .checkbox_field {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.shipping_page_content .new_address_form .fields .checkbox_field label {
color: var(--Color, #414651);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
.shipping_page_content .new_address_form .fields .field {
display: flex;
flex-direction: column;
gap: 6px;
}
.shipping_page_content .new_address_form .fields .field label {
color: var(--Color, #414651);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
.shipping_page_content .new_address_form .fields .field input, .shipping_page_content .new_address_form .fields .field select {
display: flex;
padding: 10px 14px;
align-items: center;
gap: var(--spacing-md, 8px);
align-self: stretch;
border-radius: var(--radius-md, 0);
border: 1px solid var(--Colors-Border-border-primary, #D5D7DA);
background: var(--Colors-Background-bg-primary, #FFF);
max-height: 44px;
/* Shadows/shadow-xs */
box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}
.shipping_page_content .new_address_form .fields .field input:focus, .shipping_page_content .new_address_form .fields .field select:focus {
outline: none;
}
.order_summary_page_content {
display: flex;
flex-direction: row;
gap: 10px;
}
@media (max-width: 767px) {
.order_summary_page_content {
flex-direction: column;
gap: 16px;
}
}
.order_summary_page_content .shipping_options {
width: 50%;
}
@media (max-width: 767px) {
.order_summary_page_content .shipping_options {
width: 100%;
}
}
.order_summary_page_content .shipping_options button {
display: flex;
height: 40px;
padding: 13px 48px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
width: 100%;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
background: var(--secondary-color);
margin-top: 10px;
border: none;
}
.order_summary_page_content .shipping_options .options {
display: flex;
flex-direction: column;
}
.order_summary_page_content .shipping_options .options .delivery_option {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 20px 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.order_summary_page_content .shipping_options .options .delivery_option:last-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.order_summary_page_content .shipping_options .options .delivery_option .info {
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
}
.order_summary_page_content .shipping_options .options .delivery_option .info i {
font-size: 30px;
}
.order_summary_page_content .shipping_options .options .delivery_option .info .content {
display: flex;
flex-direction: column;
gap: 10px;
}
.order_summary_page_content .shipping_options .options .delivery_option input {
flex-shrink: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #ccc;
border-radius: 4px; /* square with rounded corners */
background: white;
cursor: pointer;
transition: all 0.2s;
}
.order_summary_page_content .shipping_options .options .delivery_option input:checked {
background: black;
border-color: black;
}
.order_summary_page_content .order_summary {
width: 50%;
background: #F4F5F2;
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
}
@media (max-width: 767px) {
.order_summary_page_content .order_summary {
width: 100%;
}
}
.order_summary_page_content .order_summary hr {
margin: 0;
}
.order_summary_page_content .order_summary .subtotal {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.order_summary_page_content .order_summary .subtotal p {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
.order_summary_page_content .order_summary .total {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.order_summary_page_content .order_summary .total p {
color: #000;
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 700;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
.order_summary_page_content .order_summary .cart_item {
display: flex;
flex-direction: row;
gap: 10px;
}
.order_summary_page_content .order_summary .cart_item .card_item_info {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: space-between;
width: 100%;
}
.order_summary_page_content .order_summary .cart_item .card_item_info .name_and_quantity {
display: flex;
justify-content: space-between;
}
.order_summary_page_content .order_summary .cart_item .card_item_info .name_and_quantity .cart_item_title {
color: #000;
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
.order_summary_page_content .order_summary .cart_item .card_item_info .name_and_quantity .quantity {
display: flex;
gap: 10px;
align-items: center;
}
.order_summary_page_content .order_summary .cart_item .card_item_info .name_and_quantity .quantity i {
font-size: 14px;
color: #000;
}
.order_summary_page_content .order_summary .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector {
display: flex;
flex-direction: row;
display: flex;
width: 90px;
height: 22px;
border: 1px solid #CCC;
background: #F5F5F5;
justify-content: space-between;
padding: 2px;
}
.order_summary_page_content .order_summary .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector i, .order_summary_page_content .order_summary .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector p {
font-size: 14px;
}
.order_summary_page_content .order_summary .cart_item .card_item_info .name_and_quantity .quantity .quantity_selector i {
cursor: pointer;
}
.order_summary_page_content .order_summary .cart_item .variations {
font-size: 14px;
}
.order_summary_page_content .order_summary .cart_item .price {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
}
.order_summary_page_content .order_summary .cart_item .price p {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
.order_summary_page_content .order_summary .promocode {
display: flex;
flex-direction: column;
gap: 6px;
}
.order_summary_page_content .order_summary .promocode p {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
.order_summary_page_content .order_summary .promocode a {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
.order_summary_page_content .order_summary .promocode .fields {
display: flex;
flex-direction: row;
gap: 6px;
}
.order_summary_page_content .order_summary .promocode .fields input {
width: 100%;
display: flex;
padding: 10px 14px;
gap: var(--spacing-md, 8px);
height: 32px;
color: #717680;
text-overflow: ellipsis;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 120% */
border-radius: var(--radius-md, 0);
border: 1px solid var(--Colors-Border-border-primary, #D5D7DA);
background: var(--Colors-Background-bg-primary, #FFF);
/* Shadows/shadow-xs */
box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}
.order_summary_page_content .order_summary .promocode .fields input::-moz-placeholder {
content: "Enter here";
overflow: hidden;
color: #717680;
text-overflow: ellipsis;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 120% */
}
.order_summary_page_content .order_summary .promocode .fields input::placeholder {
content: "Enter here";
overflow: hidden;
color: #717680;
text-overflow: ellipsis;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 120% */
}
.order_summary_page_content .order_summary .promocode .fields input:focus {
outline: none;
}
.order_summary_page_content .order_summary .promocode .fields button {
display: flex;
height: 32px;
width: 88px;
justify-content: center;
align-items: center;
gap: 10px;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #F4F5F2;
color: #000;
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 2.5px;
text-transform: uppercase;
}
.order_summary_page_content .order_summary .pay_options {
display: flex;
flex-direction: row;
gap: 10px;
}
.order_summary_page_content .order_summary .pay_options img {
width: 125px;
}
body h2, body h3, body h4, body h5 {
color: inherit;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
body h2 {
color: inherit;
font-size: 40px;
}
.col {
display: flex;
flex-direction: column;
}
.content {
margin-top: auto;
margin-bottom: auto;
color: #000;
}
.content :last-child {
margin-bottom: 0;
}
.content p {
font-size: 16px;
color: #707070;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.content p a {
color: #707070;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
.content a {
color: #707070;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
.hidden {
display: none;
}
#heading {
color: #000;
}
#heading .title {
color: inherit;
}
#heading .title h1 {
font-size: 40px;
margin: 0 0 20px;
}
#heading .title .intro {
color: #eee;
}
#heading .breadcrumb {
color: inherit;
}
#heading .breadcrumb li {
color: inherit;
}
#heading .breadcrumb li:last-child:before {
content: var(--bs-breadcrumb-divider, "-");
}
#heading .breadcrumb li a {
color: inherit;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
#heading .breadcrumb li:last-child a {
color: #707070;
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
#heading .banner {
padding: 80px 0 60px;
margin-bottom: 20px;
color: #000;
}
#heading .banner h1 {
font-size: 60px;
}
#heading .banner .intro {
margin: 20px 0 0;
color: #ddd;
}
.nav-tabs {
color: #000;
}
.nav-tabs .nav-tab-header {
color: inherit;
}
.nav-tabs .nav-tab-header a {
color: inherit;
}
.tab-content .tab-pane {
color: #000;
}
.tab-content .tab-pane p, .tab-content .tab-pane h3, .tab-content .tab-pane div, .tab-content .tab-pane span {
color: inherit;
}
.tab-content .tab-pane.active {
display: flex !important;
}
.tab-content .tab-pane {
font-family: "Work Sans";
font-size: 16px;
font-weight: 400;
align-self: stretch;
}
.tab-content .tab-pane p {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
align-self: stretch;
}
.pay-with {
width: 100%;
display: flex;
flex-direction: row;
}
.pay-with .pay-with-card {
padding: 3px;
}
.pay-with .pay-with-card span {
width: auto;
}
.pay-with-card {
padding: 3px;
}
.pay-with-card span {
width: auto;
}
.accordion_block {
--bs-accordion-btn-icon-width: 20px;
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
.accordion_block .title {
text-align: center;
}
.accordion_block .subtitle {
margin-top: 20px;
margin-bottom: 20px;
}
.accordion_block .subtitle h3 {
align-self: stretch;
text-align: center;
font-family: "Work Sans";
font-size: 12px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
}
.accordion_block .calm-accordion {
margin-top: 24px;
}
.calm-accordion .accordion-item {
padding-top: 14px;
margin-bottom: 22px;
min-height: 56px;
border: unset;
border-top: 1px solid #E9EAEB;
}
.calm-accordion .accordion-header {
align-self: stretch;
color: #181D27;
font-family: var(--Font-family-font-family-body, Inter);
font-size: var(--Font-size-text-md, 16px);
font-weight: 600;
line-height: var(--Line-height-text-md, 24px); /* 150% */
}
.calm-accordion .accordion-header .accordion-button {
box-shadow: unset;
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: unset;
}
.calm-accordion .accordion-header .accordion-button.collapsed:after {
background-image: url('data:image/svg+xml,');
}
.calm-accordion .accordion-header .accordion-button:after {
background-image: url('data:image/svg+xml, ');
}
.calm-accordion .accordion-content {
color: #535862;
/* Text md/Regular */
font-family: var(--Font-family-font-family-body, Inter);
font-size: var(--Font-size-text-md, 16px);
font-weight: 400;
line-height: var(--Line-height-text-md, 24px); /* 150% */
}
section.contact_block_section {
padding: 45px 0;
display: flex;
justify-content: center;
}
section.contact_block_section .calm_container_small, section.contact_block_section .calm_container {
max-width: 934px;
}
section.contact_block_section .contact_block {
display: flex;
flex-direction: column;
gap: 25px;
}
section.contact_block_section .contact_block .block_content {
display: flex;
flex-direction: row;
gap: 10px;
}
@media (max-width: 767px) {
section.contact_block_section .contact_block .block_content {
gap: 20px;
flex-direction: column;
}
}
section.contact_block_section .contact_block .block_content .location_block {
display: flex;
min-width: 50%;
width: 50%;
padding: 20px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
background: #F4F5F2;
height: -moz-fit-content;
height: fit-content;
}
@media (max-width: 767px) {
section.contact_block_section .contact_block .block_content .location_block {
width: 100%;
}
}
section.contact_block_section .contact_block .block_content .location_block .find_us_in_store {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
section.contact_block_section .contact_block .block_content .location_block .find_us_in_store .find_us_in_store_title {
color: #000;
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 700;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
section.contact_block_section .contact_block .block_content .location_block .find_us_in_store iframe {
width: 100%;
}
section.contact_block_section .contact_block .block_content .location_block .find_us_in_store .locations {
display: flex;
flex-direction: column;
gap: 10px;
}
section.contact_block_section .contact_block .block_content .location_block .find_us_in_store .locations .location {
display: flex;
padding: var(--spacing-md, 8px) var(--spacing-lg, 12px);
align-items: center;
gap: var(--spacing-lg, 12px);
flex: 1 0 0;
border-radius: var(--radius-sm, 6px);
background: var(--Colors-Background-bg-primary, #FFF);
cursor: pointer;
}
section.contact_block_section .contact_block .block_content .contact_us_form {
width: 100%;
}
section.contact_block_section .contact_block .block_content .contact_us_form p {
color: #000;
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 700;
line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}
section.contact_block_section .contact_block .block_content .contact_us_form form {
display: flex;
flex-direction: column;
gap: 20px;
}
section.content_left_right_section {
padding: 20px 0;
}
section.content_left_right_section .calm_container .content_left_right.align-left .text {
align-items: flex-start;
}
section.content_left_right_section .calm_container .content_left_right.align-right .text {
align-items: flex-end;
}
section.content_left_right_section .calm_container .content_left_right.align-center .text {
align-items: center;
}
section.content_left_right_section .calm_container .content_left_right .columns {
display: flex;
align-items: center;
}
section.content_left_right_section .calm_container .content_left_right .columns.align-left {
flex-direction: row-reverse;
}
section.content_left_right_section .calm_container .content_left_right .columns.align-right {
flex-direction: row;
}
@media (max-width: 991px) {
section.content_left_right_section .calm_container .content_left_right .columns {
flex-direction: column-reverse;
}
section.content_left_right_section .calm_container .content_left_right .columns.align-left, section.content_left_right_section .calm_container .content_left_right .columns.align-right {
flex-direction: column-reverse;
}
}
section.content_left_right_section .calm_container .content_left_right .column {
width: 50%;
}
@media (max-width: 991px) {
section.content_left_right_section .calm_container .content_left_right .column {
width: 100%;
}
}
section.content_left_right_section .calm_container .content_left_right .column .image {
width: 100%;
}
section.content_left_right_section .calm_container .content_left_right .column .image img {
width: 100%;
}
section.content_left_right_section .calm_container .content_left_right .column .text {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
color: #707070;
}
@media (max-width: 991px) {
section.content_left_right_section .calm_container .content_left_right .column .text {
padding: 24px 0 0;
}
}
section.content_left_right_section .calm_container .content_left_right .column .text .title {
color: #000;
}
section.content_left_right_section .calm_container .content_left_right .column .button {
width: 210px;
}
section.content_left_right_section .calm_container .content_left_right .column .quiver_link {
text-decoration: underline;
color: #707070;
}
section.content_left_right_section .calm_container .content_left_right .column .quiver_link:hover {
color: #707070;
}
section.content_left_right_section .calm_container .content_left_right .column .quiver_button {
background-color: #707070;
}
@media (max-width: 991px) {
section.content_left_right_section .calm_container .content_left_right .column {
flex-direction: column-reverse;
}
section.content_left_right_section .calm_container .content_left_right .column.align-left, section.content_left_right_section .calm_container .content_left_right .column.align-right {
flex-direction: column-reverse;
}
}
section.content_left_right_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.content_left_right_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.content_left_right_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.content_left_right_section.ct-primary .calm_container .content_left_right .column .text {
color: var(--primary-text-color);
}
section.content_left_right_section.ct-primary .calm_container .content_left_right .column .text .title {
color: var(--primary-text-color);
}
section.content_left_right_section.ct-primary .calm_container .content_left_right .column .quiver_link {
color: var(--secondary-text-color);
}
section.content_left_right_section.ct-primary .calm_container .content_left_right .column .quiver_link:hover {
color: var(--secondary-text-color);
}
section.content_left_right_section.ct-primary .calm_container .content_left_right .column .quiver_button {
background-color: var(--secondary-color);
color: var(--secondary-text-color);
}
section.content_left_right_section.ct-secondary .calm_container .content_left_right .column .text {
color: var(--secondary-text-color);
}
section.content_left_right_section.ct-secondary .calm_container .content_left_right .column .text .title {
color: var(--secondary-text-color);
}
section.content_left_right_section.ct-secondary .calm_container .content_left_right .column .quiver_link {
color: var(--secondary-text-color);
}
section.content_left_right_section.ct-secondary .calm_container .content_left_right .column .quiver_link:hover {
color: var(--secondary-text-color);
}
section.content_left_right_section.ct-secondary .calm_container .content_left_right .column .quiver_button {
background-color: var(--secondary-color);
color: var(--secondary-text-color);
}
section.content_left_right_section.ct-tertiary .calm_container .content_left_right .column .text {
color: var(--tertiary-text-color);
}
section.content_left_right_section.ct-tertiary .calm_container .content_left_right .column .text .title {
color: var(--tertiary-text-color);
}
section.content_left_right_section.ct-tertiary .calm_container .content_left_right .column .quiver_link {
color: var(--secondary-text-color);
}
section.content_left_right_section.ct-tertiary .calm_container .content_left_right .column .quiver_link:hover {
color: var(--secondary-text-color);
}
section.content_left_right_section.ct-tertiary .calm_container .content_left_right .column .quiver_button {
background-color: var(--secondary-color);
color: var(--secondary-text-color);
}
section.double_content_block_section {
padding: 20px 0;
}
section.double_content_block_section .calm_container .double_content_block {
display: flex;
flex-direction: row;
gap: 20px;
}
@media (max-width: 1024px) {
section.double_content_block_section .calm_container .double_content_block {
flex-direction: column;
gap: 16px;
}
}
section.double_content_block_section .calm_container .double_content_block .block {
display: flex;
flex-direction: row;
gap: 20px;
align-items: center;
width: 50%;
}
@media (max-width: 1024px) {
section.double_content_block_section .calm_container .double_content_block .block {
width: unset;
}
section.double_content_block_section .calm_container .double_content_block .block:last-child {
flex-direction: row-reverse;
}
}
@media (max-width: 767px) {
section.double_content_block_section .calm_container .double_content_block .block {
flex-direction: column-reverse;
width: unset;
}
section.double_content_block_section .calm_container .double_content_block .block:last-child {
flex-direction: column-reverse;
}
}
section.double_content_block_section .calm_container .double_content_block .block .text_content {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
gap: 20px;
width: 50%;
}
@media (max-width: 767px) {
section.double_content_block_section .calm_container .double_content_block .block .text_content {
width: 100%;
padding: 0;
}
}
section.double_content_block_section .calm_container .double_content_block .block .text_content .title {
color: black;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -0.72px;
}
@media (max-width: 1024px) {
section.double_content_block_section .calm_container .double_content_block .block .text_content .title {
font-size: 28px;
letter-spacing: -0.56px;
}
}
@media (max-width: 767px) {
section.double_content_block_section .calm_container .double_content_block .block .text_content .title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
section.double_content_block_section .calm_container .double_content_block .block .text_content .content a {
color: #707070;
font-style: normal;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
section.double_content_block_section .calm_container .double_content_block .block .text_content .button a.quiver_button {
width: auto;
}
section.double_content_block_section .calm_container .double_content_block .block .image {
width: 50%;
}
@media (max-width: 767px) {
section.double_content_block_section .calm_container .double_content_block .block .image {
width: 100%;
}
}
section.double_content_block_section .calm_container .double_content_block .block .image img {
width: 100%;
}
section.double_content_block_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.double_content_block_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.double_content_block_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.double_content_block_section.ct-primary .calm_container .double_content_block .block .text_content .title {
color: var(--primary-text-color);
}
section.double_content_block_section.ct-primary .calm_container .double_content_block .block .text_content .content p {
color: var(--primary-text-color);
}
section.double_content_block_section.ct-primary .calm_container .double_content_block .block .text_content .content a {
color: var(--primary-text-color);
}
section.double_content_block_section.ct-primary .calm_container .double_content_block .block .text_content .button a.quiver_button {
background-color: var(--secondary-color);
color: var(--secondary-text-color);
}
section.double_content_block_section.ct-secondary .calm_container .double_content_block .block .text_content .title {
color: var(--secondary-text-color);
}
section.double_content_block_section.ct-secondary .calm_container .double_content_block .block .text_content .content p {
color: var(--secondary-text-color);
}
section.double_content_block_section.ct-secondary .calm_container .double_content_block .block .text_content .content a {
color: var(--secondary-text-color);
}
section.double_content_block_section.ct-secondary .calm_container .double_content_block .block .text_content .button a.quiver_button {
background-color: var(--secondary-color);
color: var(--secondary-text-color);
}
section.double_content_block_section.ct-tertiary .calm_container .double_content_block .block .text_content .title {
color: var(--tertiary-text-color);
}
section.double_content_block_section.ct-tertiary .calm_container .double_content_block .block .text_content .content p {
color: var(--tertiary-text-color);
}
section.double_content_block_section.ct-tertiary .calm_container .double_content_block .block .text_content .content a {
color: var(--tertiary-text-color);
}
section.double_content_block_section.ct-tertiary .calm_container .double_content_block .block .text_content .button a.quiver_button {
background-color: var(--secondary-color);
color: var(--secondary-text-color);
}
section.featured_brands_section {
padding: 35px 0;
}
section.featured_brands_section .calm_container .featured_brands {
display: flex;
flex-direction: column;
gap: 45px;
}
section.featured_brands_section .calm_container .featured_brands div.text_content {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
}
section.featured_brands_section .calm_container .featured_brands div.text_content.title-left {
justify-content: flex-start;
align-items: flex-start;
}
section.featured_brands_section .calm_container .featured_brands div.text_content.title-centre {
justify-content: center;
align-items: center;
}
section.featured_brands_section .calm_container .featured_brands div.text_content.title-right {
justify-content: flex-end;
align-items: flex-end;
}
section.featured_brands_section .calm_container .featured_brands div.text_content p {
color: #707070;
}
section.featured_brands_section .calm_container .featured_brands .brands {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
row-gap: 30px;
-moz-column-gap: 150px;
column-gap: 150px;
}
section.featured_brands_section .calm_container .featured_brands .brands img {
height: 50%;
width: auto;
}
section.featured_brands_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.featured_brands_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.featured_brands_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.featured_brands_section.ct-primary .calm_container .featured_brands div.text_content {
color: var(--primary-text-color);
}
section.featured_brands_section.ct-primary .calm_container .featured_brands div.text_content p {
color: var(--primary-text-color);
}
section.featured_brands_section.ct-secondary .calm_container .featured_brands div.text_content {
color: var(--secondary-text-color);
}
section.featured_brands_section.ct-secondary .calm_container .featured_brands div.text_content p {
color: var(--secondary-text-color);
}
section.featured_brands_section.ct-tertiary .calm_container .featured_brands div.text_content {
color: var(--tertiary-text-color);
}
section.featured_brands_section.ct-tertiary .calm_container .featured_brands div.text_content p {
color: var(--tertiary-text-color);
}
#filter_form h2 {
color: #000;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: none;
}
#filter_form h3 {
color: #000;
font-size: var(--Font-size-text-sm, 14px);
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px);
text-transform: none;
}
#filter_form label {
color: var(--colors-text-text-tertiary-600, #535862);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
gap: 5px;
}
#filter_form input[type=checkbox] {
margin: 0;
flex-shrink: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #ccc;
border-radius: 4px; /* square with rounded corners */
background: white;
cursor: pointer;
transition: all 0.2s;
}
#filter_form input[type=checkbox]:checked {
background: black;
border-color: black;
}
#filter_form input[type=range] {
accent-color: black;
}
#filter_form .filter_item {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 10px;
}
#filter_form .reset {
text-align: right;
}
#filter_form .reset a {
color: #757575;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
#filter_form .range {
margin-top: 10px;
}
section.footer_section {
width: 100%;
background: linear-gradient(0deg, #EEE 0%, #EEE 100%), #F4F4F4;
padding: 80px;
margin: auto auto 0 auto;
}
section.footer_section .footer .footer_links {
display: flex;
flex-direction: row;
gap: 10px;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 1200px) {
section.footer_section .footer .footer_links {
flex-direction: column;
gap: 50px;
}
}
section.footer_section .footer .footer_links .logo {
display: flex;
flex-direction: column;
gap: 30px;
max-width: 20%;
}
@media (max-width: 1200px) {
section.footer_section .footer .footer_links .logo {
width: 100%;
max-width: 100%;
}
}
section.footer_section .footer .footer_links .logo img {
max-width: 170px;
}
section.footer_section .footer .footer_links .logo p {
color: #000;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section.footer_section .footer .footer_links .logo hr {
border: 1px solid black;
}
section.footer_section .footer .footer_links .links {
display: flex;
flex-direction: row;
gap: 100px;
align-items: flex-start;
}
@media (max-width: 991px) {
section.footer_section .footer .footer_links .links {
display: flex;
flex-direction: column;
gap: 24px;
}
}
section.footer_section .footer .footer_links .links .link_column {
display: flex;
flex-direction: column;
gap: 30px;
}
section.footer_section .footer .footer_links .links .link_column .column_header {
color: #000;
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
section.footer_section .footer .footer_links .links .link_column .link_list {
display: flex;
flex-direction: column;
gap: 10px;
}
section.footer_section .footer .footer_links .links .link_column .link_list a {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}
section.footer_section .footer .footer_links .links .link_column .link_list a:hover {
text-decoration: none;
}
section.footer_section .footer .policies p a {
color: var(--tertiary-text-color);
text-decoration: underline;
}
section.footer_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.footer_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.footer_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.footer_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.footer_section.ct-primary .footer_links .logo p {
color: var(--primary-text-color);
}
section.footer_section.ct-primary .footer_links .links .link_column .column_header {
color: var(--primary-text-color);
}
section.footer_section.ct-primary .footer_links .links .link_column .link_list a {
color: var(--primary-text-color);
}
section.footer_section.ct-primary .policies p a, section.footer_section.ct-primary .policies a a {
color: var(--primary-text-color);
}
section.footer_section.ct-primary .policies p, section.footer_section.ct-primary .policies a {
color: var(--primary-text-color);
}
section.footer_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.footer_section.ct-secondary .footer_links .logo p {
color: var(--secondary-text-color);
}
section.footer_section.ct-secondary .footer_links .links .link_column .column_header {
color: var(--secondary-text-color);
}
section.footer_section.ct-secondary .footer_links .links .link_column .link_list a {
color: var(--secondary-text-color);
}
section.footer_section.ct-secondary .policies p a, section.footer_section.ct-secondary .policies a a {
color: var(--secondary-text-color);
}
section.footer_section.ct-secondary .policies p, section.footer_section.ct-secondary .policies a {
color: var(--secondary-text-color);
}
section.footer_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.footer_section.ct-tertiary .footer_links .logo p {
color: var(--tertiary-text-color);
}
section.footer_section.ct-tertiary .footer_links .links .link_column .column_header {
color: var(--tertiary-text-color);
}
section.footer_section.ct-tertiary .footer_links .links .link_column .link_list a {
color: var(--tertiary-text-color);
}
section.footer_section.ct-tertiary .policies p a, section.footer_section.ct-tertiary .policies a a {
color: var(--tertiary-text-color);
}
section.footer_section.ct-tertiary .policies p, section.footer_section.ct-tertiary .policies a {
color: var(--tertiary-text-color);
}
@media (max-width: 991px) {
section.footer_section {
padding: 24px 0;
}
}
#forgot_password {
padding-bottom: 101px;
}
#forgot_password input {
display: flex;
padding: 10px 14px;
align-items: center;
gap: var(--spacing-md, 8px);
align-self: stretch;
border-radius: var(--radius-md, 0);
border: 1px solid var(--Colors-Border-border-primary, #D5D7DA);
background: var(--Colors-Background-bg-primary, #FFF);
/* Shadows/shadow-xs */
box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}
#forgot_password input:focus {
outline: none;
}
#forgot_password button {
display: flex;
height: 40px;
padding: 13px 48px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
background: #000;
border: none;
}
#forgot_password button:hover {
text-decoration: none;
}
#forgot_password p a {
color: #000;
}
section.full_width_image_section {
padding: 20px 0;
}
section.full_width_image_section .full_width_image img {
width: 100%;
}
section.full_width_image_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.full_width_image_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.full_width_image_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.gallery_block_section {
padding: 35px 0;
}
section.gallery_block_section .calm_container .gallery_block {
display: flex;
flex-direction: column;
gap: 35px;
}
section.gallery_block_section .calm_container .gallery_block .text_content {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
}
section.gallery_block_section .calm_container .gallery_block .text_content.title-left {
justify-content: flex-start;
align-items: flex-start;
}
section.gallery_block_section .calm_container .gallery_block .text_content.title-centre {
justify-content: center;
align-items: center;
}
section.gallery_block_section .calm_container .gallery_block .text_content.title-right {
justify-content: flex-end;
align-items: flex-end;
}
section.gallery_block_section .calm_container .gallery_block .gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 767px) {
section.gallery_block_section .calm_container .gallery_block .gallery {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
section.gallery_block_section .calm_container .gallery_block .gallery {
justify-content: center;
gap: 20px;
}
section.gallery_block_section .calm_container .gallery_block .gallery .image {
width: 100%;
}
section.gallery_block_section .calm_container .gallery_block .gallery .image img {
width: 100%;
}
section.image_carousel_section {
height: 600px;
padding: 30px 0;
}
section.image_carousel_section.no-padding {
padding: 0 0 30px 0;
}
@media (max-width: 767px) {
section.image_carousel_section {
height: 350px;
}
}
section.image_carousel_section.height-small {
height: 400px;
}
@media (max-width: 767px) {
section.image_carousel_section.height-small {
height: 250px;
}
}
section.image_carousel_section.height-medium {
height: 600px;
}
@media (max-width: 767px) {
section.image_carousel_section.height-medium {
height: 350px;
}
}
section.image_carousel_section.height-large {
height: 90vh;
}
@media (max-width: 767px) {
section.image_carousel_section.height-large {
height: 50vh;
}
}
.swiper {
width: 100%;
height: 100%;
}
.carousel_item {
text-align: center;
font-size: 18px;
background: #444;
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
background-position: center;
background-size: cover;
padding: 60px;
}
.carousel_item.text-align-left {
align-items: flex-start;
}
.carousel_item.text-align-right {
align-items: flex-end;
}
.carousel_item h1, .carousel_item h2, .carousel_item h3, .carousel_item h4, .carousel_item h5, .carousel_item h6, .carousel_item p, .carousel_item li, .carousel_item a {
color: var(--secondary-text-color);
}
.carousel_item.ct-primary h1, .carousel_item.ct-primary h2, .carousel_item.ct-primary h3, .carousel_item.ct-primary h4, .carousel_item.ct-primary h5, .carousel_item.ct-primary h6, .carousel_item.ct-primary p, .carousel_item.ct-primary li, .carousel_item.ct-primary a {
color: var(--primary-text-color);
}
.carousel_item.ct-secondary h1, .carousel_item.ct-secondary h2, .carousel_item.ct-secondary h3, .carousel_item.ct-secondary h4, .carousel_item.ct-secondary h5, .carousel_item.ct-secondary h6, .carousel_item.ct-secondary p, .carousel_item.ct-secondary li, .carousel_item.ct-secondary a {
color: var(--secondary-text-color);
}
.carousel_item.ct-tertiary h1, .carousel_item.ct-tertiary h2, .carousel_item.ct-tertiary h3, .carousel_item.ct-tertiary h4, .carousel_item.ct-tertiary h5, .carousel_item.ct-tertiary h6, .carousel_item.ct-tertiary p, .carousel_item.ct-tertiary li, .carousel_item.ct-tertiary a {
color: var(--tertiary-text-color);
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#login_forms {
padding: 121px 0;
}
#login_forms .calm_container_small {
display: flex;
flex-direction: row;
gap: 10px;
}
@media (max-width: 767px) {
#login_forms .calm_container_small {
flex-direction: column;
gap: 16px;
}
}
#login_forms .calm_container_small .login_form, #login_forms .calm_container_small .register_form {
width: 50%;
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 767px) {
#login_forms .calm_container_small .login_form, #login_forms .calm_container_small .register_form {
width: 100%;
}
}
#login_forms .calm_container_small .login_form hr, #login_forms .calm_container_small .register_form hr {
margin: 0;
}
#login_forms .calm_container_small .login_form h1, #login_forms .calm_container_small .login_form h2, #login_forms .calm_container_small .register_form h1, #login_forms .calm_container_small .register_form h2 {
color: #000;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#login_forms .calm_container_small .login_form .subtitle, #login_forms .calm_container_small .register_form .subtitle {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 125% */
}
#login_forms .calm_container_small .login_form .help_text, #login_forms .calm_container_small .register_form .help_text {
color: #3B3B3B;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 187.5% */
}
#login_forms .calm_container_small .login_form .help_text a, #login_forms .calm_container_small .register_form .help_text a {
color: #3B3B3B;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 30px;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
#login_forms .calm_container_small .login_form button, #login_forms .calm_container_small .register_form button {
display: flex;
height: 40px;
padding: 13px 48px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
width: 100%;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
background: var(--secondary-color);
border: none;
}
#login_forms .calm_container_small .login_form button:hover, #login_forms .calm_container_small .register_form button:hover {
text-decoration: none;
}
#login_forms .calm_container_small .login_form .fields, #login_forms .calm_container_small .register_form .fields {
display: flex;
flex-direction: column;
gap: 20px;
}
#login_forms .calm_container_small .login_form .fields .errorlist, #login_forms .calm_container_small .register_form .fields .errorlist {
margin: 0;
font-size: 12px;
color: red;
}
#login_forms .calm_container_small .login_form .fields .field, #login_forms .calm_container_small .register_form .fields .field {
display: flex;
flex-direction: column;
gap: 6px;
}
#login_forms .calm_container_small .login_form .fields .field label, #login_forms .calm_container_small .register_form .fields .field label {
color: var(--colors-text-text-secondary-700, #414651);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
#login_forms .calm_container_small .login_form .fields .field input, #login_forms .calm_container_small .register_form .fields .field input {
display: flex;
padding: 10px 14px;
align-items: center;
gap: var(--spacing-md, 8px);
align-self: stretch;
border-radius: var(--radius-md, 0);
border: 1px solid var(--Colors-Border-border-primary, #D5D7DA);
background: var(--Colors-Background-bg-primary, #FFF);
/* Shadows/shadow-xs */
box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}
#login_forms .calm_container_small .login_form .fields .field input:focus, #login_forms .calm_container_small .register_form .fields .field input:focus {
outline: none;
}
@keyframes NavActive {
0% {
top: -141px;
}
100% {
top: 0;
}
}
@keyframes NavDeactive {
0% {
top: 0;
}
100% {
top: -141px;
}
}
section.calm_nav_section {
padding: 0;
background: var(--nav-bg-color);
position: relative;
}
section.calm_nav_section a {
color: var(--nav-text-color);
}
section.calm_nav_section.active {
position: fixed;
top: -141px;
left: 0;
width: 100%;
animation-name: NavActive;
animation-duration: 0.4s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
section.calm_nav_section.deactive {
position: fixed;
top: 0;
animation-name: NavDeactive;
animation-duration: 0.4s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
section.calm_nav_section .calm_container .calm_nav {
padding: 28px 0;
display: flex;
align-items: center;
gap: 30px;
position: relative;
}
section.calm_nav_section .calm_container .calm_nav .calm_pos_left {
order: 0;
}
section.calm_nav_section .calm_container .calm_nav .calm_pos_right {
order: 2;
}
section.calm_nav_section .calm_container .calm_nav .calm_zone_start {
margin-left: auto;
}
section.calm_nav_section .calm_container .calm_nav .calm_pos_center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 1399px) {
section.calm_nav_section .calm_container .calm_nav .logo {
position: static;
transform: none;
order: 0;
margin-left: 0;
margin-right: 0;
}
section.calm_nav_section .calm_container .calm_nav .cart {
position: static;
order: 2;
margin-left: auto;
}
}
section.calm_nav_section .calm_container .calm_nav .logo img {
width: auto;
}
section.calm_nav_section .calm_container .calm_nav .links {
display: flex;
justify-content: center;
gap: 30px;
align-items: center;
}
section.calm_nav_section .calm_container .calm_nav .links > ul {
display: flex;
gap: 30px;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 1399px) {
section.calm_nav_section .calm_container .calm_nav .links {
display: none;
}
}
section.calm_nav_section .calm_container .calm_nav .links a {
color: var(--nav-text-color);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 3px;
}
section.calm_nav_section .calm_container .calm_nav .links a:hover {
text-decoration: none;
}
section.calm_nav_section .calm_container .calm_nav .cart {
display: flex;
justify-content: flex-end;
gap: 19px;
align-items: center;
}
@media (max-width: 1399px) {
section.calm_nav_section .calm_container .calm_nav .cart .account {
display: none;
}
}
section.calm_nav_section .calm_container .calm_nav .cart .mobile_nav_toggle {
display: none;
}
@media (max-width: 1399px) {
section.calm_nav_section .calm_container .calm_nav .cart .mobile_nav_toggle {
display: flex;
color: var(--nav-text-color);
font-size: 32px;
font-style: normal;
font-weight: 100;
line-height: normal;
letter-spacing: 12.8px;
background: none;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
}
}
section.calm_nav_section .calm_container .calm_nav .cart a {
color: var(--nav-text-color);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section.calm_nav_section .calm_container .calm_nav .cart a span {
color: var(--nav-text-color);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 3px;
}
@media (max-width: 1399px) {
section.calm_nav_section .calm_container .calm_nav .cart a span {
display: none;
}
}
section.calm_nav_section .calm_container .calm_nav .cart a:hover {
text-decoration: none;
}
section.calm_nav_section .announcement_bar {
display: flex;
height: 35px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
background: #F4F4F4;
width: 100%;
background-color: var(--secondary-color);
}
section.calm_nav_section .announcement_bar p {
color: var(--secondary-text-color);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0;
}
.nav_dropdown {
position: unset;
}
.nav_dropdown a {
color: var(--nav-text-color);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 3px;
}
.nav_dropdown a:hover {
text-decoration: none;
}
.nav_dropdown .dropdown_container {
position: absolute;
width: 100%;
top: 150px;
left: 0;
z-index: 99;
}
.nav_dropdown .dropdown_container .dropdown_content {
min-height: 240px;
padding: 20px;
background: var(--nav-bg-color);
display: flex;
flex-direction: row;
gap: 150px;
z-index: 99;
list-style: none;
margin: 0;
}
.nav_dropdown .dropdown_container .dropdown_content .dropdown_column {
display: flex;
flex-direction: column;
gap: 30px;
justify-content: space-between;
}
.nav_dropdown .dropdown_container .dropdown_content .dropdown_column .dropdown_column_title {
color: var(--nav-text-color);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: normal;
}
.nav_dropdown .dropdown_container .dropdown_content .dropdown_column .dropdown_links {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
margin: 0;
padding: 0;
}
.nav_dropdown .dropdown_container .dropdown_content .dropdown_column .dropdown_links a {
color: var(--nav-text-color);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: normal;
}
.logo_desktop {
display: inline;
}
.logo_mobile {
display: none;
}
@media (max-width: 1399px) {
.logo_desktop {
display: none;
}
.logo_mobile {
display: inline;
}
}
section.newsletter_signup_section {
padding: 20px 0;
}
section.newsletter_signup_section .calm_container .newsletter_signup {
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
align-items: center;
}
section.newsletter_signup_section .calm_container .newsletter_signup input {
max-width: 450px;
}
section.newsletter_signup_section .calm_container .newsletter_signup button {
color: #707070;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
background: transparent;
border: none;
}
section.newsletter_signup_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.newsletter_signup_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.newsletter_signup_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.newsletter_signup_section.ct-primary .calm_container .newsletter_signup {
color: var(--primary-text-color);
}
section.newsletter_signup_section.ct-primary .calm_container .newsletter_signup label {
color: var(--primary-text-color);
}
section.newsletter_signup_section.ct-primary .calm_container .newsletter_signup input, section.newsletter_signup_section.ct-primary .calm_container .newsletter_signup textarea {
border-color: color-mix(in srgb, var(--primary-text-color), white 33%);
}
section.newsletter_signup_section.ct-primary .calm_container .newsletter_signup button {
color: var(--primary-text-color);
}
section.newsletter_signup_section.ct-secondary .calm_container .newsletter_signup {
color: var(--secondary-text-color);
}
section.newsletter_signup_section.ct-secondary .calm_container .newsletter_signup label {
color: var(--secondary-text-color);
}
section.newsletter_signup_section.ct-secondary .calm_container .newsletter_signup input, section.newsletter_signup_section.ct-secondary .calm_container .newsletter_signup textarea {
border-color: color-mix(in srgb, var(--secondary-text-color), white 33%);
}
section.newsletter_signup_section.ct-secondary .calm_container .newsletter_signup button {
color: var(--secondary-text-color);
}
section.newsletter_signup_section.ct-tertiary .calm_container .newsletter_signup {
color: var(--tertiary-text-color);
}
section.newsletter_signup_section.ct-tertiary .calm_container .newsletter_signup label {
color: var(--tertiary-text-color);
}
section.newsletter_signup_section.ct-tertiary .calm_container .newsletter_signup input, section.newsletter_signup_section.ct-tertiary .calm_container .newsletter_signup textarea {
border-color: color-mix(in srgb, var(--tertiary-text-color), white 33%);
}
section.newsletter_signup_section.ct-tertiary .calm_container .newsletter_signup button {
color: var(--tertiary-text-color);
}
section.newsletter_signup_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.newsletter_signup_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.newsletter_signup_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
.product_card {
display: flex;
flex-direction: column;
gap: 16px;
}
.product_card img {
width: 100%;
}
.product_card:hover {
text-decoration: none;
}
.product_card .product_info {
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 767px) {
.product_card .product_info {
justify-content: space-between;
flex-direction: row;
}
}
.product_card .product_info .product_name {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
@media (max-width: 767px) {
.product_card .product_info .product_name {
font-size: 12px;
}
}
.product_card .product_info .price {
color: #757575;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media (max-width: 767px) {
.product_card .product_info .price {
font-size: 12px;
}
}
#product_detail {
padding: 20px 0;
background: var(--primary-color);
}
#product_detail h1, #product_detail h2, #product_detail h3, #product_detail h4, #product_detail h5, #product_detail p, #product_detail li, #product_detail a {
color: var(--primary-text-color);
}
#product_detail .calm_container .product_detail_layout {
display: flex;
flex-direction: row;
gap: 40px;
align-items: center;
}
#product_detail .calm_container .product_detail_layout.main_image_left {
flex-direction: row-reverse;
}
@media (max-width: 1024px) {
#product_detail .calm_container .product_detail_layout.main_image_left {
flex-direction: column-reverse;
}
}
@media (max-width: 1024px) {
#product_detail .calm_container .product_detail_layout {
flex-direction: column-reverse;
}
}
#product_detail .calm_container .product_detail_layout .product_content {
display: flex;
flex-direction: column;
gap: 20px;
width: 50%;
}
@media (max-width: 1024px) {
#product_detail .calm_container .product_detail_layout .product_content {
width: 100%;
}
}
#product_detail .calm_container .product_detail_layout .product_content .product_info {
display: flex;
flex-direction: column;
gap: 20px;
}
#product_detail .calm_container .product_detail_layout .product_content .product_sku p {
font-size: 12px;
font-weight: 500;
color: var(--primary-text-color);
letter-spacing: 3px;
}
#product_detail .calm_container .product_detail_layout .product_content .product_name {
color: var(--primary-text-color);
font-size: 48px;
font-weight: 400;
text-transform: uppercase;
}
@media (max-width: 1024px) {
#product_detail .calm_container .product_detail_layout .product_content .product_name {
font-size: 24px;
}
}
#product_detail .calm_container .product_detail_layout .product_content .product_content_description {
font-size: 16px;
}
#product_detail .calm_container .product_detail_layout .product_content .product_content_description p, #product_detail .calm_container .product_detail_layout .product_content .product_content_description li, #product_detail .calm_container .product_detail_layout .product_content .product_content_description a, #product_detail .calm_container .product_detail_layout .product_content .product_content_description ul, #product_detail .calm_container .product_detail_layout .product_content .product_content_description ol, #product_detail .calm_container .product_detail_layout .product_content .product_content_description h1, #product_detail .calm_container .product_detail_layout .product_content .product_content_description h2, #product_detail .calm_container .product_detail_layout .product_content .product_content_description h3, #product_detail .calm_container .product_detail_layout .product_content .product_content_description h4, #product_detail .calm_container .product_detail_layout .product_content .product_content_description h5, #product_detail .calm_container .product_detail_layout .product_content .product_content_description h6 {
color: var(--primary-text-color);
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form {
display: flex;
flex-direction: column;
gap: 20px;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .pricing {
display: flex;
flex-direction: column;
gap: 20px;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .pricing .compare_at_price h3 {
color: red;
text-decoration: line-through;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .pricing .compare_at_price .product_compare_at_price {
color: red;
text-decoration: line-through;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_add_to_cart {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
width: -moz-fit-content;
width: fit-content;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_add_to_cart #add_to_cart {
color: var(--primary-text-color);
font-size: 16px;
font-weight: 500;
letter-spacing: 4px;
background-color: transparent;
border: none;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .in_cart p {
color: var(--primary-text-color);
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .in_cart p a {
color: var(--secondary-color);
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_favourite {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
width: -moz-fit-content;
width: fit-content;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_favourite a, #product_detail .calm_container .product_detail_layout .product_content #variation_form .product_favourite input, #product_detail .calm_container .product_detail_layout .product_content #variation_form .product_favourite button {
cursor: pointer;
padding: unset;
background-color: transparent;
border: unset;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 4px;
border: none;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_favourite a:hover, #product_detail .calm_container .product_detail_layout .product_content #variation_form .product_favourite input:hover, #product_detail .calm_container .product_detail_layout .product_content #variation_form .product_favourite button:hover {
text-decoration: none;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .quantity_details .quantity input::-webkit-outer-spin-button,
#product_detail .calm_container .product_detail_layout .product_content #variation_form .quantity_details .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .quantity_details .quantity input[type=number] {
-moz-appearance: textfield;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .quantity_details .quantity .quantity_field {
color: #000;
text-align: center;
border: unset;
width: 90px;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .quantity_details .quantity .minus, #product_detail .calm_container .product_detail_layout .product_content #variation_form .quantity_details .quantity .plus {
color: #000;
cursor: pointer;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .quantity_details .quantity .minus.disabled, #product_detail .calm_container .product_detail_layout .product_content #variation_form .quantity_details .quantity .plus.disabled {
color: #707070;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_dropdown {
display: flex;
width: 221px;
height: 51px;
padding: 13px 10px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #FFF;
border-radius: 0px;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_type {
display: flex;
flex-direction: column;
gap: 10px;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation {
margin-bottom: 1rem;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_item {
position: relative;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch {
display: block;
cursor: pointer;
position: relative;
border-radius: 0px;
overflow: hidden;
width: 51px;
height: 51px;
outline: 1.5px solid transparent;
outline-offset: 2px;
transition: outline-color 0.15s ease, transform 0.12s ease;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch:hover {
outline-color: #999;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch img {
display: block;
width: 51px;
height: 51px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0px;
border: 1px solid rgba(0, 0, 0, 0.08);
pointer-events: none;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch--colour {
border: 1px solid rgba(0, 0, 0, 0.1);
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch--colour .swatch-colour-half {
position: absolute;
top: 0;
height: 100%;
width: 50%;
pointer-events: none;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch--colour .swatch-colour-half--a {
left: 0;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch--colour .swatch-colour-half--b {
right: 0;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch--colour.variation_swatch--single .swatch-colour-half--a {
width: 100%;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch--text {
display: flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 51px;
padding: 0 10px;
background: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 14px;
font-weight: 500;
color: #111;
white-space: nowrap;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch:has(.variation_input:checked) {
outline-color: var(--secondary-color);
outline-width: 2px;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch:has(.variation_input:checked) img {
border-color: transparent;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch--colour:has(.variation_input:checked),
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch--text:has(.variation_input:checked) {
border-color: transparent;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch--text:has(.variation_input:checked) {
background: var(--secondary-color);
color: var(--secondary-text-color);
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch:has(.variation_input:focus-visible) {
outline-color: #0066cc;
outline-width: 2px;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .variation_swatch:has(.variation_input:disabled) {
opacity: 0.4;
cursor: not-allowed;
pointer-events: none;
}
#product_detail .calm_container .product_detail_layout .product_content #variation_form .product_variations .oos-label {
display: block;
font-size: 9px;
color: var(--primary-text-color);
text-align: center;
margin-top: 4px;
}
#product_detail .calm_container .product_detail_layout .product_main_image {
width: 50%;
position: relative;
}
@media (max-width: 1024px) {
#product_detail .calm_container .product_detail_layout .product_main_image {
width: 100%;
}
}
#product_detail .calm_container .product_detail_layout .product_main_image img {
width: 100%;
}
#product_detail .calm_container .product_sub_images {
padding: 20px 0;
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 20px;
}
#product_detail .calm_container .product_sub_images a {
display: block;
aspect-ratio: 3/2;
overflow: hidden;
border-radius: 0px;
}
#product_detail .calm_container .product_sub_images .product_sub_image_img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
#product_detail .calm_container .product_sub_images .product_sub_image_img:hover {
transform: scale(1.03);
}
section {
padding-top: 40px;
}
section.product_feed_section {
padding-bottom: 59px;
}
section.product_feed_section .calm_container .product_feed {
display: flex;
flex-direction: column;
gap: 35px;
}
@media (max-width: 767px) {
section.product_feed_section .calm_container .product_feed {
gap: 9px;
}
}
section.product_feed_section .calm_container .product_feed .text_content {
display: flex;
flex-direction: column;
gap: 10px;
}
section.product_feed_section .calm_container .product_feed .text_content.title-left {
justify-content: flex-start;
align-items: flex-start;
}
section.product_feed_section .calm_container .product_feed .text_content.title-centre {
justify-content: center;
align-items: center;
}
section.product_feed_section .calm_container .product_feed .text_content.title-right {
justify-content: flex-end;
align-items: flex-end;
}
section.product_feed_section .calm_container .product_feed .text_content .title {
color: #000;
font-style: normal;
line-height: normal;
}
section.product_feed_section .calm_container .product_feed .text_content p {
color: #707070;
font-size: 16px;
font-style: normal;
line-height: normal;
}
section.product_feed_section .calm_container .product_feed .products {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 25px;
}
@media (max-width: 991px) {
section.product_feed_section .calm_container .product_feed .products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
section.product_feed_section .calm_container .product_feed .products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
section.product_feed_section .calm_container .product_feed .products .product {
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
}
section.product_feed_section .calm_container .product_feed .products .product img {
width: 100%;
}
section.product_feed_section .calm_container .product_feed .products .product:hover {
text-decoration: none;
}
section.product_feed_section .calm_container .product_feed .products .product .product_info {
display: flex;
flex-direction: column;
gap: 16px;
}
@media (max-width: 767px) {
section.product_feed_section .calm_container .product_feed .products .product .product_info {
justify-content: space-between;
flex-direction: row;
}
}
section.product_feed_section .calm_container .product_feed .products .product .product_info .product_name {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
@media (max-width: 767px) {
section.product_feed_section .calm_container .product_feed .products .product .product_info .product_name {
font-size: 12px;
}
}
section.product_feed_section .calm_container .product_feed .products .product .product_info .price {
color: #757575;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media (max-width: 767px) {
section.product_feed_section .calm_container .product_feed .products .product .product_info .price {
font-size: 12px;
}
}
section.product_feed_section .calm_container .product_feed .products .product .product_info .price .compare_at_price {
color: red;
text-decoration: line-through;
}
@media (max-width: 767px) {
section.product_feed_section {
padding: 16px 0;
}
}
section.product_feed_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.product_feed_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.product_feed_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.product_feed_section.ct-primary .calm_container .product_feed .text_content .title {
color: var(--primary-text-color);
}
section.product_feed_section.ct-primary .calm_container .product_feed .text_content p {
color: var(--primary-text-color);
}
section.product_feed_section.ct-primary .calm_container .product_feed .products .product .product_info .product_name {
color: var(--primary-text-color);
}
section.product_feed_section.ct-primary .calm_container .product_feed .products .product .product_info .price {
color: var(--primary-text-color);
}
section.product_feed_section.ct-secondary .calm_container .product_feed .text_content .title {
color: var(--secondary-text-color);
}
section.product_feed_section.ct-secondary .calm_container .product_feed .text_content p {
color: var(--secondary-text-color);
}
section.product_feed_section.ct-secondary .calm_container .product_feed .products .product .product_info .product_name {
color: var(--secondary-text-color);
}
section.product_feed_section.ct-secondary .calm_container .product_feed .products .product .product_info .price {
color: var(--secondary-text-color);
}
section.product_feed_section.ct-tertiary .calm_container .product_feed .text_content .title {
color: var(--tertiary-text-color);
}
section.product_feed_section.ct-tertiary .calm_container .product_feed .text_content p {
color: var(--tertiary-text-color);
}
section.product_feed_section.ct-tertiary .calm_container .product_feed .products .product .product_info .product_name {
color: var(--tertiary-text-color);
}
section.product_feed_section.ct-tertiary .calm_container .product_feed .products .product .product_info .price {
color: var(--tertiary-text-color);
}
section.product_information_section {
padding: 20px 0;
}
section.product_information_section .product_information {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
align-self: stretch;
}
section.product_information_section .product_information .text_container {
display: flex;
max-width: var(--container-max-width-desktop, 1280px);
padding: 20px var(--container-padding-desktop, 32px);
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-4xl, 32px);
}
section.product_information_section .product_information .text_container .heading_and_support_text {
display: flex;
max-width: var(--width-xl, 768px);
flex-direction: column;
align-items: center;
gap: var(--spacing-2xl, 20px);
align-self: stretch;
}
section.product_information_section .product_information .text_container .heading_and_support_text .title {
align-self: stretch;
color: #000;
text-align: center;
font-family: "Sinhala Sangam MN";
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section.product_information_section .product_information .text_container .heading_and_support_text .subtitle {
align-self: stretch;
color: #000;
text-align: center;
font-family: "Work Sans";
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 3px;
text-transform: uppercase;
}
section.product_information_section .product_information .accordion {
width: 100%;
--bs-accordion-btn-icon-transform: rotate(-90deg);
}
section.product_information_section .product_information .accordion .accordion-item {
border-left-style: none;
border-right-style: none;
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
align-self: stretch;
}
section.product_information_section .product_information .accordion .accordion-item .accordion-header {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
align-self: stretch;
}
section.product_information_section .product_information .accordion .accordion-item .accordion-header .accordion-button {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: var(--spacing-xs, 4px);
flex: 1 0 0;
color: var(--colors-text-text-primary-900, #181D27);
font-family: var(--Font-family-font-family-body, Inter);
font-size: var(--Font-size-text-md, 16px);
font-style: normal;
font-weight: 600;
line-height: var(--Line-height-text-md, 24px);
/* 150% */
justify-content: space-between;
}
section.product_information_section .product_information .accordion .accordion-item .accordion-header .accordion-button .accordion_button {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M8%2012H16M22%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012Z%22%20stroke%3D%22%23A4A7AE%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
width: 24px;
height: 24px;
}
section.product_information_section .product_information .accordion .accordion-item .accordion-header .accordion-button .accordion_button .accordion_button_icon {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20style%3D%22%0A%20%20%20%20transform%3A%20rotate(90deg)%3B%0A%22%3E%0A%20%20%3Cpath%20d%3D%22M8%2012H16M22%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012Z%22%20stroke%3D%22%23A4A7AE%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
width: 24px;
height: 24px;
transition-behavior: normal;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
transition-property: transform;
}
section.product_information_section .product_information .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .accordion_button .accordion_button_icon {
transform: rotate(90deg);
}
section.product_information_section .product_information .accordion .accordion-item .accordion-header .accordion-button::after {
display: none;
}
section.product_information_section .product_information .accordion .accordion-item .accordion-header .accordion-button:focus {
box-shadow: none;
}
section.product_information_section .product_information .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
background-color: transparent;
}
section.product_information_section .product_information .accordion .accordion-item .accordion-header .accordion-collapse .accordion-body {
align-self: stretch;
color: var(--colors-text-text-tertiary-600, #535862);
width: 100%;
/* Text md/Regular */
font-family: var(--Font-family-font-family-body, Inter);
font-size: var(--Font-size-text-md, 16px);
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-md, 24px);
/* 150% */
}
section.product_information_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.product_information_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.product_information_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.product_information_section.ct-primary .calm_container_small .product_information .text_container .heading_and_support_text .title {
color: var(--primary-text-color);
}
section.product_information_section.ct-primary .calm_container_small .product_information .text_container .heading_and_support_text .subtitle {
color: var(--primary-text-color);
}
section.product_information_section.ct-primary .calm_container_small .product_information .accordion .accordion-item .accordion-header .accordion-button {
color: var(--primary-text-color);
}
section.product_information_section.ct-primary .calm_container_small .product_information .accordion .accordion-item .accordion-header .accordion-collapse .accordion-body {
color: var(--primary-text-color);
}
section.product_information_section.ct-secondary .calm_container_small .product_information .text_container .heading_and_support_text .title {
color: var(--secondary-text-color);
}
section.product_information_section.ct-secondary .calm_container_small .product_information .text_container .heading_and_support_text .subtitle {
color: var(--secondary-text-color);
}
section.product_information_section.ct-secondary .calm_container_small .product_information .accordion .accordion-item .accordion-header .accordion-button {
color: var(--secondary-text-color);
}
section.product_information_section.ct-secondary .calm_container_small .product_information .accordion .accordion-item .accordion-header .accordion-collapse .accordion-body {
color: var(--secondary-text-color);
}
section.product_information_section.ct-tertiary .calm_container_small .product_information .text_container .heading_and_support_text .title {
color: var(--tertiary-text-color);
}
section.product_information_section.ct-tertiary .calm_container_small .product_information .text_container .heading_and_support_text .subtitle {
color: var(--tertiary-text-color);
}
section.product_information_section.ct-tertiary .calm_container_small .product_information .accordion .accordion-item .accordion-header .accordion-button {
color: var(--tertiary-text-color);
}
section.product_information_section.ct-tertiary .calm_container_small .product_information .accordion .accordion-item .accordion-header .accordion-collapse .accordion-body {
color: var(--tertiary-text-color);
}
.flex {
display: flex;
}
.flex-direction-row {
flex-direction: row;
}
.justify-space-between {
justify-content: space-between;
}
.uppercase-text {
text-transform: uppercase;
}
.sort_by_trigger_holder select {
display: flex;
width: 203px;
padding: 8px 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: -moz-fit-content;
width: fit-content;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #FFF;
/*
Source - https://stackoverflow.com/a
Posted by BoltClock, modified by community. See post 'Timeline' for change history
Retrieved 2026-01-25, License - CC BY-SA 4.0
*/
}
.sort_by_trigger_holder select input {
border-radius: 0;
}
.sort_by_trigger_holder select input {
-webkit-appearance: none;
}
.sort_by_trigger_holder select:focus {
outline: none;
}
@media (max-width: 767px) {
.sort_by_trigger_holder select {
width: 100%;
}
}
.filter_trigger button {
display: flex;
width: 203px;
height: 40px;
padding: 13px 57px;
gap: 7px;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #FFF;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
.filter_trigger button {
width: 100%;
justify-content: flex-start;
padding: 13px 10px;
}
}
.pagination .middle {
display: flex;
flex-direction: row;
}
.pagination li {
padding-left: 16px;
padding-right: 16px;
border-right: 1px solid black;
}
.pagination li .number:first-child {
padding-left: unset;
}
.pagination li .number:last-child {
padding-right: unset;
border-right: unset;
}
.pagination li:last-child {
padding-right: unset;
border-right: unset;
}
section.filters_section {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
padding: 10px 10px 10px 0;
gap: 20px;
background: #F4F4F4;
}
section.filters_section .calm_container .filters {
width: 100%;
display: flex;
flex-direction: row;
margin-right: 20px;
}
section.filters_section .calm_container .filters .filter_by {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
@media (max-width: 767px) {
section.filters_section .calm_container .filters .filter_by {
flex-direction: column;
gap: 20px;
}
}
section.filters_section .calm_container .filters .filter_by .filter_trigger {
display: flex;
flex-direction: row;
gap: 20px;
}
@media (max-width: 767px) {
section.filters_section .calm_container .filters .filter_by .filter_trigger {
flex-direction: column-reverse;
gap: 20px;
}
}
section.filters_section .calm_container .filters .filter_by .filter_trigger .showing_holder {
display: flex;
flex-direction: column;
}
section.product_listing .title h2 {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
section.product_listing hr {
border-color: #707070;
}
section.product_listing .category_product {
padding-top: 20px;
}
section.product_listing .category_product .product_title {
color: #000;
font-size: 20px;
margin-top: 16px;
}
section.product_listing .category_product .product_title a {
color: inherit;
font-size: inherit;
}
section.product_listing .category_product .product_price {
margin-top: 16px;
}
section.product_listing .category_product .product_stock {
margin-top: 16px;
}
section.product_listing .category_product .product_image a picture img {
width: 100%;
aspect-ratio: 1;
}
.pagination_page_numbers {
display: flex;
flex-direction: row;
}
.pagination_page_numbers.current {
background-color: red;
}
.pagination_page_numbers .pagination_page_number {
color: #000;
font-size: 12px;
list-style-type: none;
margin-top: auto;
}
.pagination_page_numbers .pagination_page_number:last-child {
margin-right: 16px;
}
.pagination_page_numbers .pagination_page_number a {
font-size: inherit;
color: inherit;
}
.pagination_page_numbers .pagination_page_number a i {
font-size: inherit;
color: inherit;
}
.pagination_page_numbers .pagination_page_number.active {
font-weight: bold;
font-size: 13px;
}
.pagination_next_available, .pagination_previous_available {
color: #000;
font-size: 12px;
}
.pagination_next_available.disabled, .pagination_previous_available.disabled {
color: lightgray;
}
section.product_promotions {
margin-top: 20px;
width: 100%;
}
section.page_heading_section {
color: #FFF;
height: auto;
background-color: red;
}
section.page_heading_section .calm_container .page_banner {
font-optical-sizing: auto;
font-style: normal;
height: auto;
min-height: 400px;
padding: 55px 258px 111px 20px;
position: relative;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
display: flex;
height: 400px;
color: inherit;
}
section.page_heading_section .calm_container .page_banner h1 {
color: inherit;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 3px;
}
section.page_heading_section .calm_container .page_banner .banner_subname {
margin-top: 46px;
color: #FFF;
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
section.page_heading_section .calm_container .page_banner .banner_into {
margin-top: 46px;
color: inherit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section.page_heading_section .calm_container .page_banner .banner_cta {
margin-top: 20px;
}
section.page_heading_section .calm_container .page_banner .banner_cta a {
color: inherit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
/* Section has classes that dont match html, very confusing */
section.promotions_section {
padding: 20px 0;
}
section.promotions_section .simple_cards_list {
--cols: 4;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
@media (max-width: 767px) {
section.promotions_section .simple_cards_list {
--cols: 1;
}
}
section.promotions_section .simple_cards_list .simple_card {
flex: 1 1 calc((100% - (var(--cols) - 1) * 20px) / var(--cols));
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 20px;
display: flex;
flex-direction: column;
}
section.promotions_section .simple_cards_list .simple_card .simple_card_top {
margin-bottom: 10px;
display: flex;
flex-direction: row;
}
section.promotions_section .simple_cards_list .simple_card .simple_card_top .simple_card_logo {
font-size: 24px;
margin-right: 10px;
width: auto;
display: flex;
}
section.promotions_section .simple_cards_list .simple_card .simple_card_top .simple_card_logo i {
margin-top: auto;
margin-bottom: auto;
}
section.promotions_section .simple_cards_list .simple_card .simple_card_top .simple_card_text {
font-size: 24px;
width: calc(100% - 10px);
word-break: break-word;
}
section.promotions_section .simple_cards_list .simple_card .simple_card_content {
font-size: 16px;
}
section.promotions_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.promotions_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.promotions_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.promotions_section.ct-primary .simple_cards_list .simple_card {
border: 1px solid var(--primary-text-color);
}
section.promotions_section.ct-primary .simple_cards_list .simple_card .simple_card_top {
color: var(--primary-text-color);
}
section.promotions_section.ct-primary .simple_cards_list .simple_card .simple_card_content {
color: var(--primary-text-color);
}
section.promotions_section.ct-secondary .simple_cards_list .simple_card {
border: 1px solid var(--secondary-text-color);
}
section.promotions_section.ct-secondary .simple_cards_list .simple_card .simple_card_top {
color: var(--secondary-text-color);
}
section.promotions_section.ct-secondary .simple_cards_list .simple_card .simple_card_content {
color: var(--secondary-text-color);
}
section.promotions_section.ct-tertiary .simple_cards_list .simple_card {
border: 1px solid var(--secondary-text-color);
}
section.promotions_section.ct-tertiary .simple_cards_list .simple_card .simple_card_top {
color: var(--tertiary-text-color);
}
section.promotions_section.ct-tertiary .simple_cards_list .simple_card .simple_card_content {
color: var(--tertiary-text-color);
}
section.rich_text_section {
padding: 20px;
color: #000;
}
section.rich_text_section h1 {
color: #000;
}
section.rich_text_section .text_content a {
color: #707070;
font-style: normal;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
section.rich_text_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.rich_text_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.rich_text_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.rich_text_section.ct-primary {
color: var(--primary-text-color);
}
section.rich_text_section.ct-primary h1 {
color: var(--primary-text-color);
}
section.rich_text_section.ct-primary .text_content a {
color: var(--primary-text-color);
}
section.rich_text_section.ct-secondary {
color: var(--secondary-text-color);
}
section.rich_text_section.ct-secondary h1 {
color: var(--secondary-text-color);
}
section.rich_text_section.ct-secondary .text_content a {
color: var(--secondary-text-color);
}
section.rich_text_section.ct-tertiary {
color: var(--tertiary-text-color);
}
section.rich_text_section.ct-tertiary h1 {
color: var(--tertiary-text-color);
}
section.rich_text_section.ct-tertiary a {
color: var(--tertiary-text-color);
}
section.rich_text_section.ct-tertiary .text_content a {
color: var(--secondary-text-color);
}
.page_heading_section #search_form {
display: flex;
flex-direction: column;
gap: 20px;
align-items: flex-start;
}
.page_heading_section #search_form #search_field {
display: flex;
padding: 10px 14px;
align-items: center;
gap: var(--spacing-md, 8px);
align-self: stretch;
border-radius: var(--radius-md, 0);
border: 1px solid var(--Colors-Border-border-primary, #D5D7DA);
background: var(--Colors-Background-bg-primary, #FFF);
/* Shadows/shadow-xs */
box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
width: 300px;
}
.page_heading_section #search_form button, .page_heading_section #search_form i {
color: #000;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 3px;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
border: none;
background: transparent;
}
.product_feed_tags {
width: -moz-fit-content;
width: fit-content;
position: absolute;
left: 15px;
top: 15px;
}
.product_feed_tags .tag {
padding: 4px;
width: -moz-fit-content;
width: fit-content;
}
.product_feed_tags .tag.bg-black {
background-color: black;
}
.product_feed_tags .tag.txt-black {
color: black;
}
.product_feed_tags .tag.bg-white {
background-color: white;
}
.product_feed_tags .tag.txt-white {
color: white;
}
.product_feed_tags .tag.bg-red {
background-color: red;
}
.product_feed_tags .tag.txt-red {
color: red;
}
.product_feed_tags .tag.bg-blue {
background-color: blue;
}
.product_feed_tags .tag.txt-blue {
color: blue;
}
.product_feed_tags .tag.bg-green {
background-color: green;
}
.product_feed_tags .tag.txt-green {
color: green;
}
.product_feed_tags .tag.bg-purple {
background-color: pink;
}
.product_feed_tags .tag.txt-purple {
color: purple;
}
section.testimonials_section {
padding: 20px 0;
}
section.testimonials_section .calm_container .testimonials {
display: flex;
flex-direction: column;
gap: 35px;
}
section.testimonials_section .calm_container .testimonials .text_content {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
}
section.testimonials_section .calm_container .testimonials .text_content.title-left {
justify-content: flex-start;
align-items: flex-start;
}
section.testimonials_section .calm_container .testimonials .text_content.title-centre {
justify-content: center;
align-items: center;
}
section.testimonials_section .calm_container .testimonials .text_content.title-right {
justify-content: flex-end;
align-items: flex-end;
}
section.testimonials_section .calm_container .testimonials .listing {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
justify-content: center;
gap: 25px;
align-items: center;
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card {
min-height: 240px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
background: #EEE;
height: 100%;
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card .name {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card .content {
color: #757575;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card .stars {
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card .stars i {
color: #FAC12E;
}
section.testimonials_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.testimonials_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.testimonials_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.testimonials_section.ct-primary .calm_container .testimonials .text_content {
color: var(--primary-text-color);
}
section.testimonials_section.ct-secondary .calm_container .testimonials .text_content {
color: var(--secondary-text-color);
}
section.testimonials_section.ct-tertiary .calm_container .testimonials .text_content {
color: var(--tertiary-text-color);
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card.ct-primary {
background-color: var(--primary-color);
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card.ct-primary .name {
color: var(--primary-text-color);
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card.ct-primary .content {
color: var(--primary-text-color);
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card.ct-secondary {
background-color: var(--secondary-color);
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card.ct-secondary .name {
color: var(--secondary-text-color);
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card.ct-secondary .content {
color: var(--secondary-text-color);
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card.ct-tertiary {
background-color: var(--tertiary-color);
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card.ct-tertiary .name {
color: var(--tertiary-text-color);
}
section.testimonials_section .calm_container .testimonials .listing .testimonial_card.ct-tertiary .content {
color: var(--tertiary-text-color);
}
section.text_banner_full_image_section {
padding: 20px 0 40px 0;
}
section.text_banner_full_image_section.no-padding {
padding: 0 0 40px 0;
}
section.text_banner_full_image_section.height-small {
min-height: 400px;
}
@media (max-width: 767px) {
section.text_banner_full_image_section.height-small {
min-height: 250px;
}
}
section.text_banner_full_image_section.height-small .calm_container,
section.text_banner_full_image_section.height-small .text_banner_full_image {
height: auto;
min-height: inherit;
}
section.text_banner_full_image_section.height-small .text_banner_full_image {
aspect-ratio: auto;
}
section.text_banner_full_image_section.height-medium {
min-height: 600px;
}
@media (max-width: 767px) {
section.text_banner_full_image_section.height-medium {
min-height: 350px;
}
}
section.text_banner_full_image_section.height-medium .calm_container,
section.text_banner_full_image_section.height-medium .text_banner_full_image {
height: auto;
min-height: inherit;
}
section.text_banner_full_image_section.height-medium .text_banner_full_image {
aspect-ratio: auto;
}
section.text_banner_full_image_section.height-large {
height: 90vh;
}
@media (max-width: 767px) {
section.text_banner_full_image_section.height-large {
height: 70vh;
}
}
section.text_banner_full_image_section .calm_container {
height: 100%;
}
section.text_banner_full_image_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.text_banner_full_image_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.text_banner_full_image_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.text_banner_full_image_section .text_banner_full_image {
position: relative;
display: flex;
flex-direction: row;
width: 100%;
aspect-ratio: 1880/710;
gap: 16px;
height: 100%;
}
section.text_banner_full_image_section .text_banner_full_image.left {
justify-content: flex-start;
}
section.text_banner_full_image_section .text_banner_full_image.left .text_content {
align-items: flex-start;
}
section.text_banner_full_image_section .text_banner_full_image.left .text_content h1, section.text_banner_full_image_section .text_banner_full_image.left .text_content h2, section.text_banner_full_image_section .text_banner_full_image.left .text_content h3, section.text_banner_full_image_section .text_banner_full_image.left .text_content h4, section.text_banner_full_image_section .text_banner_full_image.left .text_content h5, section.text_banner_full_image_section .text_banner_full_image.left .text_content h6, section.text_banner_full_image_section .text_banner_full_image.left .text_content p, section.text_banner_full_image_section .text_banner_full_image.left .text_content a, section.text_banner_full_image_section .text_banner_full_image.left .text_content li {
text-align: left;
}
section.text_banner_full_image_section .text_banner_full_image.left .text_content a {
align-self: flex-start;
}
section.text_banner_full_image_section .text_banner_full_image.center {
justify-content: center;
}
section.text_banner_full_image_section .text_banner_full_image.center .text_content {
align-items: center;
}
section.text_banner_full_image_section .text_banner_full_image.center .text_content h1, section.text_banner_full_image_section .text_banner_full_image.center .text_content h2, section.text_banner_full_image_section .text_banner_full_image.center .text_content h3, section.text_banner_full_image_section .text_banner_full_image.center .text_content h4, section.text_banner_full_image_section .text_banner_full_image.center .text_content h5, section.text_banner_full_image_section .text_banner_full_image.center .text_content h6, section.text_banner_full_image_section .text_banner_full_image.center .text_content p, section.text_banner_full_image_section .text_banner_full_image.center .text_content a, section.text_banner_full_image_section .text_banner_full_image.center .text_content li {
text-align: center;
}
section.text_banner_full_image_section .text_banner_full_image.center .text_content a {
align-self: center;
}
section.text_banner_full_image_section .text_banner_full_image.right {
justify-content: flex-end;
}
section.text_banner_full_image_section .text_banner_full_image.right .text_content {
align-items: flex-end;
}
section.text_banner_full_image_section .text_banner_full_image.right .text_content h1, section.text_banner_full_image_section .text_banner_full_image.right .text_content h2, section.text_banner_full_image_section .text_banner_full_image.right .text_content h3, section.text_banner_full_image_section .text_banner_full_image.right .text_content h4, section.text_banner_full_image_section .text_banner_full_image.right .text_content h5, section.text_banner_full_image_section .text_banner_full_image.right .text_content h6, section.text_banner_full_image_section .text_banner_full_image.right .text_content p, section.text_banner_full_image_section .text_banner_full_image.right .text_content a, section.text_banner_full_image_section .text_banner_full_image.right .text_content li {
text-align: right;
}
section.text_banner_full_image_section .text_banner_full_image.right .text_content a {
align-self: flex-end;
}
section.text_banner_full_image_section .text_banner_full_image .full_image {
position: absolute;
z-index: 0;
display: block;
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
section.text_banner_full_image_section .text_banner_full_image.L {
flex-direction: row-reverse;
}
section.text_banner_full_image_section .text_banner_full_image .text_content {
display: flex;
padding: 20px;
flex-direction: column;
justify-content: center;
gap: 20px;
flex-shrink: 0;
align-self: stretch;
width: calc(75% - 8px);
z-index: 2;
}
@media (max-width: 767px) {
section.text_banner_full_image_section .text_banner_full_image .text_content {
width: 100%;
}
}
section.text_banner_full_image_section .text_banner_full_image .text_content .title {
color: #FFFFFF;
}
section.text_banner_full_image_section .text_banner_full_image .text_content p {
color: #FFFFFF;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section.text_banner_full_image_section .text_banner_full_image .text_content a {
color: #FFFFFF;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
section.text_banner_full_image_section .text_banner_full_image .text_content a.quiver_button {
width: -moz-fit-content;
width: fit-content;
text-decoration: none;
}
@media (max-width: 767px) {
section.text_banner_full_image_section .calm_container .text_banner_full_image {
flex-direction: column;
aspect-ratio: auto;
}
section.text_banner_full_image_section .calm_container .text_banner_full_image .full_image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
section.text_banner_full_image_section .calm_container .text_banner_full_image .text_content {
width: 100%;
padding: 40px 20px;
justify-content: center;
}
}
section.text_banner_image_section {
padding: 20px 0;
}
section.text_banner_image_section .calm_container .text_banner_image {
display: flex;
flex-direction: row;
gap: 16px;
}
section.text_banner_image_section .calm_container .text_banner_image.L {
flex-direction: row-reverse;
}
@media (max-width: 767px) {
section.text_banner_image_section .calm_container .text_banner_image.L {
flex-direction: column-reverse;
}
}
@media (max-width: 767px) {
section.text_banner_image_section .calm_container .text_banner_image {
flex-direction: column-reverse;
}
}
section.text_banner_image_section .calm_container .text_banner_image .text_content {
display: flex;
padding: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 20px;
flex-shrink: 0;
align-self: stretch;
width: calc(50% - 8px);
}
section.text_banner_image_section .calm_container .text_banner_image .text_content.middle {
justify-content: center;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content.top {
justify-content: flex-start;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content.bottom {
justify-content: flex-end;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content.left h1, section.text_banner_image_section .calm_container .text_banner_image .text_content.left h2, section.text_banner_image_section .calm_container .text_banner_image .text_content.left h3, section.text_banner_image_section .calm_container .text_banner_image .text_content.left h4, section.text_banner_image_section .calm_container .text_banner_image .text_content.left h5, section.text_banner_image_section .calm_container .text_banner_image .text_content.left h6, section.text_banner_image_section .calm_container .text_banner_image .text_content.left p, section.text_banner_image_section .calm_container .text_banner_image .text_content.left a, section.text_banner_image_section .calm_container .text_banner_image .text_content.left ul, section.text_banner_image_section .calm_container .text_banner_image .text_content.left ol, section.text_banner_image_section .calm_container .text_banner_image .text_content.left li {
align-self: start;
text-align: left;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content.left {
text-align: left;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content.right h1, section.text_banner_image_section .calm_container .text_banner_image .text_content.right h2, section.text_banner_image_section .calm_container .text_banner_image .text_content.right h3, section.text_banner_image_section .calm_container .text_banner_image .text_content.right h4, section.text_banner_image_section .calm_container .text_banner_image .text_content.right h5, section.text_banner_image_section .calm_container .text_banner_image .text_content.right h6, section.text_banner_image_section .calm_container .text_banner_image .text_content.right p, section.text_banner_image_section .calm_container .text_banner_image .text_content.right a, section.text_banner_image_section .calm_container .text_banner_image .text_content.right ul, section.text_banner_image_section .calm_container .text_banner_image .text_content.right ol, section.text_banner_image_section .calm_container .text_banner_image .text_content.right li {
align-self: end;
text-align: right;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content.right {
text-align: right;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content.center h1, section.text_banner_image_section .calm_container .text_banner_image .text_content.center h2, section.text_banner_image_section .calm_container .text_banner_image .text_content.center h3, section.text_banner_image_section .calm_container .text_banner_image .text_content.center h4, section.text_banner_image_section .calm_container .text_banner_image .text_content.center h5, section.text_banner_image_section .calm_container .text_banner_image .text_content.center h6, section.text_banner_image_section .calm_container .text_banner_image .text_content.center p, section.text_banner_image_section .calm_container .text_banner_image .text_content.center a, section.text_banner_image_section .calm_container .text_banner_image .text_content.center ul, section.text_banner_image_section .calm_container .text_banner_image .text_content.center ol, section.text_banner_image_section .calm_container .text_banner_image .text_content.center li {
text-align: center;
align-self: center;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content.center {
text-align: center;
}
@media (max-width: 767px) {
section.text_banner_image_section .calm_container .text_banner_image .text_content {
width: 100%;
padding: 0;
justify-content: center;
}
}
section.text_banner_image_section .calm_container .text_banner_image .text_content .title {
color: #000;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content p {
color: #707070;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content a {
color: #707070;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
section.text_banner_image_section .calm_container .text_banner_image .text_content a.quiver_button {
width: -moz-fit-content;
width: fit-content;
text-decoration: none;
color: var(--secondary-text-color);
}
section.text_banner_image_section .calm_container .text_banner_image .image {
width: calc(50% - 8px);
align-self: center;
}
@media (max-width: 767px) {
section.text_banner_image_section .calm_container .text_banner_image .image {
width: 100%;
}
}
section.text_banner_image_section .calm_container .text_banner_image .image img {
width: 100%;
}
section.text_banner_image_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.text_banner_image_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.text_banner_image_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content.secondary_colour {
background-color: var(--primary-color);
}
section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content.secondary_colour h1, section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content.secondary_colour h2, section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content.secondary_colour h3, section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content.secondary_colour h4, section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content.secondary_colour h5, section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content.secondary_colour h6, section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content.secondary_colour p, section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content.secondary_colour li, section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content.secondary_colour a {
color: var(--primary-text-color);
}
section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content .title {
color: var(--primary-text-color);
}
section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content p {
color: var(--primary-text-color);
}
section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content li {
color: var(--primary-text-color);
}
section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content a {
color: var(--primary-text-color);
}
section.text_banner_image_section.ct-primary .calm_container .text_banner_image .text_content a.quiver_button {
color: var(--secondary-text-color);
}
section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content.secondary_colour {
background-color: var(--secondary-color);
}
section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content.secondary_colour h1, section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content.secondary_colour h2, section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content.secondary_colour h3, section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content.secondary_colour h4, section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content.secondary_colour h5, section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content.secondary_colour h6, section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content.secondary_colour p, section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content.secondary_colour li, section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content.secondary_colour a {
color: var(--secondary-text-color);
}
section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content .title {
color: var(--secondary-text-color);
}
section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content p {
color: var(--secondary-text-color);
}
section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content li {
color: var(--secondary-text-color);
}
section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content a {
color: var(--secondary-text-color);
}
section.text_banner_image_section.ct-secondary .calm_container .text_banner_image .text_content a.quiver_button {
color: var(--secondary-text-color);
}
section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content.secondary_colour {
background-color: var(--tertiary-color);
}
section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content.secondary_colour h1, section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content.secondary_colour h2, section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content.secondary_colour h3, section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content.secondary_colour h4, section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content.secondary_colour h5, section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content.secondary_colour h6, section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content.secondary_colour p, section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content.secondary_colour li, section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content.secondary_colour a {
color: var(--tertiary-text-color);
}
section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content .title {
color: var(--tertiary-text-color);
}
section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content p {
color: var(--tertiary-text-color);
}
section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content li {
color: var(--tertiary-text-color);
}
section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content a {
color: var(--tertiary-text-color);
}
section.text_banner_image_section.ct-tertiary .calm_container .text_banner_image .text_content a.quiver_button {
color: var(--secondary-text-color);
}
section.three_column_hero_section {
padding: 20px 0 60px;
}
section.three_column_hero_section .calm_container .three_column_hero {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 20px;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol1 {
display: flex;
flex-direction: column;
gap: 20px;
grid-column: span 5;
}
@media (max-width: 1024px) {
section.three_column_hero_section .calm_container .three_column_hero .gridcol1 {
display: flex;
flex-direction: column;
justify-content: space-between;
grid-column: span 12;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol1 .desktop_image {
display: none;
}
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol1 img {
max-height: 608px;
width: 100%;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol1 .mobile_images {
display: none;
}
@media (max-width: 1024px) {
section.three_column_hero_section .calm_container .three_column_hero .gridcol1 .mobile_images {
display: flex;
flex-direction: row;
gap: 16px;
}
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol1 .text_content {
display: flex;
padding: 36px 16px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
flex-shrink: 0;
}
@media (max-width: 1024px) {
section.three_column_hero_section .calm_container .three_column_hero .gridcol1 .text_content {
flex-wrap: wrap;
flex-shrink: 1;
padding: 16px 0;
}
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol1 .text_content .title {
color: #000;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol1 .text_content a {
color: #707070;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol2 {
grid-column: span 4;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol2 img {
width: 100%;
height: 100%;
}
@media (max-width: 1024px) {
section.three_column_hero_section .calm_container .three_column_hero .gridcol2 {
display: none;
}
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol3 {
grid-column: span 3;
display: flex;
flex-direction: column;
gap: 20px;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol3 img {
width: 100%;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol3 .mobile_images {
display: none;
}
@media (max-width: 1024px) {
section.three_column_hero_section .calm_container .three_column_hero .gridcol3 {
grid-column: span 12;
gap: 16px;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol3 .desktop_image {
display: none;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol3 .mobile_images {
display: flex;
}
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol3 .sub_text_content {
border-top: 1px solid rgba(101, 101, 101, 0.4);
border-bottom: 1px solid rgba(101, 101, 101, 0.4);
display: flex;
width: 100%;
height: 208px;
padding: 36px 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 20px;
flex-shrink: 0;
margin-top: 16px;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol3 .sub_text_content .title {
color: #000;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol3 .sub_text_content .subtitle {
color: #707070;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
section.three_column_hero_section .calm_container .three_column_hero .gridcol3 .sub_text_content a {
color: #707070;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
section.three_column_hero_section.ct-primary {
background-color: var(--primary-color);
background-image: none;
}
section.three_column_hero_section.ct-secondary {
background-color: var(--secondary-color);
background-image: none;
}
section.three_column_hero_section.ct-tertiary {
background-color: var(--tertiary-color);
background-image: none;
}
section.three_column_hero_section.ct-primary .calm_container .three_column_hero .gridcol1 .text_content .title {
color: var(--primary-text-color);
}
section.three_column_hero_section.ct-primary .calm_container .three_column_hero .gridcol1 .text_content .subtitle {
color: var(--primary-text-color);
}
section.three_column_hero_section.ct-primary .calm_container .three_column_hero .gridcol1 .text_content a {
color: var(--primary-text-color);
}
section.three_column_hero_section.ct-primary .calm_container .three_column_hero .gridcol3 .sub_text_content .title {
color: var(--primary-text-color);
}
section.three_column_hero_section.ct-primary .calm_container .three_column_hero .gridcol3 .sub_text_content .subtitle {
color: var(--primary-text-color);
}
section.three_column_hero_section.ct-primary .calm_container .three_column_hero .gridcol3 .sub_text_content a {
color: var(--primary-text-color);
}
section.three_column_hero_section.ct-secondary .calm_container .three_column_hero .gridcol1 .text_content .title {
color: var(--secondary-text-color);
}
section.three_column_hero_section.ct-secondary .calm_container .three_column_hero .gridcol1 .text_content .subtitle {
color: var(--secondary-text-color);
}
section.three_column_hero_section.ct-secondary .calm_container .three_column_hero .gridcol1 .text_content a {
color: var(--secondary-text-color);
}
section.three_column_hero_section.ct-secondary .calm_container .three_column_hero .gridcol3 .sub_text_content .title {
color: var(--secondary-text-color);
}
section.three_column_hero_section.ct-secondary .calm_container .three_column_hero .gridcol3 .sub_text_content .subtitle {
color: var(--secondary-text-color);
}
section.three_column_hero_section.ct-secondary .calm_container .three_column_hero .gridcol3 .sub_text_content a {
color: var(--secondary-text-color);
}
section.three_column_hero_section.ct-tertiary .calm_container .three_column_hero .gridcol1 .text_content .title {
color: var(--tertiary-text-color);
}
section.three_column_hero_section.ct-tertiary .calm_container .three_column_hero .gridcol1 .text_content .subtitle {
color: var(--tertiary-text-color);
}
section.three_column_hero_section.ct-tertiary .calm_container .three_column_hero .gridcol1 .text_content a {
color: var(--tertiary-text-color);
}
section.three_column_hero_section.ct-tertiary .calm_container .three_column_hero .gridcol3 .sub_text_content .title {
color: var(--tertiary-text-color);
}
section.three_column_hero_section.ct-tertiary .calm_container .three_column_hero .gridcol3 .sub_text_content .subtitle {
color: var(--tertiary-text-color);
}
section.three_column_hero_section.ct-tertiary .calm_container .three_column_hero .gridcol3 .sub_text_content a {
color: var(--tertiary-text-color);
}
html {
height: 100%;
}
.accent_background {
background: #F4F4F4;
}
.calm_container {
padding: 0 20px;
width: 100%;
}
@media (max-width: 767px) {
.calm_container {
padding: 0 16px;
}
}
.calm_container_small {
max-width: 890px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1024px) {
.calm_container_small {
padding: 0 16px;
}
}
.quiver_field {
display: flex;
flex-direction: column;
gap: 6px;
}
.quiver_field .errorlist {
margin: 0;
font-size: 12px;
color: red;
}
.quiver_field label {
color: var(--colors-text-text-secondary-700, #414651);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: var(--Line-height-text-sm, 20px); /* 166.667% */
}
.quiver_field input, .quiver_field select, .quiver_field textarea {
display: flex;
padding: 10px 14px;
align-items: center;
gap: var(--spacing-md, 8px);
align-self: stretch;
border-radius: var(--radius-md, 0);
border: 1px solid var(--Colors-Border-border-primary, #D5D7DA);
background: var(--Colors-Background-bg-primary, #FFF);
/* Shadows/shadow-xs */
box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}
.quiver_field input:focus, .quiver_field select:focus, .quiver_field textarea:focus {
outline: none;
}
.quiver_button {
display: flex;
height: 40px;
padding: 13px 48px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
width: 100%;
color: #FFF;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
background: var(--secondary-color);
text-decoration: none;
border: none;
}
.quiver_button.fit-content {
width: -moz-fit-content;
width: fit-content;
}
.quiver_button:hover {
text-decoration: none;
color: white;
}
/*# sourceMappingURL=quiver.min.css.map*/