:root {
  --color-green-lighter: #f6f5ea;
  --color-green-light: #ece9d4;
  --color-green: #999936;
  --color-green-dark: #716C2C;
  --color-green-darker: #39360f;
  --color-yellow-lighter: rgb(251.6370967742, 231.4596774194, 188.8629032258);
  --color-yellow-light: rgb(245.4677419355, 188.2741935484, 67.5322580645);
  --color-yellow: #F3AB13;
  --color-yellow-dark: rgb(200.7903225806, 139.5322580645, 10.2096774194);
  --color-yellow-darker: rgb(127.9919354839, 88.9435483871, 6.5080645161);
  --color-orange-lighter: rgb(254.7285714286, 211.3, 188.7714285714);
  --color-orange-light: rgb(254.2081632653, 127.5142857143, 61.7918367347);
  --color-orange: #FE5E0B;
  --color-orange-dark: rgb(213.1265306122, 73.3714285714, 0.8734693878);
  --color-orange-darker: rgb(136.9387755102, 47.1428571429, 0.5612244898);
  --color-red-lighter: rgb(249.1693548387, 141.7883064516, 140.3306451613);
  --color-red-light: rgb(245.4677419355, 69.9153225806, 67.5322580645);
  --color-red: #F31613;
  --color-red-dark: rgb(200.7903225806, 12.7620967742, 10.2096774194);
  --color-red-darker: rgb(127.9919354839, 8.1350806452, 6.5080645161);
  --color-blue-lighter: rgb(158.7885462555, 194.8678414097, 221.2114537445);
  --color-blue-light: rgb(83.2995594714, 147.6872246696, 194.7004405286);
  --color-blue: #3B7AA8;
  --color-blue-dark: rgb(45.7444933921, 94.59030837, 130.2555066079);
  --color-blue-darker: rgb(25.8612334802, 53.4757709251, 73.6387665198);
  --color-woocommerce-dark: rgb(39.1167400881, 80.8854625551, 111.3832599119);
  --color-woocommerce: #3B7AA8;
  --color-woocommerce-light: rgb(139.9162995595, 183.0726872247, 214.5837004405);
  --color-white: #FFFFFF;
  --color-black: #1A1A1A;
  --color-grey-lighter: #EEEEEE;
  --color-grey: #E3E3E3;
  --color-grey-dark: #5F5F5F;
  --color-grey-darker: #333333;
}

:root {
  --color-green-lighter-rgb: 246, 245, 234;
  --color-green-light-rgb: 236, 233, 212;
  --color-green-rgb: 153, 153, 54;
  --color-green-dark-rgb: 113, 108, 44;
  --color-green-darker-rgb: 57, 54, 15;
  --color-yellow-lighter-rgb: 251.6370967742, 231.4596774194, 188.8629032258;
  --color-yellow-light-rgb: 245.4677419355, 188.2741935484, 67.5322580645;
  --color-yellow-rgb: 243, 171, 19;
  --color-yellow-dark-rgb: 200.7903225806, 139.5322580645, 10.2096774194;
  --color-yellow-darker-rgb: 127.9919354839, 88.9435483871, 6.5080645161;
  --color-orange-lighter-rgb: 254.7285714286, 211.3, 188.7714285714;
  --color-orange-light-rgb: 254.2081632653, 127.5142857143, 61.7918367347;
  --color-orange-rgb: 254, 94, 11;
  --color-orange-dark-rgb: 213.1265306122, 73.3714285714, 0.8734693878;
  --color-orange-darker-rgb: 136.9387755102, 47.1428571429, 0.5612244898;
  --color-red-lighter-rgb: 249.1693548387, 141.7883064516, 140.3306451613;
  --color-red-light-rgb: 245.4677419355, 69.9153225806, 67.5322580645;
  --color-red-rgb: 243, 22, 19;
  --color-red-dark-rgb: 200.7903225806, 12.7620967742, 10.2096774194;
  --color-red-darker-rgb: 127.9919354839, 8.1350806452, 6.5080645161;
  --color-blue-lighter-rgb: 158.7885462555, 194.8678414097, 221.2114537445;
  --color-blue-light-rgb: 83.2995594714, 147.6872246696, 194.7004405286;
  --color-blue-rgb: 59, 122, 168;
  --color-blue-dark-rgb: 45.7444933921, 94.59030837, 130.2555066079;
  --color-blue-darker-rgb: 25.8612334802, 53.4757709251, 73.6387665198;
  --color-woocommerce-dark-rgb: 39.1167400881, 80.8854625551, 111.3832599119;
  --color-woocommerce-rgb: 59, 122, 168;
  --color-woocommerce-light-rgb: 139.9162995595, 183.0726872247, 214.5837004405;
  --color-white-rgb: 255, 255, 255;
  --color-black-rgb: 26, 26, 26;
  --color-grey-lighter-rgb: 238, 238, 238;
  --color-grey-rgb: 227, 227, 227;
  --color-grey-dark-rgb: 95, 95, 95;
  --color-grey-darker-rgb: 51, 51, 51;
}

