/*
Theme Name: grüum
Description: Main Theme for grüum based on the Subscription Group theme
Author: Subscription Group
Theme URI: http://www.subscriptiongroup.co.uk
Version: 6.16.19
License: Proprietary Licence
Text Domain: Gruum
*/

/**
* Standard elements
*/
html {
   margin-top: 0px !important;
}

body.admin-bar {
   padding-top: 32px !important;
}

@media screen and (max-width: 782px) {
   body.admin-bar {
      padding-top: 46px !important;
   }
}

.wp-site-blocks {
	overflow-x: hidden;
}

img {
   display: inline;
   height: auto;
}

.wp-block-image img {
    display: block;
    width: 100%;
}

table {
	border-spacing: 0;
	width: 100%;
	margin: 0 0 1.41575em;
	border-collapse: separate
}

table caption {
	padding: 1em 0;
	font-weight: 600
}

table td,
table th {
	padding: 1em 1.41575em;
	text-align: left;
	vertical-align: top
}

table td p:last-child,
table th p:last-child {
	margin-bottom: 0
}

table th {
	font-weight: 600
}

table thead th {
	padding: 1.41575em;
	vertical-align: middle
}

table tbody h2 {
	font-size: 1em;
	letter-spacing: normal;
	font-weight: 400
}

table tbody h2 a {
	font-weight: 400
}

table:not( .has-background) th {
	background-color: #f8f8f8;
}

table:not( .has-background) tbody td {
	background-color: #fdfdfd;
}

table:not( .has-background) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
	background-color: #fbfbfb;
}

body:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-orders):not(.woocommerce-subscriptions):not(.woocommerce-payment-methods):not(.woocommerce-backinstock) table td,
body:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-orders):not(.woocommerce-subscriptions):not(.woocommerce-payment-methods):not(.woocommerce-backinstock) table th {
   padding: 0;
}

body:not(.woocommerce-checkout):not(.woocommerce-cart) table:not(.has-background) th,
body:not(.woocommerce-checkout):not(.woocommerce-cart) table:not(.has-background) tbody td,
body:not(.woocommerce-checkout):not(.woocommerce-cart) table:not(.has-background) tbody tr:nth-child(2n) td {
   background-color: transparent;
}

a {
   text-decoration: none;
}

ol, ul {
   margin: 0 0 1.41575em 3em;
   padding: 0;
}

mark, ins {
	text-decoration: none;
	font-weight: 600;
	background: transparent;
}

img {
	height: auto;
	max-width: 100%;
	display: inline;
	vertical-align: top;
	border-radius: 3px;
}