.has-green-lighter-background-color,
.bg-green-lighter {
  background-color: var(--color-green-lighter);
  color: var(--color-black);
}
.has-green-lighter-background-color a,
.bg-green-lighter a {
  color: var(--color-black);
}

.force-bg-green-lighter {
  background-color: var(--color-green-lighter) !important;
  color: var(--color-black) !important;
}
.force-bg-green-lighter a {
  color: var(--color-black) !important;
}

.bg-green-lighter-transparent {
  background-color: rgba(var(--color-green-lighter-rgb), 0.6);
}

.hover-bg-green-lighter:hover {
  background-color: var(--color-green-lighter);
}

.has-green-lighter-color,
.color-green-lighter {
  color: var(--color-green-lighter);
}

a.color-green-lighter:hover {
  color: color-mix(in srgb, var(--color-green-lighter), white 10%);
}

.force-color-green-lighter {
  color: var(--color-green-lighter) !important;
}

.has-green-light-background-color,
.bg-green-light {
  background-color: var(--color-green-light);
  color: var(--color-black);
}
.has-green-light-background-color a,
.bg-green-light a {
  color: var(--color-black);
}

.force-bg-green-light {
  background-color: var(--color-green-light) !important;
  color: var(--color-black) !important;
}
.force-bg-green-light a {
  color: var(--color-black) !important;
}

.bg-green-light-transparent {
  background-color: rgba(var(--color-green-light-rgb), 0.6);
}

.hover-bg-green-light:hover {
  background-color: var(--color-green-light);
}

.has-green-light-color,
.color-green-light {
  color: var(--color-green-light);
}

a.color-green-light:hover {
  color: color-mix(in srgb, var(--color-green-light), white 10%);
}

.force-color-green-light {
  color: var(--color-green-light) !important;
}

.has-green-background-color,
.bg-green {
  background-color: var(--color-green);
  color: var(--color-white);
}
.has-green-background-color a,
.bg-green a {
  color: var(--color-white);
}

.force-bg-green {
  background-color: var(--color-green) !important;
  color: var(--color-white) !important;
}
.force-bg-green a {
  color: var(--color-white) !important;
}

.bg-green-transparent {
  background-color: rgba(var(--color-green-rgb), 0.6);
}

.hover-bg-green:hover {
  background-color: var(--color-green);
}

.has-green-color,
.color-green {
  color: var(--color-green);
}

a.color-green:hover {
  color: color-mix(in srgb, var(--color-green), white 10%);
}

.force-color-green {
  color: var(--color-green) !important;
}

.has-green-dark-background-color,
.bg-green-dark {
  background-color: var(--color-green-dark);
  color: var(--color-white);
}
.has-green-dark-background-color a,
.bg-green-dark a {
  color: var(--color-white);
}

.force-bg-green-dark {
  background-color: var(--color-green-dark) !important;
  color: var(--color-white) !important;
}
.force-bg-green-dark a {
  color: var(--color-white) !important;
}

.bg-green-dark-transparent {
  background-color: rgba(var(--color-green-dark-rgb), 0.6);
}

.hover-bg-green-dark:hover {
  background-color: var(--color-green-dark);
}

.has-green-dark-color,
.color-green-dark {
  color: var(--color-green-dark);
}

a.color-green-dark:hover {
  color: color-mix(in srgb, var(--color-green-dark), white 10%);
}

.force-color-green-dark {
  color: var(--color-green-dark) !important;
}

.has-green-darker-background-color,
.bg-green-darker {
  background-color: var(--color-green-darker);
  color: var(--color-white);
}
.has-green-darker-background-color a,
.bg-green-darker a {
  color: var(--color-white);
}

.force-bg-green-darker {
  background-color: var(--color-green-darker) !important;
  color: var(--color-white) !important;
}
.force-bg-green-darker a {
  color: var(--color-white) !important;
}

.bg-green-darker-transparent {
  background-color: rgba(var(--color-green-darker-rgb), 0.6);
}

.hover-bg-green-darker:hover {
  background-color: var(--color-green-darker);
}

.has-green-darker-color,
.color-green-darker {
  color: var(--color-green-darker);
}

a.color-green-darker:hover {
  color: color-mix(in srgb, var(--color-green-darker), white 10%);
}

.force-color-green-darker {
  color: var(--color-green-darker) !important;
}

.has-yellow-lighter-background-color,
.bg-yellow-lighter {
  background-color: var(--color-yellow-lighter);
  color: var(--color-black);
}
.has-yellow-lighter-background-color a,
.bg-yellow-lighter a {
  color: var(--color-black);
}

.force-bg-yellow-lighter {
  background-color: var(--color-yellow-lighter) !important;
  color: var(--color-black) !important;
}
.force-bg-yellow-lighter a {
  color: var(--color-black) !important;
}

.bg-yellow-lighter-transparent {
  background-color: rgba(var(--color-yellow-lighter-rgb), 0.6);
}

.hover-bg-yellow-lighter:hover {
  background-color: var(--color-yellow-lighter);
}

.has-yellow-lighter-color,
.color-yellow-lighter {
  color: var(--color-yellow-lighter);
}

a.color-yellow-lighter:hover {
  color: color-mix(in srgb, var(--color-yellow-lighter), white 10%);
}

.force-color-yellow-lighter {
  color: var(--color-yellow-lighter) !important;
}

.has-yellow-light-background-color,
.bg-yellow-light {
  background-color: var(--color-yellow-light);
  color: var(--color-black);
}
.has-yellow-light-background-color a,
.bg-yellow-light a {
  color: var(--color-black);
}

.force-bg-yellow-light {
  background-color: var(--color-yellow-light) !important;
  color: var(--color-black) !important;
}
.force-bg-yellow-light a {
  color: var(--color-black) !important;
}

.bg-yellow-light-transparent {
  background-color: rgba(var(--color-yellow-light-rgb), 0.6);
}

.hover-bg-yellow-light:hover {
  background-color: var(--color-yellow-light);
}

.has-yellow-light-color,
.color-yellow-light {
  color: var(--color-yellow-light);
}

a.color-yellow-light:hover {
  color: color-mix(in srgb, var(--color-yellow-light), white 10%);
}

.force-color-yellow-light {
  color: var(--color-yellow-light) !important;
}

.has-yellow-background-color,
.bg-yellow {
  background-color: var(--color-yellow);
  color: var(--color-white);
}
.has-yellow-background-color a,
.bg-yellow a {
  color: var(--color-white);
}

.force-bg-yellow {
  background-color: var(--color-yellow) !important;
  color: var(--color-white) !important;
}
.force-bg-yellow a {
  color: var(--color-white) !important;
}

.bg-yellow-transparent {
  background-color: rgba(var(--color-yellow-rgb), 0.6);
}

.hover-bg-yellow:hover {
  background-color: var(--color-yellow);
}

.has-yellow-color,
.color-yellow {
  color: var(--color-yellow);
}

a.color-yellow:hover {
  color: color-mix(in srgb, var(--color-yellow), white 10%);
}

.force-color-yellow {
  color: var(--color-yellow) !important;
}

.has-yellow-dark-background-color,
.bg-yellow-dark {
  background-color: var(--color-yellow-dark);
  color: var(--color-white);
}
.has-yellow-dark-background-color a,
.bg-yellow-dark a {
  color: var(--color-white);
}

.force-bg-yellow-dark {
  background-color: var(--color-yellow-dark) !important;
  color: var(--color-white) !important;
}
.force-bg-yellow-dark a {
  color: var(--color-white) !important;
}

.bg-yellow-dark-transparent {
  background-color: rgba(var(--color-yellow-dark-rgb), 0.6);
}

.hover-bg-yellow-dark:hover {
  background-color: var(--color-yellow-dark);
}

.has-yellow-dark-color,
.color-yellow-dark {
  color: var(--color-yellow-dark);
}

a.color-yellow-dark:hover {
  color: color-mix(in srgb, var(--color-yellow-dark), white 10%);
}

.force-color-yellow-dark {
  color: var(--color-yellow-dark) !important;
}

.has-yellow-darker-background-color,
.bg-yellow-darker {
  background-color: var(--color-yellow-darker);
  color: var(--color-white);
}
.has-yellow-darker-background-color a,
.bg-yellow-darker a {
  color: var(--color-white);
}