.form-row input,
.form-row textarea,
.form-row select {
   width: auto;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
.input-text:focus {
   outline: none;
}

fieldset {
   background: transparent;
}

fieldset legend {
   padding: 0;
   margin: 0;
   font-weight: normal;
   background-color: transparent;
}

.pull-left {
   float: left !important;
}

.pull-right {
   float: right !important;
}

.text-left {
   text-align: left !important;
}

.text-center {
   text-align: center !important;
}

.text-right {
   text-align: right !important;
}

.hidden {
   display: none !important;
}

.align-flex-end-items {
   display: flex;
   justify-content: end;
}

.modal-header button.btn-close,
.modal-header button.btn-close:hover,
.modal-header button.btn-close:focus,
.modal-header button.btn-close:active {
   box-shadow: none !important;
   background-color: transparent !important;
}

@media (min-width: 576px) {
   .modal-dialog {
      max-width: 600px;
   }
}

/* Mobile */
@media (max-width: 767px) {
   .page-container > header {
       margin-bottom: 0px;
   }
}

body.page-id-550 .page-container > header, /* Ask a question */
body.page-id-5 .page-container > header, /* Help Desk */
body.single-ticket .page-container > header,
body.page-id-551 .page-container > header, /* Submit a ticket */
body.page-id-6 .page-container > header, /* Submit a ticket */
body.post-type-archive-knowledgebase .page-container > header,
body.single-knowledgebase .page-container > header,
body.tax-knowledgebase_category .page-container > header,
body.woocommerce-account .page-container > header,
body.no-padding-header .page-container > header,
.no-padding-header .modal .page-container > header {
   margin-bottom: 0px;
}

body .force-empty-space {
   padding-top: 75px;
}

/* Mobile */
@media (max-width: 767px) {
   body .force-empty-space {
       padding-top: 40px;
   }
}

body.logo-only, /* Add padding to the main content to compensate for fixed header */
.logo-only .modal { /* Add padding to all modal boxes to compensate for fixed header */
   padding-top: 10px;
}

.logo-only header {
   margin-bottom: 50px;
}

/* Mobile */
@media (max-width: 767px) {
   .logo-only header {
       margin-bottom: 30px;
   }
}

a {
   color: #686b6a;
}

a:hover,
a:active,
a:focus {
   text-decoration: none;
   color: #E65928;
}

.clear {
   clear: both;
}

@media (min-width: 1470px) {
	.container {
		width: 1440px;
	}
}

@media (max-width: 1470px) {
	.container {
		width: 100%;
	}
}

.page-container {
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 1470px) {
	.page-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Font Family */
* {
   font-family: "sofia-pro", sans-serif;
   font-weight: 400;
   color: #686B6A;
}

::selection {
   background: #FBD6BD; /* WebKit/Blink Browsers */
}

::-moz-selection {
   background: #FBD6BD; /* Gecko Browsers */
}

/* Font Weights */
h1,
h1 *,
h2,
h2 *,
h3,
h3 * {
   font-weight: 600;
   color: #484A48;
   margin-top: 0;
   margin-bottom: 0;
}

h1 {
   font-size: 30px;
   line-height: 40px;
   letter-spacing: 0;
}

h1.lg {
   font-size: 40px;
   line-height: 50px;
}

h2 {
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 10px;
}

h3 {
   font-size: 17px;
   line-height: 27px;
   margin-bottom: 10px;
}

.h4, h4 {
   font-size: 18px;
}

.h5, h5 {
   font-size: 15px;
}

.h6, h6 {
   font-size: 12px;
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
   font-size: 90%;
}

b,
strong,
strong *,
.bold,
.bold p,
.bold span,
bold {
   font-weight: 600 !important;
   color: inherit;
}

.underline {
   text-decoration: underline !important;
}

p,
body {
   font-size: 16px;
   line-height: 26.5px;  /* .5 needed for font causing CLS */
}

.lg,
.lg p,
p.lg {
   font-size: 20px;
   line-height: 30px;
}

.xl,
.xl p,
p.xl {
   font-size: 30px;
   line-height: 40px;
}

.sm,
.sm p,
p.sm {
   font-size: 15px;
   line-height: 25px;
}

.text-orange,
.text-orange p,
.text-orange > a {
   color: #E65928;
}

.text-blue,
.text-blue p,
.text-blue > a {
   color: #194d65;
}

.text-white,
.text-white p,
.text-white > a {
   color: #FFF;
}

.cursor-pointer {
   cursor: pointer;
}

.display-block {
   display: block;
}

.vertical-align-center {
   display: inline-block;
   vertical-align: middle;
   float: none;
}

.align-column-content-center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.text-white {
	color:#ffffff !important;
}

.line-height-18 {
	line-height:18px !important;
}

/* Mobile */
@media (max-width: 767px) {
	h1 {
		font-size: 25px;
		line-height: 35px;
		text-align: center;
	}

	h1.lg {
		font-size: 30px;
		line-height: 40px;
	}

	h2 {
		font-size: 20px;
		line-height: 30px;
		text-align: center;
	}

	h3 {
		font-size: 16px;
		line-height: 26px;
		text-align: center;
	}

	h3,
	h5,
	h6 {
		text-align: center;
	}

	p {
		font-size: 16px;
		line-height: 26px;
	}

	p:not(.form-row) {
	    text-align: center;
		margin: 20px;
	}

	.sm p,
	p.sm {
		font-size: 15px;
		line-height: 25px;
	}

	.lg p,
	p.lg {
		font-size: 18px;
		line-height: 28px;
	}

	.xl p,
	p.xl {
		font-size: 18px;
		line-height: 28px;
	}

	.white-bg-xs {
		background-color: #fff !important;
	}

	.text-center-xs {
		text-align: center !important;
	}

	.text-right-xs {
		text-align: right !important;
	}

	.text-left-xs {
		text-align: left !important;
	}

	.justify-content-center-xs {
		justify-content: center !important;
	}

	.center-block-xs {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.background-image-none-xs,
	.background-image-none-xs > .vc_column-inner {
		background-image: none !important;
	}

	.shop-now-button {
		margin-right:15px !important;
	}
}

/* Tablet custom styles */
@media (min-width: 768px) and (max-width: 991px) {
   .white-bg-sm {
       background-color: #fff !important;
   }

   .text-center-sm {
       text-align: center !important;
   }

   .text-right-sm {
       text-align: right !important;
   }

   .text-left-sm {
       text-align: left !important;
   }

   .center-block-sm {
       display: block;
       margin-left: auto;
       margin-right: auto;
   }

   .background-image-none-sm,
   .background-image-none-sm > .vc_column-inner {
       background-image: none !important;
   }
}

/* Laptop custom styles */
@media (min-width: 992px) and (max-width: 1199px) {
   .white-bg-md {
       background-color: #fff !important;
   }

   .text-center-md {
       text-align: center !important;
   }

   .center-block-md {
       display: block;
       margin-left: auto;
       margin-right: auto;
   }

   .background-image-none-md,
   .background-image-none-md > .vc_column-inner {
       background-image: none !important;
   }
}

/**
* Various elements
*/

@media only screen and (max-width: 767px) {
   .full-height-not-mobile {
       min-height: 0 !important;
   }

   .text-center-mobile {
       text-align: center !important;
   }
}

.product-icon {
   width: 70px;
   height: 75px;
}

.product-icon svg,
.product-icon svg .cls-1 {
   fill: #484a48;
}

/* Arrow shown on links */
.link-arrow {
   display: inline-block;
}

.link-arrow svg {
   width: 18px;
   height: 18px;
}

.link-arrow svg,
.link-arrow svg .cls-1 {
   fill: #f2f2f2;
}

.position-fixed {
   position: fixed !important;
}

.display-inline-block {
   display: inline-block !important;
}


/**
* Tooltip area
*/
.info-tooltip svg {
   width: 18px;
   height: 18px;
   margin-bottom:-4px;
   margin-left:5px;
}

.info-tooltip svg,
.info-tooltip svg .cls-1 {
   fill: #686b6a;
}

.tooltip.top .tooltip-arrow {
   border-top-color:#484A48;
}

.tooltip .tooltip-inner {
   background-color:#484A48;
   font-size:12px;
   font-weight:normal;
   padding-bottom:5px;
}


/* GB Styles */
.alignfull {
	margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

@media (max-width: 767px) {
	.no-bg-xs {
		background-image: none!important;
	}

	.no-bg-xs .wp-block-cover__image-background {
		display: none;
	}

	.wp-block-image.xs-image-aligned-left figure {
		float: left;
		margin: .5em 1em .5em 0;
	}

	.wp-block-image.xs-image-aligned-center figure {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.wp-block-image.xs-image-aligned-right figure {
		float: right;
		margin: .5em 0 .5em 1em;
	}

	.xs-no-top-padding {
		padding-top: 0 !important;
	}

	.xs-no-bottom-padding {
		padding-bottom: 0 !important;
	}

	.xs-no-top-bottom-padding {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.wp-block-cover.xs-wp-block-cover-no-min-height {
		min-height: 0 !important;
	}

	.wp-block-buttons > .wp-block-button {
		margin: 0 auto;
	}

	.wp-block-image {
		margin-bottom:0 !important;
	}

	.wp-block-column {
		margin-bottom: 0px !important;
	}
}

@media (max-width: 991px) {
	.no-bg-sm {
		background-image: none!important;
	}

	.no-bg-sm .wp-block-cover__image-background {
		display: none;
	}

	.sm-no-top-padding {
		padding-top: 0 !important;
	}

	.sm-no-bottom-padding {
		padding-bottom: 0 !important;
	}

	.sm-no-top-bottom-padding {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.wp-block-cover.sm-wp-block-cover-no-min-height {
		min-height: 0 !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.md-no-top-padding {
		padding-top: 0 !important;
	}

	.md-no-bottom-padding {
		padding-bottom: 0 !important;
	}

	.md-no-top-bottom-padding {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

@media (min-width: 1200px) {
	.lg-no-top-padding {
		padding-top: 0 !important;
	}

	.lg-no-bottom-padding {
		padding-bottom: 0 !important;
	}

	.lg-no-top-bottom-padding {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

.wp-block-columns {
    margin-bottom: 2em;
}

.wp-block-columns:last-child {
    margin-bottom: 0;
}

.wp-block-image.alignfull {
    margin-bottom: 2em;
}

.wp-block-column.has-background {
    padding: 2em 0;
}

.wp-block-button.btn-theme-attributes {
	padding: 0 !important;
}

.wp-block-button.btn-theme-attributes .wp-block-button__link {
    background: transparent;
    padding: 0;
    font: inherit;
    color: inherit;
    text-decoration: inherit;
	border-color: transparent;
	padding: 7px 22px 10px 22px !important;
}

.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link {
    font-family: "sofia-pro", sans-serif !important;
    font-weight: 600 !important;
    padding: 7px 22px 10px 22px !important;
    line-height: 1.42857143 !important;
    outline: none;
	border-width: 2px;
    border-style: solid !important;
    border-radius: 0 !important;
}

.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link:not(.has-background),
.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link:not(.has-text-color) {
    background-color: #E65928;
    color: #FFF;
	border-color: #E65928;
}

.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link:not(.has-background):hover,
.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link:not(.has-text-color):hover,
.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link:not(.has-background):active,
.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link:not(.has-text-color):active,
.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link:not(.has-background):focus,
.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link:not(.has-text-color):focus {
    background-color: #EC4B1D;
	border-color: #EC4B1D;
    color: #fff;
}

.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link:not(.has-background):disabled,
.wp-block-button:not(.btn-theme-attributes) .wp-block-button__link:not(.has-text-color):disabled {
   background-color: #FBD6BD;
   border-color: #FBD6BD;
}

.wp-block-button:not(.btn-theme-attributes).is-style-outline .wp-block-button__link:not(.has-background),
.wp-block-button:not(.btn-theme-attributes).is-style-outline .wp-block-button__link:not(.has-text-color) {
    background: transparent;
    color: #EC4B1D;
}
.wp-block-button:not(.btn-theme-attributes).is-style-outline .wp-block-button__link:not(.has-background):hover,
.wp-block-button:not(.btn-theme-attributes).is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.wp-block-button:not(.btn-theme-attributes).is-style-outline .wp-block-button__link:not(.has-background):active,
.wp-block-button:not(.btn-theme-attributes).is-style-outline .wp-block-button__link:not(.has-text-color):active,
.wp-block-button:not(.btn-theme-attributes).is-style-outline .wp-block-button__link:not(.has-background):focus,
.wp-block-button:not(.btn-theme-attributes).is-style-outline .wp-block-button__link:not(.has-text-color):focus,
.wp-block-button:not(.btn-theme-attributes).is-style-outline .wp-block-button__link:not(.has-background):disabled,
.wp-block-button:not(.btn-theme-attributes).is-style-outline .wp-block-button__link:not(.has-text-color):disabled {
    background: #EC4B1D;
    color: #FFF !important;
}

@media (max-width: 767px) {
    .wp-block-columns,
    .wp-block-columns .wp-block-column,
    .wp-block-image.alignfull {
        margin-bottom: 15px;
    }

    .wp-block-columns .wp-block-column:last-of-type {
        margin-bottom: 0;
    }
}


/**
* Product pages
*/
@media (max-width: 767px) {
   #product-header {
       padding-top: 0px !important;
       padding-bottom: 0px !important;
   }
}

/**
* Form elements
*/
/* Labels */
label {
   font-size: 15px;
   font-weight: 400;
}

label .required {
   color: #686b68;
}

.select2-container .select2-choice {
   clear: both;
   border: 1px solid #484a48;
   border-radius: 0;
   padding: 6px 15px 6px 15px;
   color: #484a48;
   margin-bottom: 15px;
}

.select2-container .select2-chosen {
   color: #484a48;
}

/* All input fields */
input {
   padding: 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  margin: 0 0 0 .3819820591em;
}

/* Textarea */
textarea.form-control {
	border: 1px solid #c6c6c6 !important;
	border-radius: 0;
	padding: 6px 15px 6px 15px;
	color: #484a48;
	width: 100%;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 26px !important;
	height: auto;
	background: #fff;
}

textarea.form-control:focus {
	background: #fff;
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

/* Input type text */
input.input-text,
input.form-control {
   border: 1px solid #c6c6c6 !important;
   border-radius: 0;
   padding: 6px 15px 6px 15px;
   color: #484a48;
   width: 100%;
   margin-bottom: 15px;
   font-size: 16px;
   line-height: 26px !important;
   height: auto;
   background: #fff;
}

input.input-text:focus,
input.form-control:focus {
   background: #fff;
}

input.input-text.error,
input.form-control.error {
   border: 2px solid #e65928 !important;
}

/* Placeholders when no labels are present */
input.input-text.no-label::-webkit-input-placeholder,
input.form-control.no-label::-webkit-input-placeholder {
   color: #c6c6c6;
}

input.input-text.no-label::-moz-placeholder,
input.form-control.no-label::-moz-placeholder { /* Firefox 18- */
   color: #c6c6c6;
}

input.input-text.no-label::-moz-placeholder,
input.form-control.no-label::-moz-placeholder { /* Firefox 19+ */
   color: #c6c6c6;
}

input.input-text.no-label:-ms-input-placeholder,
input.form-control.no-label:-ms-input-placeholder {
   color: #c6c6c6;
}

@media (max-width: 767px) {

   /* Placeholders when labels are present */
   input.input-text::-webkit-input-placeholder,
   input.form-control::-webkit-input-placeholder {
       color: #c6c6c6;
   }

   input.input-text:-moz-placeholder,
   input.form-control:-moz-placeholder { /* Firefox 18- */
       color: #c6c6c6;
   }

   input.input-text::-moz-placeholder,
   input.form-control::-moz-placeholder { /* Firefox 19+ */
       color: #c6c6c6;
   }

   input.input-text:-ms-input-placeholder,
   input.form-control:-ms-input-placeholder {
       color: #c6c6c6;
   }

   input.input-text.error,
   input.form-control.error {
       border: 2px solid #e65928;
   }
}

.form-row {
   margin-bottom: 0 !important;
}

select.form-control {
   color: #484a48;
   height: auto;
}

select.form-control.error {
   border: 2px solid #e65928 !important;
}

/* Error Labels */
label.error {
   background: #e65928;
   color: #fff !important;
   padding: 6px 25px;
   border-radius: 0;
   float: right;
   position: relative;
   font-size: 15px;
}

label.error:after {
   content: "";
   position: absolute;
   top: -13px;
   left: 25px;
   border-width: 0px 15px 15px;
   margin-bottom: -8px;
   border-style: solid;
   border-color: #e65928 transparent;
   display: block;
   width: 0;
}

/**
* Header styling
*/

.wp-block-template-part header {
	position: relative;
	z-index: 22;
}

@media (max-width: 991px) {
	body:not(.home):not(.page-template-page-fm):not(.page-template-page-container):not(.tax-product_cat):not(.post-type-archive-product):not(.single-product):not(.woocommerce-checkout) .wp-block-template-part header {
		margin-bottom: 30px;
	}
}

.wp-block-template-part header .aligncenter {
	text-align: center;
}

.wp-block-template-part header .wp-block-columns {
    margin-bottom: 0;
}

.wp-block-template-part header .wp-block-columns .wp-block-column {
    margin-bottom: 0;
}

.wp-block-template-part header.simple-header {
	padding: 23px 0;
}

.wp-block-template-part header.simple-header:after {
	display: none;
}

.wp-block-template-part header .small-header-close-link {
	fill: #484a48;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.wp-block-template-part header .small-header-close-link:hover {
	fill: #e65928;
}

.wp-block-template-part header .small-header-close-link svg {
	width: auto;
	height: 20px;
}

.notifications-bar {
	position: relative;
	z-index: 30;
}

.notifications-bar .wp-block-columns {
   gap: 0;
}

@media (max-width: 1470px) {
   .top-bar .wp-block-columns,
   .notifications-bar .wp-block-columns,
   .product-search-wrapper .product-search,
   .wp-block-template-part header .wp-block-columns,
   .woocommerce-checkout .entry-content,
   #footer-columns .wp-block-columns {
      padding-left: 15px;
      padding-right: 15px;
      max-width: 100%;
   }
}

@media (max-width: 991px) {

	.wp-block-template-part header {
		padding-top: 20px;
		padding-bottom: 20px;
	}

}

@media (max-width: 480px) {
	.wp-block-template-part header {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.wp-block-template-part header .logo {
		padding-top: 2px;
	}

	.wp-block-template-part header .logo svg {
		width: 80px;
		height: auto;
	}

}

@media only screen and (max-width: 310px) {
    .wp-block-template-part header .wp-block-columns {
        padding-left: 10px;
        padding-right: 10px;
    }

    .wp-block-template-part header .logo svg {
        width: 70px;
    }
}

.off-site-sidebar {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(25, 77, 101, 0.60);
    top: 0;
    left: 0;
    z-index: 1000008;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
}

.off-site-sidebar.active {
    opacity: 1;
    visibility: visible;
}

.off-site-sidebar-overlay {
    display: block;
    position: absolute;
    z-index: 90;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.off-site-sidebar-content {
    background: #f9f9f9;
    overflow-y: auto;
    height: 100%;
    width: 492px;
    max-width: 100%;
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 300ms ease;
    transition-delay: 150ms;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(100%,0,0);
}

.off-site-sidebar.active .off-site-sidebar-content {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
}

.off-site-sidebar-content h3 {
	font-size: 22px;
	line-height: 32px;
	margin: 0;
	padding: 22px 32px 0 32px;
	font-weight: normal;
}

.off-site-sidebar-content .close-overlay {
    position: absolute;
    top: 22px;
    right: 32px;
    width: 32px;
    height: 32px;
    text-align: right;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
	margin: 0;
}

.off-site-sidebar-content .close-overlay svg {
	position: absolute;
	top: 5px;
	right: 0;
}

.off-site-sidebar-content .loader {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.75);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    text-align: center;
    transition: all 300ms ease;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.off-site-sidebar-content.loading .loader {
    opacity: 1;
    visibility: visible;
}

.off-site-sidebar-content .woocommerce-mini-cart__empty-message {
	border-bottom: 1px solid #DAD9D6;
	margin: 0;
	padding: 22px 32px 30px 32px;
	font-size: 15px;
	line-height: 20px;
}

.off-site-sidebar-content .free-shipping-warning-detailed {
	font-size: 15px;
	line-height: 20px;
	padding: 22px 32px 0 32px;
}

.off-site-sidebar-content .procentage {
	background: #DAD9D6;
	height: 3px;
	width: 100%;
	margin: 8px 0 0 0;
	position: relative;
}

.off-site-sidebar-content .procentage .procentage-value {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #F2B934;
}

.off-site-sidebar-content form div.quantity {
    padding-left: 22px;
    padding-right: 22px;
    width: 80px;
	border: none;
	background: transparent;
}

.off-site-sidebar-content form div.quantity .minus,
.off-site-sidebar-content form div.quantity .plus {
    width: 20px;
    line-height: 0;
	background-color: transparent !important;
	color: #E65928 !important;
	padding-bottom: 2px;
	font-size: 20px;
}

.off-site-sidebar-content form div.quantity .minus:disabled,
.off-site-sidebar-content form div.quantity .plus:disabled {
    opacity: 0.5;
}

.off-site-sidebar-content form div.quantity input.input-text {
    font-size: 16px;
    line-height: 22px !important;
    pointer-events: none;
	background: transparent;
}

.off-site-sidebar-content .product-custom-quantities-spinner-replacement,
.off-site-sidebar-content .product-custom-quantities-dropdown .current-selection {
    background: transparent;
    border: none;
}

.off-site-sidebar-content .product-custom-quantities-dropdown ul {
    border-top: 1px solid #E65928;
}

.off-site-sidebar-content .woocommerce-mini-cart {
	padding: 32px;
	border-top: 1px solid #DAD9D6;
	margin-top: 30px;
}

.off-site-sidebar-content .woocommerce-mini-cart-item {
    position: relative;
    padding: 0 0 20px 90px !important;
    min-height: 100px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DAD9D6;
}

.off-site-sidebar-content .woocommerce-mini-cart-item:last-of-type {
	border-bottom: none;
}

.off-site-sidebar-content .woocommerce-mini-cart-item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-thumbnail img {
    max-width: 80px;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details {
    position: relative;
    display: block;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-name {
    display: block;
    font-size: 15px;
    line-height: 22px;
	color: #686B6A;
    margin-bottom: 5px;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .price {
	display: block;
	font-size: 15px;
    line-height: 22px;
	color: #686B6A;
	font-weight: bold;
	padding: 4px 0 0 0;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .price * {
	font-weight: bold;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .price .subscription-details {
	display: none;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details dl.variation {
    display: none;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-detail-actions {
	padding-top: 8px;
    display: block;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-detail-actions .remove-item,
.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-detail-actions .remove-item:hover,
.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-detail-actions .remove-item:active,
.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-detail-actions .remove-item:focus  {
	font-size: 12px;
	line-height: 18px;
	text-decoration: underline;
	color: #686B6A;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-detail-actions .product-quantity {
    margin-top: -20px;
}

@media (max-width: 420px) {
    .off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-detail-actions .product-quantity {
        margin-top: 0;
    }
}

.off-site-sidebar-content .woocommerce-mini-cart-item .one-time-purchase {
	background: #194D65;
	border-radius: 13px;
	user-select: none;
	transition: all 300ms ease;
	display: inline-block;
	padding: 4px 8px 6px 8px;
	font-size: 14px !important;
	line-height: 16px !important;
	color: #fff;
    margin-top: 4px;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency {
	position: relative;
	display: inline-block;
	line-height: 20px;
	margin-left: 10px;
    min-width: 144px;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency .header {
	border-radius: 13px;
	user-select: none;
	transition: all 300ms ease;
	cursor: pointer;
	padding: 0 20px;
    border: 1px solid #e65928;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency.active .header {
	border-radius: 13px 13px 0 0;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency .header .text {
	font-size: 14px !important;
	line-height: 16px !important;
	color: #e65928;
	display: inline-block;
	padding: 2px 0 5px 0;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency .header .icon {
	position: absolute;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency .header .icon.icon-subscription {
	left: 7px;
	top: 0;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency .header .icon.icon-dropdown {
	right: 7px;
	top: -2px;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency ul {
	position: absolute;
	top: 26px;
	left: 0;
	border-radius: 0 0 13px 13px;
    border: 1px solid #e65928;
    border-top: none;
	background: #fff;
	width: 100%;
	list-style: none;
	padding: 0 0 5px 0 !important;
	opacity: 0;
	visibility: hidden;
	transition: all 300ms ease;
	margin: 0;
	z-index: 20;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency.active ul {
	opacity: 1;
	visibility: visible;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency ul li {
	font-size: 14px !important;
	line-height: 17px !important;
	color: #e65928;
	padding: 5px 10px !important;
	margin: 0 !important;
	cursor: pointer;
	border-bottom: none !important;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .woocommerce-mini-cart-frequency ul li:hover {
	text-decoration: underline;
	text-underline-position: under;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-quantity-element {
    font-size: 0;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-quantity-element .quantity {
    font-size: 16px;
}

.off-site-sidebar-content .woocommerce-mini-cart-item .product-details .product-quantity-value {
    display: none;
}

.off-site-sidebar-content .free-shipping-warning {
	background: #E65928;
	padding: 15px;
	color: #fff;
	display: block;
	margin: 20px 0 0 0;
	text-align: center;
	border-radius: 0;
	position: relative;
}

.off-site-sidebar-content .free-shipping-warning:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(230, 89, 40, 0);
	border-bottom-color: #E65928;
	border-width: 7px;
	margin-left: -7px;
}

.off-site-sidebar-content .free-shipping-warning strong,
.off-site-sidebar-content .free-shipping-warning .amount,
.off-site-sidebar-content .free-shipping-warning .amount * {
	font-weight: bold;
	color: #fff;
}

.off-site-sidebar-content .widget_shopping_cart {
	display: flex;
	min-height: 100%;
}

.off-site-sidebar-content .widget_shopping_cart_content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.off-site-sidebar-content .woocommerce-mini-cart__bottom {
	margin-top: auto !important;
	background: #fff;
	border-top: 1px solid #DAD9D6;
	padding: 24px 32px;
}

.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__total {
	border-bottom: 1px solid #DAD9D6;
	padding-bottom: 8px;
	margin-bottom: 8px;
	font-size: 15px;
	line-height: 20px;
}

.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__total .price,
.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__total .price * {
	font-weight: bold;
}

.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__discount {
	margin-bottom: 8px;
	font-size: 15px;
	line-height: 20px;
	color: #484A48;
}

.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__discount svg {
	margin-right: 4px;
	position: relative;
	top: 2px;
}

.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__buttons .basket {
	margin: 0;
}

.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__buttons .checkout {
	background: transparent;
	border-color: transparent;
	font-size: 15px;
	color: #484A48;
	font-weight: normal;
}

.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__buttons .checkout svg {
	margin-left: 4px;
}

.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__buttons .checkout:hover,
.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__buttons .checkout:active,
.off-site-sidebar-content .woocommerce-mini-cart__bottom .woocommerce-mini-cart__buttons .checkout:focus {
	color: #484A48;
}

/**
* Full Width elements styling
*/
.full-width-div {
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
}

/**
* Home Page styling
*/

/* Make the header transparent on the home page */
.transparent-header {
   padding-top: 0;
}

.transparent-header header .navbar-fixed-top {
   background-color: transparent;
}

.ult-carousel-wrapper .learn-more {
   color: #e65928;
   text-decoration: underline;
}

.ult-carousel-wrapper .learn-more:hover {
   text-decoration: none;
}

.survey-top-menu-fixed {
   position: fixed !important;
   z-index: 1000;
   width: 100% !important;
   left: 0 !important;
   margin: 0 !important;
   background-color: #fff;
}

.survey-top-menu-fixed .vc_column-inner {
   padding: 0 !important;
}

.survey-top-menu-fixed .vc_separator {
   width: 100%;
}

.survey-top-menu-fixed .small-menu-icons-container {
   width: 100%;
   max-width: 1100px;
   margin: 0 auto !important;
}

.survey-top-menu-fixed .vc_separator {
   margin-bottom: 0px !important;
}

.survey-top-menu-fixed .small-menu-icons-container .right-element .vc_column-inner {
   padding-top: 0px;
}

/**
* Button Styling
*/
.btn,
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
   background-image: none;
   text-shadow: none;
   box-shadow: none;
   font-family: "sofia-pro", sans-serif;
   font-weight: 600;
   font-size: 16px;
   padding: 7px 22px 10px 22px;
   border-radius: 0;
   border-width: 2px;
   border-style: solid !important;
   outline: none;
}

.btn:not(.btn-theme-attributes),
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart {
	background-color: #eeeeee;
    border-color: #eeeeee;
}

input[type="submit"] {
   border-radius: 0;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
   outline: none;
}

/* Default Sizes */
.btn-lg,
.btn-block {
   font-size: 20px;
   line-height: 30px;
   padding: 8px 28px 13px 28px;
}

/* Mobile */
@media (max-width: 767px) {
   .btn-lg,
   .btn-block,
   button.ubtn-normal,
   button.ubtn-large,
   button.ubtn-block {
       font-size: 18px;
       padding: 13px 23px 13px 23px;
       width: 100% !important;
   }
}

/* Don't display buttons if they are not of the pre-defined size */
.ubtn-mini,
.ubtn-small,
.ubtn-custom {
   display: none !important;
}

/* Default Styles */

/* Primary Button (CTA) */
.btn-primary {
   border-color: #E65928 !important;
   background-color: #E65928 !important;
   color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
   background-color: #EC4B1D !important;
   border-color: #EC4B1D !important;
}

.btn-primary:disabled {
   background-color: #FBD6BD !important;
   border-color: #FBD6BD !important;
}

/* Default Button (Empty) */
.btn-default {
   border-radius: 0 !important;
   border-color: #E65928 !important;
   background-color: transparent !important;
   color: #E65928 !important;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
   border-color: #E65928 !important;
   background-color: #E65928 !important;
   color: #FFFFFF !important;
}

.btn-default:disabled {
   border-color: #FBD6BD !important;
   background-color: transparent !important;
   color: #FBD6BD !important;
}

/* Link Button */
.btn-link {
   color: #686b6a;
   font-weight: 400;
   text-decoration: underline;
   background-color: transparent;
   border-color: transparent;
}

.btn-link.text-orange {
   color: #E65928;
}

.btn-link:disabled {
   color: #fbd6bd;
}

.btn-link:disabled:hover {
   color: #fbd6bd;
}

.btn-link:hover {
   text-decoration: none;
   color: #E65928;
}

/* Gray Button */
.btn-gray,
.btn-grey {
   border-radius: 0 !important;
   border-color: #c6c6c6 !important;
   background-color: transparent !important;
   color: #c6c6c6 !important;
}

.btn-gray:hover,
.btn-gray:active,
.btn-gray:focus,
.btn-grey:hover,
.btn-grey:active,
.btn-grey:focus {
   border-color: #c6c6c6 !important;
   background-color: #c6c6c6 !important;
   color: #FFFFFF !important;
}

.btn-gray:disabled,
.btn-grey:disabled {
   border-color: #FBD6BD !important;
   background-color: transparent !important;
   color: #FBD6BD !important;
}

.btn-primary.btn-gray,
.btn-primary.btn-grey {
   border-radius: 0 !important;
   border-color: #c6c6c6 !important;
   background-color: #c6c6c6 !important;
   color: #FFFFFF !important;
}

.btn-primary.btn-gray:hover,
.btn-primary.btn-gray:active,
.btn-primary.btn-gray:focus,
.btn-primary.btn-grey:hover,
.btn-primary.btn-grey:active,
.btn-primary.btn-grey:focus {
   border-color: #484A48 !important;
   background-color: #484A48 !important;
   color: #FFFFFF !important;
}

.btn-primary.btn-gray:disabled,
.btn-primary.btn-grey:disabled {
   border-color: #FBD6BD !important;
   background-color: FBD6BD !important;
   color: #FFFFFF !important;
}

/* Dark Gray Button */
.btn-dark-gray,
.btn-dark-grey {
   border-radius: 0 !important;
   border-color: #484A48 !important;
   background-color: transparent !important;
   color: #484A48!important;
}

.btn-dark-gray:hover,
.btn-dark-gray:active,
.btn-dark-gray:focus,
.btn-dark-grey:hover,
.btn-dark-grey:active,
.btn-dark-grey:focus {
   border-color: #484A48 !important;
   background-color: #484A48 !important;
   color: #FFFFFF !important;
}

.btn-dark-gray:disabled,
.btn-dark-grey:disabled {
   border-color: #FBD6BD !important;
   background-color: transparent !important;
   color: #FBD6BD !important;
}

.btn-primary.btn-dark-gray,
.btn-primary.btn-dark-grey {
   border-radius: 0 !important;
   border-color: #484A48 !important;
   background-color: #484A48 !important;
   color: #FFFFFF!important;
}

.btn-primary.btn-dark-gray:hover,
.btn-primary.btn-dark-gray:active,
.btn-primary.btn-dark-gray:focus,
.btn-primary.btn-dark-grey:hover,
.btn-primary.btn-dark-grey:active,
.btn-primary.btn-dark-grey:focus {
   border-color: #484A48 !important;
   background-color: #484A48 !important;
   color: #FFFFFF !important;
}

.btn-primary.btn-dark-gray:disabled,
.btn-primary.btn-dark-grey:disabled {
   border-color: #FBD6BD !important;
   background-color: #FBD6BD !important;
   color: #FFFFFF !important;
}

/**
* Store notice
*/

.woocommerce-store-notice {
   background-color: #194d65 !important;
   padding: 10px 0;
}

.woocommerce-store-notice p,
.woocommerce-store-notice p > * {
   color: #fff !important;
}

.woocommerce-store-notice p a {
   text-decoration: none;
}

.woocommerce-store-notice p:last-child {
   margin: 0 !important;
}

/**
* Breadcrumbs Styling
*/
.icon-breadcrumbs {
   width: 239px;
   height: 40px;
   display: block;
   margin: 0 auto;
   margin-bottom: 0px;
}

/* Mobile */
@media (max-width: 767px) {
   .icon-breadcrumbs {
       width: 113px;
       height: 18px;
   }
}

/* My Account */
#myaccount-breadcrumbs {
   background-color: #f2f2f2;
   position: relative;
   margin-bottom: 30px;
}

#myaccount-breadcrumbs .row .col-md-12 {
   padding-left: 0;
}

/* Mobile */
@media (max-width: 767px) {
   #myaccount-breadcrumbs {
       margin-bottom: 0px;
   }
}

#myaccount-breadcrumbs .myaccount-breadcrums-full-width {
   background-color: #f2f2f2;
   position: absolute;
   height: 46px;
   top: 0;
}

#myaccount-breadcrumbs ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#myaccount-breadcrumbs ul li {
   display: inline-block;
   margin: 0;
   padding: 10px 24px 10px 0;
}

#myaccount-breadcrumbs ul li:first-child a i {
   display: none;
}

#myaccount-breadcrumbs ul li.breadcrumbs-active {
   color: #e65928;
}

i.i-breadcrumbs-arrow {
   display: inline-block;
   width: 6px;
   height: 9px;
   margin: 0 24px 0 0;
   background-position: 0 100%;
   background-repeat: no-repeat;
   background-image: url('img/i_breadcrumbs_arrow.png');
}

#myaccount-breadcrumbs ul li.breadcrumbs-active i.i-breadcrumbs-arrow {
   background-position: 0 0;
}

@media (max-width: 991px) {
   #myaccount-breadcrumbs ul li {
       display: none;
   }

   #myaccount-breadcrumbs ul li:first-child {
       display: inline-block;
   }
}

.woocommerce-lost-password #myaccount-breadcrumbs {
   display: none;
}

/**
* Footer styling
*/
footer {
   margin-top: 84px;
}

/* Featured */
footer #footer-ft {
   background-color: #1b4d63;
   text-align: center;
   padding-top: 62px;
   padding-bottom: 44px;
}

footer #footer-ft h2 {
   margin-bottom: 30px;
}

footer #footer-ft .row > div {
   height: 35px;
   margin-bottom: 27px;
}

/* Mobile sizes */
@media (max-width: 767px) {
   footer #footer-ft {
       padding-top: 44px;
   }
}

/* Footer Main */

#footer-logos .wp-block-columns {
    margin-bottom: 0;
}

#footer-logos .wp-block-columns > .wp-block-column img {
    max-width: 90%;
    margin: 0 auto;
}

#footer-columns .wp-block-columns {
	gap: 60px;
}

#footer-columns,
#footer-columns p {
	font-size: 14px;
	line-height: 20px;
}

#footer-columns h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 24px;
}

#footer-columns nav ul {
    display: block;
}

#footer-columns nav ul li {
	margin-bottom: 8px;
	padding-left: 0;
}

#footer-columns nav ul li:last-of-type {
	margin-bottom: 0;
}

#footer-columns nav ul li a {
	font-size: 14px;
	line-height: 20px;
}

#footer-columns nav ul li:hover a {
	text-decoration: underline;
	text-underline-position: under;
}

#footer-columns nav ul li button,
#footer-columns nav ul li ul {
    display: none;
}

#footer-columns .address {
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0 0 0;
	max-width: 80%;
}

#footer-columns .sub-footer-left {
	display: flex;
	gap: 20px;
}

#footer-columns .copyright {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
}

#footer-columns .wp-block-social-links.has-large-icon-size {
	font-size: 0;
	gap: 6px;
}

#footer-columns .wp-block-social-links.is-style-logos-only .wp-social-link svg {
	width: 20px;
	height: 20px;
}