.force-bg-yellow-darker {
  background-color: var(--color-yellow-darker) !important;
  color: var(--color-white) !important;
}
.force-bg-yellow-darker a {
  color: var(--color-white) !important;
}

.bg-yellow-darker-transparent {
  background-color: rgba(var(--color-yellow-darker-rgb), 0.6);
}

.hover-bg-yellow-darker:hover {
  background-color: var(--color-yellow-darker);
}

.has-yellow-darker-color,
.color-yellow-darker {
  color: var(--color-yellow-darker);
}

a.color-yellow-darker:hover {
  color: color-mix(in srgb, var(--color-yellow-darker), white 10%);
}

.force-color-yellow-darker {
  color: var(--color-yellow-darker) !important;
}

.has-orange-lighter-background-color,
.bg-orange-lighter {
  background-color: var(--color-orange-lighter);
  color: var(--color-black);
}
.has-orange-lighter-background-color a,
.bg-orange-lighter a {
  color: var(--color-black);
}

.force-bg-orange-lighter {
  background-color: var(--color-orange-lighter) !important;
  color: var(--color-black) !important;
}
.force-bg-orange-lighter a {
  color: var(--color-black) !important;
}

.bg-orange-lighter-transparent {
  background-color: rgba(var(--color-orange-lighter-rgb), 0.6);
}

.hover-bg-orange-lighter:hover {
  background-color: var(--color-orange-lighter);
}

.has-orange-lighter-color,
.color-orange-lighter {
  color: var(--color-orange-lighter);
}

a.color-orange-lighter:hover {
  color: color-mix(in srgb, var(--color-orange-lighter), white 10%);
}

.force-color-orange-lighter {
  color: var(--color-orange-lighter) !important;
}

.has-orange-light-background-color,
.bg-orange-light {
  background-color: var(--color-orange-light);
  color: var(--color-black);
}
.has-orange-light-background-color a,
.bg-orange-light a {
  color: var(--color-black);
}

.force-bg-orange-light {
  background-color: var(--color-orange-light) !important;
  color: var(--color-black) !important;
}
.force-bg-orange-light a {
  color: var(--color-black) !important;
}

.bg-orange-light-transparent {
  background-color: rgba(var(--color-orange-light-rgb), 0.6);
}

.hover-bg-orange-light:hover {
  background-color: var(--color-orange-light);
}

.has-orange-light-color,
.color-orange-light {
  color: var(--color-orange-light);
}

a.color-orange-light:hover {
  color: color-mix(in srgb, var(--color-orange-light), white 10%);
}

.force-color-orange-light {
  color: var(--color-orange-light) !important;
}

.has-orange-background-color,
.bg-orange {
  background-color: var(--color-orange);
  color: var(--color-white);
}
.has-orange-background-color a,
.bg-orange a {
  color: var(--color-white);
}

.force-bg-orange {
  background-color: var(--color-orange) !important;
  color: var(--color-white) !important;
}
.force-bg-orange a {
  color: var(--color-white) !important;
}

.bg-orange-transparent {
  background-color: rgba(var(--color-orange-rgb), 0.6);
}

.hover-bg-orange:hover {
  background-color: var(--color-orange);
}

.has-orange-color,
.color-orange {
  color: var(--color-orange);
}

a.color-orange:hover {
  color: color-mix(in srgb, var(--color-orange), white 10%);
}

.force-color-orange {
  color: var(--color-orange) !important;
}

.has-orange-dark-background-color,
.bg-orange-dark {
  background-color: var(--color-orange-dark);
  color: var(--color-white);
}
.has-orange-dark-background-color a,
.bg-orange-dark a {
  color: var(--color-white);
}

.force-bg-orange-dark {
  background-color: var(--color-orange-dark) !important;
  color: var(--color-white) !important;
}
.force-bg-orange-dark a {
  color: var(--color-white) !important;
}

.bg-orange-dark-transparent {
  background-color: rgba(var(--color-orange-dark-rgb), 0.6);
}

.hover-bg-orange-dark:hover {
  background-color: var(--color-orange-dark);
}

.has-orange-dark-color,
.color-orange-dark {
  color: var(--color-orange-dark);
}

a.color-orange-dark:hover {
  color: color-mix(in srgb, var(--color-orange-dark), white 10%);
}

.force-color-orange-dark {
  color: var(--color-orange-dark) !important;
}

.has-orange-darker-background-color,
.bg-orange-darker {
  background-color: var(--color-orange-darker);
  color: var(--color-white);
}
.has-orange-darker-background-color a,
.bg-orange-darker a {
  color: var(--color-white);
}

.force-bg-orange-darker {
  background-color: var(--color-orange-darker) !important;
  color: var(--color-white) !important;
}
.force-bg-orange-darker a {
  color: var(--color-white) !important;
}

.bg-orange-darker-transparent {
  background-color: rgba(var(--color-orange-darker-rgb), 0.6);
}

.hover-bg-orange-darker:hover {
  background-color: var(--color-orange-darker);
}

.has-orange-darker-color,
.color-orange-darker {
  color: var(--color-orange-darker);
}

a.color-orange-darker:hover {
  color: color-mix(in srgb, var(--color-orange-darker), white 10%);
}

.force-color-orange-darker {
  color: var(--color-orange-darker) !important;
}

.has-red-lighter-background-color,
.bg-red-lighter {
  background-color: var(--color-red-lighter);
  color: var(--color-black);
}
.has-red-lighter-background-color a,
.bg-red-lighter a {
  color: var(--color-black);
}

.force-bg-red-lighter {
  background-color: var(--color-red-lighter) !important;
  color: var(--color-black) !important;
}
.force-bg-red-lighter a {
  color: var(--color-black) !important;
}

.bg-red-lighter-transparent {
  background-color: rgba(var(--color-red-lighter-rgb), 0.6);
}

.hover-bg-red-lighter:hover {
  background-color: var(--color-red-lighter);
}

.has-red-lighter-color,
.color-red-lighter {
  color: var(--color-red-lighter);
}

a.color-red-lighter:hover {
  color: color-mix(in srgb, var(--color-red-lighter), white 10%);
}

.force-color-red-lighter {
  color: var(--color-red-lighter) !important;
}

.has-red-light-background-color,
.bg-red-light {
  background-color: var(--color-red-light);
  color: var(--color-black);
}
.has-red-light-background-color a,
.bg-red-light a {
  color: var(--color-black);
}

.force-bg-red-light {
  background-color: var(--color-red-light) !important;
  color: var(--color-black) !important;
}
.force-bg-red-light a {
  color: var(--color-black) !important;
}

.bg-red-light-transparent {
  background-color: rgba(var(--color-red-light-rgb), 0.6);
}

.hover-bg-red-light:hover {
  background-color: var(--color-red-light);
}

.has-red-light-color,
.color-red-light {
  color: var(--color-red-light);
}

a.color-red-light:hover {
  color: color-mix(in srgb, var(--color-red-light), white 10%);
}

.force-color-red-light {
  color: var(--color-red-light) !important;
}

.has-red-background-color,
.bg-red {
  background-color: var(--color-red);
  color: var(--color-white);
}
.has-red-background-color a,
.bg-red a {
  color: var(--color-white);
}

.force-bg-red {
  background-color: var(--color-red) !important;
  color: var(--color-white) !important;
}
.force-bg-red a {
  color: var(--color-white) !important;
}

.bg-red-transparent {
  background-color: rgba(var(--color-red-rgb), 0.6);
}

.hover-bg-red:hover {
  background-color: var(--color-red);
}

.has-red-color,
.color-red {
  color: var(--color-red);
}

a.color-red:hover {
  color: color-mix(in srgb, var(--color-red), white 10%);
}

.force-color-red {
  color: var(--color-red) !important;
}

.has-red-dark-background-color,
.bg-red-dark {
  background-color: var(--color-red-dark);
  color: var(--color-white);
}
.has-red-dark-background-color a,
.bg-red-dark a {
  color: var(--color-white);
}

.force-bg-red-dark {
  background-color: var(--color-red-dark) !important;
  color: var(--color-white) !important;
}
.force-bg-red-dark a {
  color: var(--color-white) !important;
}

.bg-red-dark-transparent {
  background-color: rgba(var(--color-red-dark-rgb), 0.6);
}

.hover-bg-red-dark:hover {
  background-color: var(--color-red-dark);
}

.has-red-dark-color,
.color-red-dark {
  color: var(--color-red-dark);
}

a.color-red-dark:hover {
  color: color-mix(in srgb, var(--color-red-dark), white 10%);
}

.force-color-red-dark {
  color: var(--color-red-dark) !important;
}

.has-red-darker-background-color,
.bg-red-darker {
  background-color: var(--color-red-darker);
  color: var(--color-white);
}
.has-red-darker-background-color a,
.bg-red-darker a {
  color: var(--color-white);
}

.force-bg-red-darker {
  background-color: var(--color-red-darker) !important;
  color: var(--color-white) !important;
}
.force-bg-red-darker a {
  color: var(--color-white) !important;
}