#footer-columns .wp-block-social-links .wp-block-social-link {
	transform: scale(1);
}

#footer-columns .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
    fill: #484A48;
}

#footer-columns .klaviyo-form [data-testid="form-component"] p a {
	text-underline-position: under;
}

#footer-columns .klaviyo-form [data-testid="form-component"] input[type="email"] {
	border: 1px solid #fff !important;
	padding-right: 56px;
}

#footer-columns .klaviyo-form [data-testid="form-component"] input[type="email"]:focus {
	box-shadow: none !important;
}

#footer-columns .klaviyo-form [data-testid="form-row"]:nth-child(2) {
	display: block !important;
	position: relative;
}

#footer-columns .klaviyo-form [data-testid="form-row"]:nth-child(2) > div:nth-child(2) {
	position: absolute !important;
	top: 12px;
	right: 12px;
	width: 32px;
	height: 32px;
}

#footer-columns .klaviyo-form [data-testid="form-row"]:nth-child(2) > div:nth-child(2) button {
	width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    padding: 0 !important;
	z-index: 10;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.65809 1.02102C1.49783 0.855882 1.23404 0.851925 1.0689 1.01219C0.903764 1.17245 0.899807 1.43623 1.06007 1.60137L4.06289 4.69565L1.06007 7.78992C0.899807 7.95506 0.903764 8.21885 1.0689 8.37911C1.23404 8.53937 1.49783 8.53541 1.65809 8.37027L4.9403 4.98811C5.09891 4.82729 5.10062 4.56838 4.94253 4.40548L4.94029 4.40317' fill='white'/%3E%3C/svg%3E") !important;
	background-color: #E65928 !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