.bg-red-darker-transparent {
  background-color: rgba(var(--color-red-darker-rgb), 0.6);
}

.hover-bg-red-darker:hover {
  background-color: var(--color-red-darker);
}

.has-red-darker-color,
.color-red-darker {
  color: var(--color-red-darker);
}

a.color-red-darker:hover {
  color: color-mix(in srgb, var(--color-red-darker), white 10%);
}

.force-color-red-darker {
  color: var(--color-red-darker) !important;
}

.has-blue-lighter-background-color,
.bg-blue-lighter {
  background-color: var(--color-blue-lighter);
  color: var(--color-black);
}
.has-blue-lighter-background-color a,
.bg-blue-lighter a {
  color: var(--color-black);
}

.force-bg-blue-lighter {
  background-color: var(--color-blue-lighter) !important;
  color: var(--color-black) !important;
}
.force-bg-blue-lighter a {
  color: var(--color-black) !important;
}

.bg-blue-lighter-transparent {
  background-color: rgba(var(--color-blue-lighter-rgb), 0.6);
}

.hover-bg-blue-lighter:hover {
  background-color: var(--color-blue-lighter);
}

.has-blue-lighter-color,
.color-blue-lighter {
  color: var(--color-blue-lighter);
}

a.color-blue-lighter:hover {
  color: color-mix(in srgb, var(--color-blue-lighter), white 10%);
}

.force-color-blue-lighter {
  color: var(--color-blue-lighter) !important;
}

.has-blue-light-background-color,
.bg-blue-light {
  background-color: var(--color-blue-light);
  color: var(--color-white);
}
.has-blue-light-background-color a,
.bg-blue-light a {
  color: var(--color-white);
}

.force-bg-blue-light {
  background-color: var(--color-blue-light) !important;
  color: var(--color-white) !important;
}
.force-bg-blue-light a {
  color: var(--color-white) !important;
}

.bg-blue-light-transparent {
  background-color: rgba(var(--color-blue-light-rgb), 0.6);
}

.hover-bg-blue-light:hover {
  background-color: var(--color-blue-light);
}

.has-blue-light-color,
.color-blue-light {
  color: var(--color-blue-light);
}

a.color-blue-light:hover {
  color: color-mix(in srgb, var(--color-blue-light), white 10%);
}

.force-color-blue-light {
  color: var(--color-blue-light) !important;
}

.has-blue-background-color,
.bg-blue {
  background-color: var(--color-blue);
  color: var(--color-white);
}
.has-blue-background-color a,
.bg-blue a {
  color: var(--color-white);
}

.force-bg-blue {
  background-color: var(--color-blue) !important;
  color: var(--color-white) !important;
}
.force-bg-blue a {
  color: var(--color-white) !important;
}

.bg-blue-transparent {
  background-color: rgba(var(--color-blue-rgb), 0.6);
}

.hover-bg-blue:hover {
  background-color: var(--color-blue);
}

.has-blue-color,
.color-blue {
  color: var(--color-blue);
}

a.color-blue:hover {
  color: color-mix(in srgb, var(--color-blue), white 10%);
}

.force-color-blue {
  color: var(--color-blue) !important;
}

.has-blue-dark-background-color,
.bg-blue-dark {
  background-color: var(--color-blue-dark);
  color: var(--color-white);
}
.has-blue-dark-background-color a,
.bg-blue-dark a {
  color: var(--color-white);
}

.force-bg-blue-dark {
  background-color: var(--color-blue-dark) !important;
  color: var(--color-white) !important;
}
.force-bg-blue-dark a {
  color: var(--color-white) !important;
}

.bg-blue-dark-transparent {
  background-color: rgba(var(--color-blue-dark-rgb), 0.6);
}

.hover-bg-blue-dark:hover {
  background-color: var(--color-blue-dark);
}

.has-blue-dark-color,
.color-blue-dark {
  color: var(--color-blue-dark);
}

a.color-blue-dark:hover {
  color: color-mix(in srgb, var(--color-blue-dark), white 10%);
}

.force-color-blue-dark {
  color: var(--color-blue-dark) !important;
}

.has-blue-darker-background-color,
.bg-blue-darker {
  background-color: var(--color-blue-darker);
  color: var(--color-white);
}
.has-blue-darker-background-color a,
.bg-blue-darker a {
  color: var(--color-white);
}

.force-bg-blue-darker {
  background-color: var(--color-blue-darker) !important;
  color: var(--color-white) !important;
}
.force-bg-blue-darker a {
  color: var(--color-white) !important;
}