#footer-columns .klaviyo-form [data-testid="form-row"]:nth-child(2) > div:nth-child(2) button:focus {
	box-shadow: none !important;
}

@media (max-width: 991px) {
    #footer-columns .wp-block-columns {
        gap: 10px;
    }
}

@media (max-width: 781px) {

    #badge-230 {
        margin: 0 auto;
        margin-top: 20px;
		margin-bottom: 20px;
		max-width: 100px !important;
    }

    #footer-logos .wp-block-columns {
        justify-content: center;
    }

    #footer-logos .wp-block-columns > .wp-block-column {
        flex-basis: 30% !important;
        max-width: 30%;
    }

    #footer-logos .wp-block-columns > .wp-block-column img {
        max-width: 100%;
    }

    #footer-columns {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

	#footer-columns p {
		text-align: left;
		margin: 0 0 15px 0;
	}

    #footer-columns .wp-block-columns {
        gap: 0;
        max-width: 480px;
        margin: 0 auto;
    }

    #footer-columns .wp-block-columns .wp-block-column {
        margin-bottom: 0;
    }

    #footer-columns h3 {
        cursor: pointer;
        margin: 0 0 16px 0 !important;
        text-decoration: none;
		text-align: left;
		font-size: 14px;
		line-height: 24px;
		position: relative;
    }

    #footer-columns h3:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");
		display: block;
		width: 24px;
		height: 24px;
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 28px;
    }

    #footer-columns .wp-block-column:not(.collapsed) h3:after {
		transform: rotate(180deg);
    }

    #footer-columns nav {
        padding: 0 0 16px 0;
    }

    #footer-columns .collapsed nav {
        display: none;
    }

    #footer-columns .address {
        max-width: 100%;
        margin-inline-end: 0;
        font-size: 15px;
        margin: 0 0 15px 0;
        width: 100%;
    }

	#footer-columns .copyright {
		order: 2;
		margin-left: auto;
	}

	#footer-columns .klaviyo-form [data-testid="form-row"]:first-of-type [data-testid="form-component"] {
		padding: 0 0 15px 0 !important;
	}

	#footer-columns .klaviyo-form [data-testid="form-row"]:first-of-type [data-testid="form-component"] p {
		margin: 0;
	}

	#footer-columns .klaviyo-form [data-testid="form-row"]:last-of-type [data-testid="form-component"] {
		padding: 15px 0 30px 0 !important;
	}
}

/**
* Help Desk styling
*/
.pakb-header {
   margin-bottom: 50px !important;
}

/* Remove default styles */
.pakb-boxes .pakb-box {
   border: none !important;
   padding-top: 0px;
}

.pakb-boxes .pakb-box:focus,
.pakb-boxes .pakb-box:hover {
   background: transparent !important;
}

/* Category styling */
.pakb-boxes .pakb-box h2 {

}

.pakb-boxes .pakb-box .pakb-view-all {
   padding-top: 5px;
}

.pakb-boxes .pakb-box .pakb-view-all,
.pakb-boxes .pakb-box .pakb-view-all * {
   color: #e65928;
}

.pakb-boxes .pakb-box:hover .pakb-view-all {
   color: #EC4B1D;
}

/* Search Bar */
.pakb-header {
   width: 50%;
   margin: 0 auto;
   margin-top: 20px;
}

#kbsearchform .autosuggest {
   border-radius: 0;
}

.pakb-search input[type=submit] {
   border: 3px solid #E65928 !important;
   background-color: #E65928 !important;
   color: #FFFFFF !important;
   background-image: none;
   text-shadow: none;
   box-shadow: none;
   font-family: "sofia-pro", sans-serif;
   font-weight: 600;
   font-size: 16px;
   line-height: 1.2em;
   padding: 5px 23px 10px 20px;
   border-radius: 0 5px 5px 0;
   cursor: pointer;
}