.bg-blue-darker-transparent {
  background-color: rgba(var(--color-blue-darker-rgb), 0.6);
}

.hover-bg-blue-darker:hover {
  background-color: var(--color-blue-darker);
}

.has-blue-darker-color,
.color-blue-darker {
  color: var(--color-blue-darker);
}

a.color-blue-darker:hover {
  color: color-mix(in srgb, var(--color-blue-darker), white 10%);
}

.force-color-blue-darker {
  color: var(--color-blue-darker) !important;
}

.has-woocommerce-dark-background-color,
.bg-woocommerce-dark {
  background-color: var(--color-woocommerce-dark);
  color: var(--color-white);
}
.has-woocommerce-dark-background-color a,
.bg-woocommerce-dark a {
  color: var(--color-white);
}

.force-bg-woocommerce-dark {
  background-color: var(--color-woocommerce-dark) !important;
  color: var(--color-white) !important;
}
.force-bg-woocommerce-dark a {
  color: var(--color-white) !important;
}

.bg-woocommerce-dark-transparent {
  background-color: rgba(var(--color-woocommerce-dark-rgb), 0.6);
}

.hover-bg-woocommerce-dark:hover {
  background-color: var(--color-woocommerce-dark);
}

.has-woocommerce-dark-color,
.color-woocommerce-dark {
  color: var(--color-woocommerce-dark);
}

a.color-woocommerce-dark:hover {
  color: color-mix(in srgb, var(--color-woocommerce-dark), white 10%);
}

.force-color-woocommerce-dark {
  color: var(--color-woocommerce-dark) !important;
}

.has-woocommerce-background-color,
.bg-woocommerce {
  background-color: var(--color-woocommerce);
  color: var(--color-white);
}
.has-woocommerce-background-color a,
.bg-woocommerce a {
  color: var(--color-white);
}

.force-bg-woocommerce {
  background-color: var(--color-woocommerce) !important;
  color: var(--color-white) !important;
}
.force-bg-woocommerce a {
  color: var(--color-white) !important;
}

.bg-woocommerce-transparent {
  background-color: rgba(var(--color-woocommerce-rgb), 0.6);
}

.hover-bg-woocommerce:hover {
  background-color: var(--color-woocommerce);
}

.has-woocommerce-color,
.color-woocommerce {
  color: var(--color-woocommerce);
}

a.color-woocommerce:hover {
  color: color-mix(in srgb, var(--color-woocommerce), white 10%);
}

.force-color-woocommerce {
  color: var(--color-woocommerce) !important;
}

.has-woocommerce-light-background-color,
.bg-woocommerce-light {
  background-color: var(--color-woocommerce-light);
  color: var(--color-black);
}
.has-woocommerce-light-background-color a,
.bg-woocommerce-light a {
  color: var(--color-black);
}

.force-bg-woocommerce-light {
  background-color: var(--color-woocommerce-light) !important;
  color: var(--color-black) !important;
}
.force-bg-woocommerce-light a {
  color: var(--color-black) !important;
}

.bg-woocommerce-light-transparent {
  background-color: rgba(var(--color-woocommerce-light-rgb), 0.6);
}

.hover-bg-woocommerce-light:hover {
  background-color: var(--color-woocommerce-light);
}

.has-woocommerce-light-color,
.color-woocommerce-light {
  color: var(--color-woocommerce-light);
}

a.color-woocommerce-light:hover {
  color: color-mix(in srgb, var(--color-woocommerce-light), white 10%);
}

.force-color-woocommerce-light {
  color: var(--color-woocommerce-light) !important;
}

.has-white-background-color,
.bg-white {
  background-color: var(--color-white);
  color: var(--color-black);
}
.has-white-background-color a,
.bg-white a {
  color: var(--color-black);
}

.force-bg-white {
  background-color: var(--color-white) !important;
  color: var(--color-black) !important;
}
.force-bg-white a {
  color: var(--color-black) !important;
}

.bg-white-transparent {
  background-color: rgba(var(--color-white-rgb), 0.6);
}

.hover-bg-white:hover {
  background-color: var(--color-white);
}

.has-white-color,
.color-white {
  color: var(--color-white);
}

a.color-white:hover {
  color: color-mix(in srgb, var(--color-white), white 10%);
}

.force-color-white {
  color: var(--color-white) !important;
}

.has-black-background-color,
.bg-black {
  background-color: var(--color-black);
  color: var(--color-white);
}
.has-black-background-color a,
.bg-black a {
  color: var(--color-white);
}