.pakb-search input[type=submit]:hover,
.pakb-search input[type=submit]:active,
.pakb-search input[type=submit]:focus {
   background-color: #EC4B1D !important;
   border: 3px solid #EC4B1D !important;
}

@media only screen and (max-width: 767px) {
   .pakb-header {
       width: 100%;
   }

   .pakb-header #kb-s {
       border-radius: 0 !important;
   }

   .pakb-search span {
       display: block;
       margin-top: 10px;
       width: 100%;
   }

   .pakb-search input[type=submit] {
       border-radius: 0 !important;
       width: 100%;
   }
}

/* Category Icons */
.pakb-boxes .pakb-box-icon {
   display: block;
}

.pakb-boxes .pakb-box-icon svg,
.pakb-boxes .pakb-box-icon svg .cls-1 {
   width: 105px;
   height: 105px;
   fill: #484b49;
}

.pakb-boxes .pakb-box-icon svg .cls-2 {
   fill: none;
   stroke: #484a48;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-width: 3px;
}

.pakb-boxes .pakb-box-icon svg .cls-3 {
   fill: #fff;
}

/* Article List Icons */
.pakb-archive > a {
   padding: 10px;
   font-size: 16px;
   line-height: 26px;
}

.pakb-archive .pakb-archive-icon {
   display: block;
   padding-right: 10px;
}

.pakb-archive .pakb-archive-icon svg,
.pakb-archive .pakb-archive-icon svg .cls-1 {
   width: 50px;
   height: 50px;
   fill: #484b49;
}

.pakb-archive .pakb-archive-icon svg .cls-2 {
   fill: none;
   stroke: #484a48;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-width: 3px;
}

.pakb-archive .pakb-archive-icon svg .cls-3 {
   fill: #fff;
}

/**
* Product styling
*/
/* Pricing section */
.individual-purchase-price:before {
   content: "Individual price:";
   float: left;
   width: auto;
   font-size: 16px;
   line-height: 26px;
   color: #686b6a;
}

.individual-purchase-price .price {
   float: left;
   width: auto;
   margin-top: 0 !important;
   margin-left: 5px !important;
}

.individual-purchase-price .price .amount {
   font-size: 16px;
   line-height: 26px;
   color: #686b6a;
}

.wpcr3_aggregateRating_reviewCount {
   margin-left: 5px;
}

.ingredients-list {
   display: none;
}

.ingredients-list-button {
   text-decoration: underline;
}

.ingredients-list-button:hover {
   color: #e65928;
}

/* Add to cart section */
.individual-purchase {
   float: left;
   width: auto;
}

.individual-purchase form.cart {
   margin: 0;
}

.individual-purchase .quantity {
   display: none;
}

.individual-purchase .in-stock {
   display: none;
}

.individual-purchase .single_add_to_cart_button {
   background-color: transparent !important;
   border: none !important;
   color: #e65928 !important;
   padding: 0 !important;
   font-size: 16px !important;
   line-height: 26px !important;
   margin-left: 5px !important;
   text-transform: none !important;
   font-family: "sofia-pro", ​sans-serif !important;
   margin-top: 0 !important;
   min-height: 0 !important;
   font-weight: bold;
}

.individual-purchase .single_add_to_cart_button:after {
   content: " as a single purchase";
   color: #686b6a;
   text-decoration: none;
   font-weight: normal;
}

/**
* Bordered box used mostly in cart and checkout pages
*/
.bordered_box_div {
   border: 2px solid #686b6a;
   border-radius: 0;
   padding: 20px;
   margin-bottom: 15px;
}

.bordered_box_div.orange {
	border-color: #e65928;
}

.woocommerce-privacy-policy-text p {
    margin: 0;
}

#customer_login p,
.lost_reset_password p {
    font-size: 15px;
}

#customer_login label,
.lost_reset_password label {
    font-weight: 600;
    color: #484A48;
}

@media only screen and (max-width: 767px) {
    .bordered_box_div {
        border: none;
    }

    p.form-row-submit {
        text-align: center !important;
        margin: 0 0 15px 0 !important;
    }

    .woocommerce-privacy-policy-text p,
    p.form-row-details {
        margin: 0 0 15px 0;
    }
}

/**
* Override default Visual Composer Styles
*/
.vc_row {
   margin-left: -10px !important;
   margin-right: -10px !important;
}

.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li {
   margin-bottom: 0px !important;
}

.vc_col-has-fill > .vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
   padding-top: 0px !important;
}

.vc_column_container > .vc_column-inner {
   width: auto !important;
}

/* Tab elements */
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
   background: none !important;
   border: none !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
   background: none !important;
   border: none !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a > span {
   color: #484A48;
   font-weight: 600;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a > span {
   color: #E65928;
   text-decoration: underline;
}

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
   background: none !important;
   border: none !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel ul,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel ol {
   padding-left: 20px !important;
}

.vc_tta.vc_general .vc_tta-tab:first-child > a {
   padding-left: 0;
}

.vc_tta.vc_general .vc_tta-panel-body {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

/* Mobile font sizes */
@media (max-width: 767px) {
   .vc_tta.vc_general .vc_tta-panel-body {
       padding-left: 15px !important;
       padding-right: 15px !important;
       background: none !important;
   }
}

/* Required for product grid view */
.wp-post-image {
   width: 100%;
}

.bootstrap-sizing {
   position: fixed;
   top: 0;
   left: 0;
   background-color: red;
   z-index: 100000;
}

.bootstrap-sizing .lbl {
   padding: 10px;
   color: white;
   font-weight: bold;
}

/**
* Error pages
*/

/* 404 */
.error-page-container {
   border: 1px solid #E65928;
   border-radius: 0;
   background: #fff;
   padding: 40px;
}

.error-page-container .btn-link {
   white-space: normal;
}

/**
* Survey
*/
.gform_wrapper .text-center .gsurvey-rating {
   margin: 0 auto;
}

.gform_wrapper label.gfield_label {
   font-weight: 600;
}

/**
* EU Cookie Law styling
*/
.pea_cook_wrapper.pea_cook_bottomright {
   opacity: 1 !important;
}

.pea_cook_wrapper p {
   font-family: "sofia-pro", sans-serif !important;
   font-weight: 400 !important;
   color: #f2f2f2 !important;
}

button.pea_cook_btn {
   font-family: "sofia-pro", sans-serif !important;
   font-weight: 400 !important;
}

/**
* Custom CSS for IE Edge
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner,
   .vc_ie-flexbox-fixer, .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
       display: block !important;
   }
}

/**
* Upgrade Page
*/
.upgrade-container {
   border-radius: 0;
   border: solid 2px #484a48;
   position: relative;
   padding: 50px 30px 30px 35px;
   text-align: center;
   margin-bottom: 20px;
}

.upgrade-container .upgrade-number {
   border: solid 2px #484a48;
   position: absolute;
   top: -31px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   background: #fff;
   border-radius: 50%;
   font-size: 30px;
   line-height: 53px;
   font-weight: 600;
   width: 63px;
   height: 63px;
}

.upgrade-container p span {
   color: #fbd6bd;
}

/* Mobile */
@media (max-width: 767px) {
   .upgrade-container {
       margin-top: 50px;
   }

   .upgrade-container,
   .upgrade-container:hover {
       border-right: none;
       border-bottom: none;
       border-left: none;
       border-radius: 0px;
   }
}





/**
* Awesome Support
*/
.wpas-reply-content {
   white-space: pre-wrap;
}


/**
* Got a question button
*/

.got-a-question {
   color: #fff;
   background: #1b4d63;
   position: fixed;
   bottom: 20px;
   right: 20px;
   z-index: 20;
   padding: 5px 5px 5px 5px;
   border-radius: 27px;
   border: 2px solid #fff;
   z-index: 20;
   min-width: 54px;
   min-height: 54px;
}
.got-a-question .icon {
   width: 40px;
   height: 40px;
   display: block;
   position: absolute;
   top: 5px;
   left: 5px;
}
.got-a-question .icon svg {
   width: 100%;
   height: 100%;
   display: block;
}
.got-a-question .icon svg path {
   fill: #fff;
}
.got-a-question .text {
   color: #fff;
   display: block;
   line-height: 36px;
   height: 40px;
   padding: 0 10px 0 50px;
}

@media (max-width: 991px) {
   .got-a-question.collapsed .text {
       display: none;
   }
}


/**
* Blog
*/
.blog .hide-in-blog,
.single-post .hide-in-blog {
	display: none;
}

.blog-loop {
	background: #f9f9f9;
}

.blog-loop .container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.blog-loop article {
	margin-bottom: 50px;
}

.blog-loop article.first {
	clear: left;
}

.blog-loop article .featured-image {
	position: relative;
	transition: all 300ms ease;
}

.blog-loop article .featured-image:hover {
	box-shadow: 0 15px 20px rgba(0,0,0,.14);
}

.blog-loop article .featured-image a {
	display: block;
	font-size: 0;
	line-height: 0;
}

.blog-loop article .featured-image a img {
	border-radius: 0;
}

.blog-loop article .meta {
	padding: 15px;
}

.blog-loop article .meta .separator {
	display: inline-block;
	vertical-align: middle;
	height: 1px;
	width: 20px;
	margin: 0 15px;
	background: #686B6A;
}

.blog-loop article h2 {
	padding: 0 15px;
	margin: 0;
}

.blog-loop article h2 a {
	transition: all 300ms ease;
}

.blog-loop article h2 a:hover {
	color: #EC4B1D;
}

.blog-loop .pagination {
	margin: 30px 0 0 0;
	border-radius: 0;
}

.blog-loop .pagination > li {
	display: inline-block;
	vertical-align: top;
}

.blog-loop .pagination > li > span,
.blog-loop .pagination > li > a {
	color: inherit;
	border-radius: 0;
	border: none;
	background: transparent;
	transition: all 300ms ease;
	padding: 10px 12px;
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

.blog-loop .pagination > li > a > i {
	position: relative;
	top: 2px;
}

.blog-loop .pagination > li > a > i:before {
	transition: all 300ms ease;
}

.blog-loop .pagination > li > span.current,
.blog-loop .pagination > li > a:hover,
.blog-loop .pagination > li > a:hover > i:before {
	color: #EC4B1D;
}

.site-post .site-post-header {
	padding: 75px 0 70px 0;
}

.site-post .site-post-header h1 {
	font-size: 40px;
	line-height: 50px;
	font-weight: normal;
}

.site-post .site-post-header .post-meta {
	margin-bottom: 15px;
}

.site-post .site-post-header .post-meta a {
	color: inherit;
	text-decoration: none;
}

.site-post .site-post-header .post-meta .separator {
	display: inline-block;
	vertical-align: middle;
	height: 1px;
	width: 20px;
	margin: 0 15px;
	background: #686B6A;
}

.site-post .single-post-content {
	padding-top: 80px;
}

.site-post .single-post-content :not(.wp-block-image) :not(.wp-block-button) a:not(.add_to_cart_button) {
    text-decoration: underline;
    color: #E65928;
}

.site-post .single-post-content .alignnone {
   clear: both;
   margin: 26px 52px 26px 0;
}

.site-post .single-post-content .aligncenter,
.site-post .single-post-content div.aligncenter {
   display: block;
   margin: 26px auto;
}

.site-post .single-post-content .alignright {
   float: right;
   margin: 7px 0 25px 45px;
}

.site-post .single-post-content .alignleft {
   float: left;
   margin: 7px 45px 25px 0;
}

.site-post .single-post-content .aligncenter {
   display: block;
   margin: 26px auto;
}

.site-post .keep-reading {
	margin: 40px 0 0 0;
	padding: 0 0 40px 0;
}

.site-post .keep-reading h1 {
	font-size: 40px;
	line-height: 50px;
	font-weight: normal;
	margin-bottom: 30px;
}

.site-post .keep-reading .btn i {
	color: #fff;
	margin-left: 5px;
}

@media (max-width: 767px) {
	.site-post .site-post-header h1,
	.site-post .keep-reading h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.site-post .site-post-header .post-meta .separator {
		margin: 0 10px;
		width: 10px;
	}

	.site-post .single-post-content {
		padding-top: 40px;
	}
}

/**
* Blog - Hero
*/
.blog-hero {
	padding: 20px 0;
}

.blog-hero h1 {
	font-size: 40px;
	line-height: 50px;
	font-weight: normal;
	margin-bottom: 30px;
}

.blog-hero nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.blog-hero nav ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px;
}

.blog-hero nav ul li a {
	padding: 6px 0;
	border-bottom: 1px solid transparent;
	transition: all 300ms ease;
}

.blog-hero nav ul li.current-menu-item a,
.blog-hero nav ul li a:hover,
.blog-hero nav ul li a:focus {
	color: #EC4B1D;
	border-bottom-color: #EC4B1D;
}

@media (max-width: 767px) {

	.blog-hero h1 {
		font-size: 30px;
		line-height: 40px;
	}

	.blog-hero nav ul li {
		margin-bottom: 20px;
	}
}

/* Page title */
.woocommerce h1.page-title,
.woocommerce-MyAccount-content h1.page-title {
   margin-bottom: 30px;
}

@media (max-width: 767px) {
   .woocommerce h1.page-title,
   .woocommerce-MyAccount-content h1.page-title {
       margin-bottom: 20px;
   }
}

.screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
   overflow: hidden;
   position: absolute !important;
   width: 1px;
   word-wrap: normal !important;
}





/**
* WPML
*/
#gruum-navbar .menu-currency-switcher .wcml_currency_switcher .wcml-cs-active-currency {
   border: none;
   padding: 0;
}