.force-bg-black {
  background-color: var(--color-black) !important;
  color: var(--color-white) !important;
}
.force-bg-black a {
  color: var(--color-white) !important;
}

.bg-black-transparent {
  background-color: rgba(var(--color-black-rgb), 0.6);
}

.hover-bg-black:hover {
  background-color: var(--color-black);
}

.has-black-color,
.color-black {
  color: var(--color-black);
}

a.color-black:hover {
  color: color-mix(in srgb, var(--color-black), white 10%);
}

.force-color-black {
  color: var(--color-black) !important;
}

.has-grey-lighter-background-color,
.bg-grey-lighter {
  background-color: var(--color-grey-lighter);
  color: var(--color-black);
}
.has-grey-lighter-background-color a,
.bg-grey-lighter a {
  color: var(--color-black);
}

.force-bg-grey-lighter {
  background-color: var(--color-grey-lighter) !important;
  color: var(--color-black) !important;
}
.force-bg-grey-lighter a {
  color: var(--color-black) !important;
}

.bg-grey-lighter-transparent {
  background-color: rgba(var(--color-grey-lighter-rgb), 0.6);
}

.hover-bg-grey-lighter:hover {
  background-color: var(--color-grey-lighter);
}

.has-grey-lighter-color,
.color-grey-lighter {
  color: var(--color-grey-lighter);
}

a.color-grey-lighter:hover {
  color: color-mix(in srgb, var(--color-grey-lighter), white 10%);
}

.force-color-grey-lighter {
  color: var(--color-grey-lighter) !important;
}

.has-grey-background-color,
.bg-grey {
  background-color: var(--color-grey);
  color: var(--color-black);
}
.has-grey-background-color a,
.bg-grey a {
  color: var(--color-black);
}

.force-bg-grey {
  background-color: var(--color-grey) !important;
  color: var(--color-black) !important;
}
.force-bg-grey a {
  color: var(--color-black) !important;
}

.bg-grey-transparent {
  background-color: rgba(var(--color-grey-rgb), 0.6);
}

.hover-bg-grey:hover {
  background-color: var(--color-grey);
}

.has-grey-color,
.color-grey {
  color: var(--color-grey);
}

a.color-grey:hover {
  color: color-mix(in srgb, var(--color-grey), white 10%);
}

.force-color-grey {
  color: var(--color-grey) !important;
}

.has-grey-dark-background-color,
.bg-grey-dark {
  background-color: var(--color-grey-dark);
  color: var(--color-white);
}
.has-grey-dark-background-color a,
.bg-grey-dark a {
  color: var(--color-white);
}

.force-bg-grey-dark {
  background-color: var(--color-grey-dark) !important;
  color: var(--color-white) !important;
}
.force-bg-grey-dark a {
  color: var(--color-white) !important;
}

.bg-grey-dark-transparent {
  background-color: rgba(var(--color-grey-dark-rgb), 0.6);
}

.hover-bg-grey-dark:hover {
  background-color: var(--color-grey-dark);
}

.has-grey-dark-color,
.color-grey-dark {
  color: var(--color-grey-dark);
}

a.color-grey-dark:hover {
  color: color-mix(in srgb, var(--color-grey-dark), white 10%);
}

.force-color-grey-dark {
  color: var(--color-grey-dark) !important;
}

.has-grey-darker-background-color,
.bg-grey-darker {
  background-color: var(--color-grey-darker);
  color: var(--color-white);
}
.has-grey-darker-background-color a,
.bg-grey-darker a {
  color: var(--color-white);
}

.force-bg-grey-darker {
  background-color: var(--color-grey-darker) !important;
  color: var(--color-white) !important;
}
.force-bg-grey-darker a {
  color: var(--color-white) !important;
}

.bg-grey-darker-transparent {
  background-color: rgba(var(--color-grey-darker-rgb), 0.6);
}

.hover-bg-grey-darker:hover {
  background-color: var(--color-grey-darker);
}

.has-grey-darker-color,
.color-grey-darker {
  color: var(--color-grey-darker);
}

a.color-grey-darker:hover {
  color: color-mix(in srgb, var(--color-grey-darker), white 10%);
}

.force-color-grey-darker {
  color: var(--color-grey-darker) !important;
}

.bg-transparent a {
  color: var(--color-green-darker);
}
.bg-transparent a:hover {
  color: color-mix(in srgb, var(--color-green-darker) 90%, white 10%);
}

/*# sourceMappingURL=colors.css.map */