#gruum-navbar .menu-currency-switcher .wcml_currency_switcher .wcml-cs-active-currency:hover,
#gruum-navbar .menu-currency-switcher .wcml_currency_switcher .wcml-cs-active-currency:focus {
   background-color: transparent;
}

#gruum-navbar .menu-currency-switcher .wcml_currency_switcher {
   padding: 0;
   margin: 0;
   width: auto;
}

#gruum-navbar .menu-currency-switcher .wcml_currency_switcher .wcml-cs-item-toggle:after {
   border: none;
}

#gruum-navbar .menu-currency-switcher .wcml_currency_switcher ul.wcml-cs-submenu li {
   border: none;
}

#gruum-navbar .menu-currency-switcher .wcml_currency_switcher ul.wcml-cs-submenu li:hover,
#gruum-navbar .menu-currency-switcher .wcml_currency_switcher ul.wcml-cs-submenu li:focus {
   background: #fff;
}

#gruum-navbar .menu-currency-switcher .wcml_currency_switcher .wcml-cs-item-toggle:hover,
#gruum-navbar .menu-currency-switcher .wcml_currency_switcher .wcml-cs-item-toggle:focus {
   color: #e65928;
}

#gruum-navbar .menu-currency-switcher .wcml_currency_switcher ul.wcml-cs-submenu li a {
   padding: 20px;
}

#gruum-navbar .menu-currency-switcher .wcml_currency_switcher ul.wcml-cs-submenu li:hover a,
#gruum-navbar .menu-currency-switcher .wcml_currency_switcher ul.wcml-cs-submenu li:focus a {
   color: #e65928;
}

#gruum-navbar .menu-currency-switcher .wcml_currency_switcher ul.wcml-cs-submenu.active {
   display: block;
   visibility: visible;
}

/* Desktop */
@media (min-width: 991px) {

   #gruum-navbar > .wpml-ls-item > a > .wpml-ls-native {
       display:none;
   }

   #gruum-navbar .menu-currency-switcher .wcml_currency_switcher .wcml-cs-item-toggle {
       padding: 15px 20px 15px 10px;
       font-size: 16px;
       line-height: 24px;
   }

   #gruum-navbar .menu-currency-switcher .wcml_currency_switcher ul.wcml-cs-submenu {
       border: none;
       box-shadow: 0 6px 12px rgba(0,0,0,.175);
       transition: all 450ms ease-in-out;
       transform: translate3d(0,-20px,0);
       opacity: 0;
       visibility: hidden;
       position: absolute;
       top: 60px;
       left: 20px;
       width: 100px;
   }

   #gruum-navbar .menu-currency-switcher .wcml_currency_switcher .wcml-cs-active-currency:hover ul.wcml-cs-submenu {
       transform: translate3d(0,0,0);
       opacity: 1;
       visibility: visible;
   }

}

/* Mobile */
@media (max-width: 991px) {
   #gruum-navbar .menu-currency-switcher .wcml_currency_switcher .wcml-cs-item-toggle {
       padding: 20px 34px;
       font-size: 15px;
       line-height: 24px;
       border-bottom: 1px solid #c6c6c6;
       font-weight: bold;
   }

   #gruum-navbar .menu-currency-switcher .wcml_currency_switcher ul.wcml-cs-submenu {
       display: none;
       border-bottom: 1px solid #c6c6c6;
       padding: 0;
       margin: 0;
       padding: 6px 34px 20px 34px;
       list-style: none;
       position: relative;
       border-top:none;
   }

   #gruum-navbar .menu-currency-switcher .wcml_currency_switcher .wcml-cs-active-currency ul.wcml-cs-submenu li a {
       padding: 14px 0 0 0;
   }
}

@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}

	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}

	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}

	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}

	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}

	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}

}

/**
* Gutenberg default elements extra css
*/

.wc-block-grid .wc-block-grid__product .wc-block-grid__product-link,
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-price span span {
    color: inherit;
}

@media all and (max-width: 767px) {
    .wc-block-grid .wc-block-grid__products {
	    display: flex !important;
        max-width: 100%;
    }

    .wc-block-grid .wc-block-grid__product {
    	flex: 1 0 50% !important;
    	max-width: 50% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left-width: 15px !important;
        border-right-width: 15px !important;
    }

    .wc-block-grid .wc-block-grid__product .wp-block-button__link {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}