/* # Genesis Framework
Theme Name: Creme Maison Bakery
Theme URI: http://www.crememaison.com
Description: Creme Maison Bakery
Author: Boy In Thought
Author URI: http://www.boyinthought.com/
Version: 3.0.34
Tags:
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Template: genesis
*/
/* # WARNING

This file is part of the core Genesis Framework. DO NOT edit this file under any circumstances. Please do all modifications in the form of a child theme.
Copy the contents of this file to the child theme. Do not use @import, as the CSS included with Genesis might change in the future.

*/
/* # Table of Contents
- Imports
- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Gallery
- Forms
- Tables
- Structure and Layout
- Site Containers
- Column Widths and Positions
- Column Classes
- Common Classes
- Avatar
- Genesis
- Search Form
- Titles
- WordPress
- Widgets
- Featured Content
- Plugins
- Genesis eNews Extended
- Jetpack
- Site Header
- Title Area
- Widget Area
- Site Navigation
- Header Navigation
- Primary Navigation
- Secondary Navigation
- Content Area
- Entries
- Entry Meta
- Pagination
- Comments
- Sidebars
- Footer Widgets
- Site Footer
- Media Queries
- Retina Display
- Max-width: 1200px
- Max-width: 960px
- Max-width: 800px
*/
@font-face {
  font-family: "moneta";
  src:
    url("../../../fonts/moneta.woff2") format("woff2"),
    url("../../../fonts/moneta.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

:root {
  --main-color: #ee7623;
  --main-color-dark: hsl(25, 86%, 44%);
  --main-color-2: #ee7623;
  --grey: #7d7d7d;
  --light-color: hsl(32, 10%, 97%);
  --light-orange: #fcecda;
}

/* ## Box Sizing
--------------------------------------------- */
*,
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "Montserrat", sans-serif;
}

/* ## Float Clearing
--------------------------------------------- */
.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
  clear: both;
  content: " ";
  display: table;
}

/* # Defaults
---------------------------------------------------------------------------------------------------- */
/* ## Typographical Elements
--------------------------------------------- */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img,
input[type="checkbox"] + *:after {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

::-moz-selection {
  background-color: #333;
  color: #fff;
}

::selection {
  background-color: #333;
  color: #fff;
}

a {
  text-decoration: none;
}

p {
  margin: 0 0 28px;
  padding: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

b,
strong {
  font-weight: 700;
}

blockquote,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 40px;
}

blockquote::before {
  content: "\201C";
  display: block;
  font-size: 30px;
  height: 0;
  left: -20px;
  position: relative;
  top: -10px;
}

/* ## Headings
--------------------------------------------- */
h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

/* ## Objects
--------------------------------------------- */
.gallery {
  overflow: hidden;
}

.gallery-item {
  float: left;
  margin: 0 0 28px;
  text-align: center;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
  width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.1111%;
}

/* ## Forms
--------------------------------------------- */
input,
select,
textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #333;
  font-size: 18px;
  font-weight: 300;
  padding: 10px 16px;
  width: 100%;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
}

::-moz-placeholder {
  color: #333;
  font-weight: 300;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #333;
  font-weight: 300;
}

.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .button {
  background-color: var(--main-color-2);
  color: #fff;
}

.entry-content .button:hover {
  color: #fff;
}

.footer-widgets button:hover,
.footer-widgets input:hover[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .button:hover {
  background-color: #fff;
  color: #333;
}

.button {
  display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
  display: none;
}

/* ## Tables
--------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin-bottom: 40px;
  width: 100%;
}

tbody {
  border-bottom: 1px solid #ddd;
}

td,
th {
  text-align: left;
}

td {
  border-top: 1px solid #ddd;
  padding: 6px 0;
}

th {
  font-weight: 400;
}

/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */
/* ## Site Containers.first{clear:both;margin-left:0;}/* # Common Classes
---------------------------------------------------------------------------------------------------- */
/* ## Avatar
--------------------------------------------- */
.avatar {
  float: left;
}

.alignleft .avatar,
.author-box .avatar {
  margin-right: 24px;
}

.alignright .avatar {
  margin-left: 24px;
}

.comment .avatar {
  margin: 0 16px 24px 0;
}

/* ## Genesis
--------------------------------------------- */
.breadcrumb {
  margin-bottom: 20px;
}

.archive-description,
.author-box {
  background-color: #fff;
  font-size: 16px;
  margin-bottom: 40px;
  padding: 40px;
}

.author-box-title {
  font-size: 16px;
  margin-bottom: 4px;
}

.archive-description p:last-child,
.author-box p:last-child {
  margin-bottom: 0;
}

/* ## Search Form
--------------------------------------------- */
.search-form {
  overflow: hidden;
}

.site-header .search-form {
  float: right;
  margin-top: 12px;
}

.entry-content .search-form,
.site-header .search-form {
  width: 50%;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* ## Titles
--------------------------------------------- */
.archive-title {
  font-size: 20px;
}

.entry-title {
  font-size: 36px;
}

.entry-title a,
.sidebar .widget-title a {
  color: #333;
}

.entry-title a:hover {
  color: var(--main-color-2);
}

.widget-title {
  font-size: 18px;
  margin-bottom: 20px;
}

.footer-widgets .widget-title {
  color: #fff;
}

/* ## WordPress
--------------------------------------------- */
a.aligncenter img {
  display: block;
  margin: 0 auto;
}

a.alignnone {
  display: inline-block;
}

.alignleft {
  float: left;
  text-align: left;
}

.alignright {
  float: right;
  text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
  max-width: 100%;
}

img.centered,
.aligncenter {
  display: block;
  margin: 0 auto 24px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
  margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
  margin: 0 0 24px 24px;
}

.wp-caption-text {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.entry-content p.wp-caption-text {
  margin-bottom: 0;
}

.sticky {
}

/* # Widgets
---------------------------------------------------------------------------------------------------- */
.widget {
  word-wrap: break-word;
}

.widget ol > li {
  list-style-position: inside;
  list-style-type: decimal;
  padding-left: 20px;
  text-indent: -20px;
}

.widget li li {
  border: none;
  margin: 0 0 0 30px;
  padding: 0;
}

.widget_calendar table {
  width: 100%;
}

.widget_calendar td,
.widget_calendar th {
  text-align: center;
}

/* ## Featured Content
--------------------------------------------- */
.footer-widgets .entry {
  border-bottom: 1px dotted #666;
}

.featured-content .entry-title {
  font-size: 20px;
}

/* # Plugins
---------------------------------------------------------------------------------------------------- */
/* ## Genesis eNews Extended
--------------------------------------------- */
.enews-widget,
.enews-widget .widget-title {
  color: #fff;
}

.sidebar .widget.enews-widget {
  background-color: #333;
}

.enews-widget input {
  font-size: 16px;
  margin-bottom: 16px;
}

.enews-widget input[type="submit"] {
  background-color: var(--main-color-2);
  color: #fff;
  margin: 0;
  width: 100%;
}

.enews-widget input:hover[type="submit"] {
  background-color: #fff;
  color: #333;
}

.enews form + p {
  margin-top: 24px;
}

/* ## Jetpack
--------------------------------------------- */
#wpstats {
  display: none;
}

/* # Site Header
---------------------------------------------------------------------------------------------------- */
.site-header {
  background-color: #fff;
  min-height: 160px;
}

.site-header .wrap {
  padding: 40px 0;
}

/* ## Title Area
--------------------------------------------- */
.title-area {
  float: left;
  padding: 10px 0;
  width: 360px;
}

.header-full-width .title-area {
  width: 100%;
}

.site-title {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
}

.site-title a,
.site-title a:hover {
  color: #333;
}

.header-image .site-title > a {
  background: url(images/logo.png) no-repeat left;
  float: left;
  min-height: 60px;
  width: 100%;
}

.site-description {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.site-description,
.site-title {
  margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title {
  display: block;
  text-indent: -9999px;
}

/* ## Widget Area
--------------------------------------------- */
.site-header .widget-area {
  float: right;
  text-align: right;
  width: 800px;
}

/* # Site Navigation
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu {
  clear: both;
  font-size: 16px;
  line-height: 1;
  width: 100%;
}

.genesis-nav-menu .menu-item {
  display: inline-block;
  text-align: left;
}

.genesis-nav-menu a {
  color: #333;
  display: block;
  padding: 30px 24px;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
  color: var(--main-color-2);
}

.genesis-nav-menu .sub-menu {
  left: -9999px;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 200px;
  z-index: 99;
}

.genesis-nav-menu .sub-menu a {
  background-color: #fff;
  border: 1px solid #eee;
  border-top: none;
  font-size: 14px;
  padding: 20px;
  position: relative;
  width: 200px;
}

.genesis-nav-menu .sub-menu .sub-menu {
  margin: -55px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
  position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
  left: auto;
  opacity: 1;
}

.genesis-nav-menu > .first > a {
  padding-left: 0;
}

.genesis-nav-menu > .last > a {
  padding-right: 0;
}

.genesis-nav-menu > .right {
  color: #fff;
  float: right;
  list-style-type: none;
  padding: 30px 0;
}

.genesis-nav-menu > .right > a {
  display: inline;
  padding: 0;
}

.genesis-nav-menu > .rss > a {
  margin-left: 48px;
}

.genesis-nav-menu > .search {
  padding: 10px 0 0;
}

/* ## Site Header Navigation
--------------------------------------------- */
.site-header .sub-menu {
  border-top: 1px solid #eee;
}

.site-header .sub-menu .sub-menu {
  margin-top: -56px;
}

.site-header .genesis-nav-menu li li {
  margin-left: 0;
}

/* ## Primary Navigation
--------------------------------------------- */
.nav-primary {
  background-color: #333;
}

.nav-primary .genesis-nav-menu a {
  color: #fff;
}

.nav-primary .genesis-nav-menu .sub-menu a {
  color: #333;
}

.nav-primary .genesis-nav-menu a:hover,
.nav-primary .genesis-nav-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
  color: var(--main-color-2);
}

/* ## Secondary Navigation
--------------------------------------------- */
.nav-secondary {
  background-color: #fff;
}

/* # Content Area
---------------------------------------------------------------------------------------------------- */
/* ## Entries
--------------------------------------------- */
.entry-content ol,
.entry-content ul {
  margin-bottom: 28px;
  margin-left: 40px;
}

.entry-content ol > li {
  list-style-type: decimal;
}

.entry-content ul > li {
  list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
  margin-bottom: 0;
}

.entry-content code {
  background-color: #333;
  color: #ddd;
}

/* ## Entry Meta
--------------------------------------------- */
p.entry-meta {
  font-size: 16px;
  margin-bottom: 0;
}

.entry-header .entry-meta {
  margin-bottom: 24px;
}

.entry-footer .entry-meta {
  border-top: 2px solid #f5f5f5;
  padding-top: 24px;
}

.entry-categories,
.entry-tags {
  display: block;
}

.entry-comments-link::before {
  content: "\2014";
  margin: 0 6px 0 2px;
}

/* ## Pagination
--------------------------------------------- */
.pagination {
  margin: 40px 0;
}

.adjacent-entry-pagination {
  margin-bottom: 0;
}

.archive-pagination ul {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.archive-pagination li {
  display: inline;
}

.archive-pagination li a {
  background-color: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 50%);
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding: 8px 12px;
}

.archive-pagination li a:hover,
.archive-pagination .active a {
  background-color: var(--main-color-2);
  color: #fff;
}

/* ## Comments
--------------------------------------------- */
.comment-respond,
.entry-comments,
.entry-pings {
  background-color: #fff;
  margin-bottom: 40px;
}

.comment-respond,
.entry-pings {
  padding: 40px 40px 16px;
}

.entry-comments {
  padding: 40px;
}

.comment-header {
  font-size: 16px;
}

li.comment {
  background-color: #f5f5f5;
  border: 2px solid #fff;
  border-right: none;
}

.comment-content {
  clear: both;
}

.comment-list li {
  margin-top: 24px;
  padding: 32px;
}

.comment-list li li {
  margin-right: -32px;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
  width: 50%;
}

.comment-respond label {
  display: block;
  margin-right: 12px;
}

.entry-comments .comment-author {
  margin-bottom: 0;
}

.entry-pings .reply {
  display: none;
}

.bypostauthor {
}

.form-allowed-tags {
  background-color: #f5f5f5;
  font-size: 16px;
  padding: 24px;
}

/* # Sidebars
---------------------------------------------------------------------------------------------------- */
.sidebar {
  font-size: 16px;
}

.sidebar li {
  border-bottom: 1px dotted #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.sidebar p:last-child,
.sidebar ul > li:last-child {
  margin-bottom: 0;
}

.sidebar .widget {
  background-color: #fff;
  margin-bottom: 40px;
  padding: 40px;
}

/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */
.footer-widgets {
  background-color: #333;
  clear: both;
  padding-top: 40px;
}

.footer-widgets,
.footer-widgets a {
  color: #999;
}

.footer-widgets input {
  border: 1px solid #333;
}

.footer-widgets a.button,
.footer-widgets a:hover {
  color: #fff;
}

.footer-widgets li {
  border-bottom: 1px dotted #666;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.footer-widgets .widget {
  margin-bottom: 40px;
}

.footer-widgets p:last-child {
  margin-bottom: 0;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
  width: 340px;
}

.footer-widgets-1 {
  margin-right: 60px;
}

.footer-widgets-1,
.footer-widgets-2 {
  float: left;
}

.footer-widgets-3 {
  float: right;
}

/* # Site Footer
---------------------------------------------------------------------------------------------------- */
.site-footer {
  background-color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 40px 0;
  text-align: center;
}

.site-footer p {
  margin-bottom: 0;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
  .site-inner,
  .wrap {
    max-width: 960px;
  }

  .content-sidebar-sidebar .content-sidebar-wrap,
  .sidebar-content-sidebar .content-sidebar-wrap,
  .sidebar-sidebar-content .content-sidebar-wrap {
    width: 740px;
  }

  .content,
  .site-header .widget-area {
    width: 620px;
  }

  .sidebar-content-sidebar .content,
  .sidebar-sidebar-content .content,
  .content-sidebar-sidebar .content {
    width: 400px;
  }

  .footer-widgets-1,
  .footer-widgets-2,
  .footer-widgets-3,
  .sidebar-primary,
  .title-area {
    width: 300px;
  }

  .footer-widgets-1 {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 960px) {
  .site-inner,
  .wrap {
    max-width: 800px;
  }

  .content,
  .content-sidebar-sidebar .content,
  .content-sidebar-sidebar .content-sidebar-wrap,
  .footer-widgets-1,
  .footer-widgets-2,
  .footer-widgets-3,
  .sidebar-content-sidebar .content,
  .sidebar-content-sidebar .content-sidebar-wrap,
  .sidebar-primary,
  .sidebar-secondary,
  .sidebar-sidebar-content .content,
  .sidebar-sidebar-content .content-sidebar-wrap,
  .site-header .widget-area,
  .title-area {
    width: 100%;
  }

  .site-header .wrap {
    padding: 20px 5%;
  }

  .header-image .title-area {
    background-position: center top;
  }

  .genesis-nav-menu li,
  .site-header ul.genesis-nav-menu,
  .site-header .search-form {
    float: none;
  }

  .genesis-nav-menu,
  .site-description,
  .site-header .title-area,
  .site-header .search-form,
  .site-title {
    text-align: center;
  }

  .genesis-nav-menu a,
  .genesis-nav-menu > .first > a,
  .genesis-nav-menu > .last > a {
    padding: 20px 16px;
  }

  .site-header .search-form {
    margin: 16px auto;
  }

  .genesis-nav-menu li.right {
    display: none;
  }

  .footer-widgets-1 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 800px) {
  body {
    background-color: #fff;
    font-size: 16px;
  }

  .site-inner,
  .wrap {
    padding-left: 5%;
    padding-right: 5%;
  }

  .archive-description,
  .author-box,
  .comment-respond,
  .entry,
  .entry-comments,
  .entry-pings,
  .sidebar .widget,
  .site-header {
    padding: 0;
  }

  .archive-pagination li a {
    margin-bottom: 4px;
  }

  .five-sixths,
  .four-sixths,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .three-fourths,
  .three-sixths,
  .two-fourths,
  .two-sixths,
  .two-thirds {
    margin: 0;
    width: 100%;
  }

  .sidebar .widget.enews-widget {
    padding: 40px;
  }
}

/*RESET*/
/*RESET*/
/*RESET*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: 400;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}

html {
  box-sizing: border-box;
}

*,
:before,
:after {
  box-sizing: inherit;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: 700;
  vertical-align: top;
}

td {
  font-weight: 400;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

input[type="radio"] {
  margin-right: 5px;
  vertical-align: unset;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select,
input,
textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  /* font-size: 15px; */
}

td,
td img {
  vertical-align: top;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}

.clickable,
label,
input[type="button"],
input[type="submit"],
input[type="file"],
button {
  cursor: pointer;
}

button,
input,
select,
textarea {
  margin: 0;
}

button,
input[type="button"] {
  width: auto;
  overflow: visible;
}

.ie7 img {
  -ms-interpolation-mode: bicubic;
}

.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

a {
  text-decoration: none;
}

li {
  list-style: none !important;
}

input,
textarea {
  /* border: 0; */
  /* outline: 0; */
  box-shadow: none;
}

/*RESET*/
/*RESET*/
/*RESET*/
.button-1,
#menu-main a,
.featured-on-wrapper ul li img,
#menu-main > li > ul,
.products li img,
.button,
.sm-icons-side li,
.sm-icons-side > li,
.product {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

h1 {
  position: relative;
  font:
    200 48px "moneta",
    sans-serif;
  color: var(--main-color-2);
}

h2 {
  position: relative;
  font-size: 36px;
  font-family: "moneta", sans-serif;
}

h3 {
  position: relative;
  font:
    200 28px "moneta",
    sans-serif;
  color: var(--main-color-2);
}

h4 {
  position: relative;
  font:
    200 18px "Montserrat",
    sans-serif;
  color: var(--main-color-2);
}

h5 {
  position: relative;
  font:
    400 16px "Montserrat",
    sans-serif;
  color: var(--main-color-2);
  line-height: 30px;
}

h6 {
  position: relative;
  font-size: 10px;
}

p,
.grid-content li {
  position: relative;
  font:
    400 14px "Montserrat",
    sans-serif;
  line-height: 20px;
  color: #7d7d7d;
}

a {
  text-decoration: none;
  color: var(--main-color-2);
  font-weight: 600;
}

b {
  font-weight: 500;
}

::selection {
  background: var(--main-color-2);
  color: #ffffff;
  /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: var(--main-color-2);
  color: #ffffff;
  /* Gecko Browsers */
}

#mainContainer {
  position: absolute;
  height: auto;
  width: 100%;
  display: none;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

.disp-fb {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.col-w-1 {
  width: 10%;
  padding: 10px;
}

.col-w-2 {
  width: 20%;
  padding: 10px;
}

.col-w-3 {
  width: 30%;
  padding: 10px;
}

.col-w-4 {
  width: 40%;
  padding: 10px;
}

.col-w-5 {
  width: 50%;
  padding: 10px;
}

.col-w-6 {
  width: 60%;
  padding: 10px;
}

.col-w-7 {
  width: 70%;
  padding: 10px;
}

.col-w-8 {
  width: 80%;
  padding: 10px;
}

.col-w-9 {
  width: 90%;
  padding: 10px;
}

.col-w-10 {
  width: 100%;
  padding: 10px;
}

.align-c {
  text-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.half-w {
  width: 50%;
}

.gradient-fade {
  position: absolute;
  height: 100%;
  left: calc(50% - 200px);
  width: 200px !important;
  display: block;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}

.lr-layout-full > li:nth-child(even) > .gradient-fade {
  left: 50%;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.button,
input.button-1,
.button-1,
button.wc-stripe-checkout-button,
button[name="apply_coupon"],
a.button.wc-backward {
  position: relative;
  color: var(--main-color-2);
  background-color: transparent;
  padding: 10px 16px;
  display: inline-table;
  width: fit-content;
  border: 2px solid var(--main-color-2);
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin-top: 25px;
  font:
    300 14px "Montserrat",
    sans-serif;
}

.button:hover,
input.button-1:hover,
.button-1:hover,
button.wc-stripe-checkout-button:hover,
button[name="apply_coupon"]:hover,
a.button.wc-backward:hover {
  background-color: var(--main-color-2);
  color: #ffffff;
}

.button-2,
input.button-2 {
  position: relative;
  background-color: var(--main-color-2);
  color: #ffffff;
  width: fit-content;
  padding: 10px 16px;
  display: inline-table;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin-top: 25px;
  font:
    400 14px "Montserrat",
    sans-serif;
  cursor: pointer;
}

.button-2:hover,
input.button-2:hover {
  background-color: #a2926f;
  color: #ffffff;
}

td.actions {
  background-color: rgba(250, 250, 250, 1);
  padding: 0px 30px;
  border-bottom: 1px solid #cccccc;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  font:
    400 14px "Montserrat",
    sans-serif;
}

.woocommerce-message .button,
.shop_table .actions button[type="submit"],
.checkout-button,
button.button.alt {
  position: relative;
  background-color: var(--main-color-2);
  color: #ffffff;
  width: fit-content;
  padding: 10px 16px;
  display: inline-table;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font:
    600 14px "Montserrat",
    sans-serif;
  cursor: pointer;
  margin: 20px 5px 20px 0px;
}

.checkout-button {
  margin-top: 20px;
}

.woocommerce-message .button:hover,
.shop_table .actions button[type="submit"]:hover,
.checkout-button:hover,
button.button.alt:hover {
  background-color: var(--main-color-dark);
  color: #ffffff;
  -moz-transform: scale(0.97);
  -webkit-transform: scale(0.97);
  -o-transform: scale(0.97);
  -ms-transform: scale(0.97);
  transform: scale(0.97);
}

.grid-content {
  position: relative;
  /* width: 1000px; */
  /* left: calc(50% - 500px); */
  width: min(100%, 1400px);
  margin: 0 auto;
  padding: 40px 3% 50px 3%;
}

#map {
  position: relative;
  height: 300px;
  width: 100%;
  margin-bottom: 30px;
}

/*CLOSE BUTTON*/
/*CLOSE BUTTON*/
/*CLOSE BUTTON*/
#menu-main a.js-close-menu {
  position: fixed;
  display: none;
  right: 20px;
  top: 40px;
}

.contact-modal .close,
.contact-modal .contact-modal-content,
.contact-modal .contact-social {
  -webkit-transition: 0.55s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.55s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.55s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
}

.contact-modal .close {
  position: absolute;
  right: 2vw;
  top: 2vw;
}

.close span::after,
.close span::before {
  content: "";
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: var(--main-color);
  margin-top: -1px;
  -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
}

.close span::before {
  -webkit-transform: rotate(45deg) translateZ(0) scale(1, 1);
  -moz-transform: rotate(45deg) translateZ(0) scale(1, 1);
  -ms-transform: rotate(45deg) translateZ(0) scale(1, 1);
  -o-transform: rotate(45deg) translateZ(0) scale(1, 1);
  transform: rotate(45deg) translateZ(0) scale(1, 1);
}

.close span::after {
  -webkit-transform: rotate(-45deg) translateZ(0) scale(1, 1);
  -moz-transform: rotate(-45deg) translateZ(0) scale(1, 1);
  -ms-transform: rotate(-45deg) translateZ(0) scale(1, 1);
  -o-transform: rotate(-45deg) translateZ(0) scale(1, 1);
  transform: rotate(-45deg) translateZ(0) scale(1, 1);
}

.close span:nth-child(2)::after,
.close span:nth-child(2)::before,
.close:hover span:nth-child(1)::after,
.close:hover span:nth-child(1)::before {
  background-color: rgba(33, 33, 33, 0);
}

.close span:nth-child(2)::before {
  -webkit-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0)
    scale(1, 1);
  -moz-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0)
    scale(1, 1);
  -ms-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0)
    scale(1, 1);
  -o-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
  transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
}

.close span:nth-child(2)::after {
  -webkit-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0)
    scale(1, 1);
  -moz-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0)
    scale(1, 1);
  -ms-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0)
    scale(1, 1);
  -o-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
}

.close:hover span:nth-child(2)::before {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
  -moz-transform: rotate(45deg) translate3d(0, 0, 0);
  -ms-transform: rotate(45deg) translate3d(0, 0, 0);
  -o-transform: rotate(45deg) translate3d(0, 0, 0);
  transform: rotate(45deg) translate3d(0, 0, 0);
}

.close:hover span:nth-child(2)::after {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
  -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
  -o-transform: rotate(-45deg) translate3d(0, 0, 0);
  transform: rotate(-45deg) translate3d(0, 0, 0);
}

.close:hover span:nth-child(1)::before {
  -webkit-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0)
    scale(1, 1);
  -moz-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0)
    scale(1, 1);
  -ms-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  -o-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
}

.close:hover span:nth-child(1)::after {
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0)
    scale(1, 1);
  -moz-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0)
    scale(1, 1);
  -ms-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0)
    scale(1, 1);
  -o-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0)
    scale(1, 1);
  transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
}

.close {
  width: 22px;
  height: 22px;
}

.contact-modal .close:hover span:nth-child(2)::after,
.contact-modal .close:hover span:nth-child(2)::before {
  background-color: #832232;
}

/*CLOSE BUTTON*/
/*CLOSE BUTTON*/
/*CLOSE BUTTON*/
/*MENU OPEN BUTTON*/
/*MENU OPEN BUTTON*/
/*MENU OPEN BUTTON*/
.open-menu {
  -webkit-transition: 0.55s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.55s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.55s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  position: absolute;
  right: 20px;
  top: 40px;
  width: 22px;
  height: 22px;
  display: none;
}

@media screen and (max-width: 980px) {
  .open-menu {
    display: block;
  }
}

.open-menu span::after,
.open-menu span::before {
  content: "";
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: var(--main-color-2);
  margin-top: -1px;
  -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
}

.open-menu span::before {
  -webkit-transform: rotate(0deg) translateY(-5px) scale(1, 1);
  -moz-transform: rotate(0deg) translateY(-5px) scale(1, 1);
  -ms-transform: rotate(0deg) translateY(-5px) scale(1, 1);
  -o-transform: rotate(0deg) translateY(-5px) scale(1, 1);
  transform: rotate(0deg) translateY(-5px) scale(1, 1);
}

.open-menu span::after {
  -webkit-transform: rotate(0deg) translateY(5px) scale(1, 1);
  -moz-transform: rotate(0deg) translateY(5px) scale(1, 1);
  -ms-transform: rotate(0deg) translateY(5px) scale(1, 1);
  -o-transform: rotate(0deg) translateY(5px) scale(1, 1);
  transform: rotate(0deg) translateY(5px) scale(1, 1);
}

/*MENU OPEN BUTTON*/
/*MENU OPEN BUTTON*/
/*MENU OPEN BUTTON*/
/*BACK TO TOP*/
/*BACK TO TOP*/
/*BACK TO TOP*/
.back-to-top {
  position: absolute;
  right: calc(2vw + 10px);
  top: -100px;
  opacity: 0;
  z-index: 10;
  width: 20px;
  height: 2px;
  padding: 20px 20px;
  margin-top: -30px;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.appear-from-top {
  top: calc(2vw + 10px);
  opacity: 1;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.back-to-top span {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 2px;
}

/*BACK TO TOP*/
/*BACK TO TOP*/
/*BACK TO TOP*/
.one-pixel-divider {
  position: relative;
  width: 50px;
  height: 1px;
  background-color: var(--main-color-2);
  margin: 25px 0px;
}

.one-pixel-divider.center {
  position: relative;
  left: calc(50% - 25px);
}

.header {
  position: fixed;
  z-index: 333;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

.header-scroll {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

.header-top-bar {
  position: relative;
  width: 100%;
  /* height: 15px; */
  top: 0px;
  align-self: flex-start;
}

.main-logo {
  position: relative;
  width: 100px;
  height: auto;
  left: 5%;
  top: 0px;
  background: transparent;
  -webkit-box-shadow: inset 0 0 0px 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0px 0 rgba(0, 0, 0, 0);
  -webkit-transition:
    height 0.3s,
    left 0.3s,
    top 0.3s;
  -moz-transition:
    height 0.3s,
    left 0.3s,
    top 0.3s;
  -ms-transition:
    height 0.3s,
    left 0.3s,
    top 0.3s;
  -o-transition:
    height 0.3s,
    left 0.3s,
    top 0.3s;
  transition:
    height 0.3s,
    left 0.3s,
    top 0.3s;
}

.main-logo > img {
  position: relative;
  width: 100%;
  left: 0px;
  top: 0px;
}

.menu-main-container {
  position: relative;
  display: block;
}

#menu-main {
  position: relative;
  width: 100%;
  height: calc(100% - 20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0px 5% 0px 0px;
}

#menu-main > li {
  position: relative;
  display: block;
}

#menu-main > li > a:hover,
#menu-main > li:hover > a,
.current_page_item {
  color: var(--main-color-2);
}

#menu-main li > a {
  position: relative;
  display: block;
  color: #7f7f7f;
  padding: 23px 10px;
  font-size: 14px;
  text-transform: uppercase;
  font:
    400 12px "Montserrat",
    sans-serif;
}

#menu-main > li > a {
  z-index: 10;
  background-color: #ffffff;
}

#menu-main > li > a.wpmenucart-contents {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: max-content;
  min-width: 85px;
  -webkit-justify-content: center;
  justify-content: center;
}

/*MENU LVL 2*/
#menu-main > li > ul {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  /* border-top: 2px solid var(--main-color-2); */
  display: block;
  width: max-content;
  top: 10%;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  width: 100vw;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  gap: 15px;
  background-color: var(--light-color);
}

#menu-main > li > ul > li > a {
  font-weight: 700;
  padding: 10px 5px;
  z-index: 10;
  background-color: var(--light-color);
  color: var(--grey);
  display: flex;
  align-items: center;
}

#menu-main > li:hover > ul {
  top: auto;
  opacity: 1;
  height: fit-content;
  overflow: visible;
}

#menu-main li > ul > li {
  position: relative;
  width: auto;
  max-width: 160px;
  display: block;
}

#menu-main > li > ul > li {
  display: grid;
  grid-template-rows: 50px auto;
}

#menu-main li > ul > li > a:hover {
  color: var(--main-color-2);
  /* background-color: #ffffff; */
}

#menu-main li > ul > li:hover {
  /* background-color: #ffffff; */
}

#menu-main li > ul > li:hover > ul {
  display: block;
}

/*MENU LVL 3*/
#menu-main > li > ul > li > ul {
  position: absolute;
  /* background-color: rgba(250, 250, 250, 1); */
  /* -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); */
  /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); */
  left: 100%;
  /* width: fit-content; */
  display: none;
  top: 0px;
  border-top: 2px solid var(--main-color-2);

  position: relative;
  display: block;
  left: 0;
}

#menu-main > li > ul > li > ul a {
  padding: 10px 5px;
}

#menu-main > .menu-item-has-children {
  padding: 0px 10px 0px 0px;
  height: 100%;
}

#menu-main > .menu-item-has-children::after {
  content: "▾";
  position: absolute;
  top: 20px;
  z-index: 99;
  right: 5px;
  font-size: 13px;
  color: #7f7f7f;
}

#menu-main > li > ul > .menu-item-has-children {
}

#menu-main > li > ul > .menu-item-has-children::after {
  /* content: "▸"; */
  position: absolute;
  top: 10px;
  z-index: 99;
  right: 10px;
  font-size: 13px;
  color: var(--grey);
}

#menu-main > li > ul > .menu-item-has-children > a {
  padding: 10px 5px;
}

.header-right {
  position: relative;
  width: 10%;
  display: block;
}

.content-wrapper {
  position: relative;
  padding: 80px 0px 0px 0px;
  min-height: calc(100vh - 174px);
}

.giant-banner {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  border: 20px solid #ffffff;
  border-width: 0px 20px 20px 20px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.giant-banner > img {
  position: relative;
  width: 100%;
}

.regular-banner {
  position: relative;
  width: 100%;
  height: auto;
  line-height: 0px;
  overflow: hidden;
}

.regular-banner img {
  position: relative;
  width: 100%;
  height: 450px;
  object-fit: cover;
}

.regular-banner:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 150px;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.lr-layout-full {
  position: relative;
  width: 100%;
}

.lr-layout-full > li {
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
}

.lr-layout {
  position: relative;
  width: 100%;
  margin: 30px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.lr-layout > li {
  position: relative;
  width: 50%;
  background-color: #ffffff;
  padding: 0px 20px;
}

.homepage-section-feature-img {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.homepage-section-feature-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lr-layout-full > li > * {
  width: 50%;
}

.lr-layout-full > li:nth-child(even) {
  -webkit-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap;
}

.lr-layout-content {
  position: relative;
  height: min-content;
  padding: 50px 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}

.homepage-instagram-feed-wrapper {
  position: relative;
  width: 100%;
  padding: 50px 0px;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}

.ig-display,
.instagram-pics,
.gallery {
  position: relative;
  width: 1000px;
  margin-top: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.ig-display > li,
.instagram-pics > li {
  position: relative;
  width: 24%;
  margin: 0.5%;
}

.gallery dl {
  position: relative;
  width: 240px;
  height: 240px;
  margin: 0.5%;
  overflow: hidden;
}

.gallery dl .wp-caption-text {
  position: absolute;
  bottom: 0px;
  padding: 6px 12px;
  text-align: left;
  background-color: var(--main-color);
  color: #ffffff;
  font:
    400 12px "Montserrat",
    sans-serif;
}

.ig-display > li > a,
.instagram-pics > li > a,
.ig-display > li img,
.instagram-pics > li img {
  width: 100%;
}

.gallery-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.gallery-icon.landscape {
  position: relative;
  width: 100%;
  height: 100%;
}

.gallery-icon a {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.gallery-icon.landscape a img {
  height: 100%;
  width: auto;
  max-width: none;
}

.grid-content p {
  text-align: justify;
}

.corporate-intro {
  position: relative;
  width: 70%;
}

.collab-list {
  position: relative;
  width: 100%;
}

.collab-list .one-pixel-divider {
  left: 50%;
}

.collab-list li {
  position: relative;
  width: 100%;
  margin: 40px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.collab-list li img {
  position: relative;
  width: 200px;
  left: calc(25% - 100px);
}

.collab-list li p {
  text-align: justify;
}

.collab-list li .collab-details {
  width: 50%;
}

.clients-content {
  position: relative;
  display: grid;
  align-items: center;
}

.clients-content > div {
  width: 50%;
}

.clients-list {
  position: relative;
  padding: 0px 20px;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}

.clients-list li {
  position: relative;
  width: 200px;
}

.clients-list li img {
  width: 100%;
  filter: saturate(0);
  opacity: 0.8;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  padding: 2em 1.5em;
}

.content-intro {
  position: relative;
  width: 100%;
  padding: 0px 20%;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-align-items: center;
  align-items: center;
}

.content-intro p {
  text-align: center;
  margin-bottom: 20px;
}

.content-intro p:last-child {
  margin: 0px;
}

.products {
  width: 100%;
}

.products:not(.related) {
  position: relative;
  margin: 70px 0px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));
  gap: 40px 20px;
  width: 100%;
  padding: 0 1em;
}

.products > li {
  position: relative;
  /* width: 23%; */
  /* margin: 25px 1%; */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.products > li > * {
  flex-grow: 1;
}

.products li > a {
  padding: 0 0 100% 0;
  flex-grow: 0;
}

.products li img {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0px;
  object-fit: cover;
}

.products li > a:nth-of-type(1),
.products li > img {
  position: relative;
  display: block;
  width: 100%;
}

.product-detail {
  position: relative;
  width: 100%;
  margin: 20px 0px 0px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  text-align: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.products li:hover > a img {
  border: 5px solid var(--main-color-2);
}

.product-detail > a {
  position: relative;
  width: 100%;
}

.product-detail > a.button:hover {
  text-decoration: underline;
}

.product-detail h4 {
  width: 100%;
}

.product-detail p {
  font-size: 12px;
  width: 100%;
  margin: 0px 0px 6px 0px;
}

.price {
  position: relative;
  display: block;
  font:
    400 12px "Montserrat",
    sans-serif;
  margin: 0px 0px 10px 0px;
  color: #7d7d7d;
  width: 100%;
}

.summary .price {
  margin: 10px 0px;
}

.add-to-cart,
.add_to_cart_button,
.product-detail > a.button {
  position: relative;
  display: block;
  color: #ffffff;
  font:
    500 13px "Montserrat",
    sans-serif;
  margin-top: 15px;
  padding: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: var(--main-color);
  border-radius: 3px;
  border: 0px;
}

.single_add_to_cart_button {
  position: relative;
  display: block;
  font:
    400 13px "Montserrat",
    sans-serif;
  margin-top: 20px;
  background-color: var(--main-color-2);
  color: #ffffff;
  padding: 10px 20px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  text-transform: uppercase;
  top: 0px;
  border: 0px;
  width: 100%;
}

.add-to-cart:hover,
.add_to_cart_button:hover {
  color: var(--main-color-2);
}

.single_add_to_cart_button:hover {
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.3);
  background-color: #bf8f37;
}

.wpcf7-form {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}

.wpcf7-form input,
.wpcf7-form textarea {
  position: relative;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  border-bottom: 2px solid #cccccc;
  color: #7d7d7d;
  display: block;
  padding: 8px 5px;
  font-size: 14px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}

.wpcf7-form textarea {
  max-width: 100%;
}

.wpcf7-form input:hover,
.wpcf7-form textarea:hover,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-bottom: 2px solid var(--main-color-2);
  color: var(--main-color-2);
  font-weight: 400;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  background-color: var(--light-orange);
}

.wpcf7-form input[type="submit"] {
  align-self: flex-end;
  position: relative;
  background-color: var(--main-color-2);
  color: #ffffff;
  width: fit-content;
  padding: 10px 16px;
  display: inline-table;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin-top: 25px;
  font:
    400 14px "Montserrat",
    sans-serif;
  cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover {
  background-color: #a2926f;
  color: #ffffff;
}

.wpcf7-form label {
  position: relative;
  font-family: "Montserrat", sans-serif;
  color: #7d7d7d;
  display: block;
  padding: 8px 5px;
  font-size: 14px;
}

.wpcf7-form > p {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 10px 0px;
}

.wpcf7-form > p > span {
  width: 100%;
}

.wpcf7-form input[type="radio"] {
  width: auto;
  margin: 2px 10px 2px 0px;
}

span.wpcf7-list-item {
  display: -webkit-inline-box;
}

footer {
  position: relative;
  width: 100%;
  height: auto;
  background-color: var(--light-orange);
  padding: 20px 0 10px 0%;
  -webkit-justify-content: space-between !important;
  justify-content: space-between !important;
}

footer p {
  font-size: 12px;
  margin: 0px 0% 0px 5%;
}

#menu-footer {
  position: relative;
  margin: 0px 0% 0px 5%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

#menu-footer > li {
  margin: 0px 5px;
}

#menu-footer > li > a {
  color: var(--main-color-2);
  font:
    700 12px "Montserrat",
    sans-serif;
}

.featured-on-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  margin: 10px 0px 0px 0px;
  -webkit-box-shadow: inset 0 0 20px 10px rgba(244, 238, 227, 1);
  box-shadow: inset 0 0 20px 10px rgba(244, 238, 227, 1);
}

.featured-on-wrapper ul {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.featured-on-wrapper ul li {
  position: relative;
  width: 120px;
  padding: 10px;
}

.featured-on-wrapper ul li:first-child {
  width: fit-content;
}

.featured-on-wrapper ul li img {
  width: 100%;
  opacity: 0.7;
}

.featured-on-wrapper ul li img:hover {
  opacity: 1;
}

.three-col {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.three-col > * {
  position: relative;
  width: 31%;
  margin: 1%;
}

.three-col > * > * {
  position: relative;
  width: 100%;
}

.three-col > * > img {
  height: auto;
}

.woocommerce-result-count {
  display: none;
}

.woocommerce-loop-product__title {
  position: relative;
  font:
    300 16px "Montserrat",
    sans-serif;
  color: var(--main-color-2);
  width: 100%;
}

.page-numbers {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #888888;
  font:
    400 15px "Montserrat",
    sans-serif;
}

.page-numbers li {
  position: relative;
}

.page-numbers li span {
  position: relative;
  display: block;
  border-bottom: 2px solid transparent;
  padding: 15px;
}

.page-numbers li a {
  position: relative;
  display: block;
  border-bottom: 2px solid transparent;
  padding: 15px;
  color: var(--main-color-2);
  top: 0px;
}

.page-numbers li:hover a {
  border-bottom: 2px solid var(--main-color-2);
  top: -2px;
}

.page-numbers.current {
  color: #ffffff;
  background-color: var(--main-color);
  border-radius: 5px;
}

.product {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.product .woocommerce-product-gallery,
.product .summary {
  position: relative;
  width: calc(50% - 20px);
}

.summary label {
  color: var(--main-color-2);
  font:
    300 14px "Lora",
    sans-serif;
}

.woocommerce-product-gallery__wrapper .wp-post-image {
  position: relative;
  width: 100%;
  height: auto;
}

.woocommerce-tabs ul.wc-tabs,
.woocommerce-Tabs-panel--additional_information,
.product_meta {
  display: none;
}

.woocommerce-product-details__short-description p {
  position: relative;
  margin: 0px 0px 20px 0px;
}

.quantity {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}

.quantity .input-text.qty {
  position: relative;
  width: 70%;
  border: 1px solid #cccccc;
  padding: 8px 12px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.quantity .input-text.qty:focus {
  border: 2px solid var(--main-color-2);
}

.variations {
  margin-bottom: 1rem;
}

.variations td.label {
  width: 30%;
}

.variations td {
  padding: 0px;
}

.flex-control-nav {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
}

.flex-control-nav li {
  position: relative;
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin: 3px;
}

.flex-control-nav li img {
  width: 100%;
  height: auto;
}

span.onsale {
  position: absolute !important;
  top: -20px;
  left: -20px;
  color: #ffffff;
  width: 60px !important;
  height: 60px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-color: var(--main-color-2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex !important;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 2;
  font:
    200 22px "moneta",
    sans-serif;
}

span.onsale {
  position: absolute !important;
  top: -20px;
  left: -20px;
  color: #ffffff;
  width: 60px !important;
  height: 60px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-color: var(--main-color-2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex !important;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 2;
  font:
    200 22px "moneta",
    sans-serif;
}

div.product span.onsale {
  top: 30px;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: var(--main-color-2);
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: var(--main-color-dark);
}

.woocommerce-variation-price .price,
.woocommerce-variation-description {
  font-size: 14px;
  padding: 0px 0px 0px 30%;
}

.woocommerce-variation-price .price:after {
  content: "per unit";
  left: 1px;
  position: relative;
}

.pixcode strong {
  color: var(--main-color-2);
}

.pixcode .tab-pane {
  margin: 50px 0px;
}

.pixcode li {
  margin: 15px 0px;
  text-align: justify;
  padding: 0px 30px;
}

.pixcode li a:hover {
  text-decoration: underline;
}

.pixcode--tabs__nav {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
}

ul ol,
ol ol,
dl ol {
  margin-left: 36px;
  margin-left: 2.25rem;
  border-left: 0;
  padding-left: 0;
}

ol {
  margin-top: 24px;
  margin-bottom: 24px;
}

.numeric-list ol,
.numeric-list li {
  display: block;
  list-style-type: decimal !important;
  list-style: decimal !important;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}

ol ol ul,
ol ul ul,
ul ol ul,
ul ul ul {
  list-style-type: square;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding: 1em 2em;
  margin: 0 0 2em;
  position: relative;
  background-color: #f7f6f7;
  color: #515151;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
  border-top: 3px solid var(--main-color-2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  list-style: none outside !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  width: 100%;
}

.woocommerce-error strong {
  color: #555555;
  text-decoration: underline;
}

.rtl.woocommerce div.product div.images .flex-control-thumbs li {
  float: right;
}

.woocommerce-message {
  border-top-color: #8fae1b;
}

.shop_table {
  font:
    400 14px "Montserrat",
    sans-serif;
  color: #555;
}

.shop_table thead:first-child tr {
  background-color: var(--main-color-2);
  color: #ffffff;
  height: 20px;
  line-height: 20px;
}

th,
td {
  padding: 10px;
}

tr.woocommerce-cart-form__cart-item {
  border-bottom: 1px solid #cccccc;
}

.woocommerce-cart-form__cart-item td {
  padding: 10px;
}

td.product-remove {
  width: 30px;
}

td.product-remove a {
  font-size: 22px;
}

td.product-thumbnail {
  width: 20%;
}

td.product-thumbnail img {
  width: 100%;
  height: auto;
}

td.product-price,
td.product-quantity,
td.product-subtotal {
  width: 10%;
}

td.product-quantity {
  min-width: 88px;
}

td.product-name {
  width: calc(50% - 30px);
}

td.product-quantity .quantity .screen-reader-text {
  display: none;
}

.variation {
  margin-top: 15px;
}

.variation dd {
  margin: 5px 0px;
}

.coupon {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: fit-content;
  padding: 10px 0px;
  float: left;
}

.coupon > * {
  width: fit-content;
}

.coupon > label {
  display: none;
}

.coupon input[type="text"] {
  position: relative;
  width: 150px;
  font-family: "Montserrat", sans-serif;
  border-bottom: 2px solid #cccccc;
  color: #7d7d7d;
  display: block;
  padding: 8px 5px;
  font-size: 14px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}

.coupon input[type="text"]:hover,
.coupon input[type="text"]:focus {
  border-bottom: 2px solid var(--main-color-2);
  color: var(--main-color-2);
  font-weight: 400;
}

.coupon input[type="submit"] {
  align-self: flex-end;
  position: relative;
  background-color: var(--main-color-2);
  color: #ffffff;
  width: fit-content;
  padding: 10px 16px;
  display: inline-table;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin-left: 20px;
  font:
    400 14px "Montserrat",
    sans-serif;
  cursor: pointer;
  margin-top: 0px;
}

.coupon input[type="submit"]:hover {
  background-color: #a2926f;
  color: #ffffff;
}

.shop_table .actions button[type="submit"] {
  float: right;
  margin: 10px 0px;
}

.woocommerce-checkout-review-order-table .cart_item {
  border-bottom: 1px solid #cccccc;
}

.woocommerce-product-gallery__image img {
  width: 100%;
  height: auto;
}

.woocommerce-message {
  position: relative;
  font:
    400 14px "Montserrat",
    sans-serif;
  color: #333333;
  border-top: 2px solid var(--main-color-2);
}

.galleryid-12861,
.galleryid-12861 dl {
  overflow: visible !important;
}

.cart-collaterals {
  position: relative;
  width: 50%;
  left: 50%;
  margin: 30px 0px;
  padding: 30px;
  background-color: #f1f1f2;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #cccccc;
}

.cart-collaterals h2 {
  font:
    300 30px "Montserrat",
    sans-serif;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
  padding: 0px 0px 10px 0px;
  color: var(--main-color-2);
}

.woocommerce-shipping-calculator input[type="text"] {
  margin: 10px 0px;
  height: 30px;
  border-radius: 7px;
}

.li.wpmenucartli a.wpmenucart-contents span {
  width: fit-content;
}

#customer_details {
  position: relative;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.col2-set > * {
  width: 50%;
  padding: 0px 20px;
}

.col2-set > * p {
  text-align: left;
}

#customer_details label {
  width: 100%;
  position: relative;
  display: block;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#customer_details .form-row {
  margin: 15px 0px 0px 0px;
}

#customer_details .form-row.form-row-first,
#customer_details .form-row.form-row-last {
  width: 48%;
}

#customer_details .form-row.form-row-wide {
  width: 100%;
}

#customer_details .form-row:hover {
  color: var(--main-color-2) !important;
}

#billing_address_2_field {
  margin: 5px 0px;
}

#customer_details .form-row input,
#customer_details .form-row select,
#customer_details .form-row textarea {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 9px 12px;
  border: 1px solid #cccccc;
  background-color: rgba(248, 248, 248, 1);
  margin-top: 2px;
  font-family: Arial, sans-serif;
  color: #555;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#customer_details .form-row:hover input,
#customer_details .form-row:hover textarea {
  border-color: var(--main-color-2);
  background-color: #fff;
}

#customer_details select,
.select2-container .select2-selection--single {
  height: 36px;
}

abbr[title],
dfn[title] {
  border-bottom: 0px;
}

/* div#payment {
  position: relative;
  border: 1px solid #ddd;
  border-top: 40px solid var(--main-color-2);
  border-radius: 7px;
  padding: 20px;
  background-color: rgba(250, 250, 250, 1);
}

#payment label {
  font-weight: 700;
  color: #555555;
}

*/
#payment label,
#payment p,
#payment span {
  font-family: "Montserrat", sans-serif;
}

#wc-stripe-cc-form label {
  padding: 0px;
  font-size: 13px;
}

.form-group.ppom-input-add_ons {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

label.form-control-label {
  width: 30%;
}

select#add_ons {
  width: 70%;
}

.woocommerce-product-details__short-description img {
  width: 100%;
}

.discount-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}

.shipping_method > li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 3px 0px;
}

.shipping_method > li > label {
  padding: 0px 0px 0px 10px;
}

.sm-icons-side {
  position: fixed;
  width: 35px;
  height: auto;
  right: 0px;
  left: auto;
  top: 130px;
}

.sm-icons-side > li {
  position: absolute;
  top: 0px;
  right: -350px;
  left: auto;
  width: 350px;
  height: 500px;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.corporate-contact div.wpcf7 {
  overflow: scroll;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
}

.sm-icons-side > li.corporate-contact > img {
  background-color: var(--main-color-2);
}

.sm-icons-side > li.corporate-contact > img:active {
  background-color: #304a81;
}

.sm-icons-side > li.corporate-contact {
  border: 5px solid var(--main-color-2);
}

.sm-icons-side > li > img {
  width: 45px;
  height: 45px;
  display: block;
  position: absolute;
  left: -50px;
  cursor: pointer;
  top: 0px;
  padding: 7px;
}

.form-group .controls select {
  margin: 0px;
}

.orddd_field_note {
  font-size: 14px !important;
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.woocommerce-ordering {
  padding: 0px 20px;
}

.woocommerce-ordering .orderby {
  width: 220px;
  float: right;
}

.form-group {
  margin-bottom: 20px;
}

.ppom-wrapper label {
  margin-bottom: 5px;
}

.ppom-wrapper .form-control {
  font:
    400 15px "Montserrat",
    sans-serif;
  height: 35px;
  width: 70% !important;
  float: right;
}

.archive .entry-summary .entry-summary {
  display: none;
}

.ppom-wrapper span.show_required {
  position: absolute;
  color: #da3535 !important;
}

.out-of-stock {
  display: inline-block;
  padding: 4px 8px;
  font-weight: 700;
  background-color: #b3001b;
  border-radius: 3px;
  color: #fff;
}

li.product.outofstock .product-detail:before {
  position: absolute;
  content: "OUT OF STOCK";
  display: inline-block;
  align-self: center;
  transform: translateY(calc(100% - 40px));
  font-size: 10px;
  padding: 4px 6px;
  font-weight: 700;
  background-color: #b3001b;
  border-radius: 3px;
  color: #fff;
  line-height: 1;
}

li.product.product_tag-low-in-stock .product-detail:before {
  position: absolute;
  content: "LOW IN STOCK";
  display: inline-block;
  align-self: center;
  transform: translateY(calc(100% - 40px));
  font-size: 10px;
  padding: 4px 6px;
  font-weight: 700;
  background-color: var(--main-color-2);
  border-radius: 3px;
  color: #fff;
  line-height: 1;
}

li.product.featured .product-detail:before {
  position: absolute;
  content: "FAVOURITE";
  display: inline-block;
  align-self: center;
  transform: translateY(calc(100% - 40px));
  font-size: 10px;
  padding: 4px 6px;
  font-weight: 700;
  background-color: var(--main-color-2);
  border-radius: 3px;
  color: #fff;
  line-height: 1;
}

li.product.product_tag-seasonal .product-detail:before {
  position: absolute;
  content: "SEASONAL";
  display: inline-block;
  align-self: center;
  transform: translateY(calc(100% - 40px));
  font-size: 10px;
  padding: 4px 6px;
  font-weight: 700;
  background-color: var(--main-color-2);
  border-radius: 3px;
  color: #fff;
  line-height: 1;
}

.product .grid-content p,
.woocommerce .grid-content p {
  text-align: left;
}

.order_details > li,
.woocommerce-order-overview > li,
.deliveryDetails {
  margin: 10px 0px;
  text-align: center;
}

.woocommerce-order,
.woocommerce-notice {
  text-align: center !important;
}

section.woocommerce-order-details {
  margin: 50px 0px 50px 0px;
}

h2.woocommerce-order-details__title {
  position: relative;
  font:
    200 48px "moneta",
    sans-serif;
  color: var(--main-color-2);
}

.woocommerce-table__product-name > a {
  font-weight: 600;
  font-size: 0.9rem;
}

ul.wc-item-meta {
  padding: 10px 0px;
}

.wc-item-meta > li {
  margin: 5px 0px;
  font-size: 0.75rem;
}

/* #stripe-payment-data {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0px 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
} */
.wc-stripe-elements-field:hover,
.wc-stripe-iban-element-field:hover {
  outline: 1px solid #ddd;
}

.wc-stripe-elements-field:focus,
.wc-stripe-iban-element-field:focus {
  outline: 1px solid var(--main-color-2);
  border: 1px solid var(--main-color-2);
}

#stripe-payment-data p {
  width: 100%;
  text-align: left;
}

.payment_box .woocommerce_error {
  margin: 20px 0px -20px 0px;
  border-color: #d03512;
}

.payment_box.payment_method_stripe {
  padding-bottom: 0px;
}

fieldset#wc-stripe-cc-form {
  width: 100%;
  position: relative;
  margin-top: 20px;
  height: auto;
}

.woocommerce-order-overview strong,
.order_details > li > strong {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--main-color-2);
}

.woocommerce-table tfoot {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 20px 0px;
  margin: 20px 0px;
  position: relative;
  color: #555555;
}

.woocommerce-columns {
  display: flex;
  flex-flow: row wrap;
  color: #555555;
  font-family: "Montserrat", sans-serif;
  line-height: normal;
}

.woocommerce-customer-details h2 {
  color: var(--main-color-2);
  margin: 0px 0px 20px 0px;
  font-size: 1.5rem;
}

.woocommerce-customer-details p,
.woocommerce-customer-details address {
  text-align: center;
  margin: 10px 0px;
  color: #555555;
}

address {
  font-style: normal;
}

.media-accolades h3.widget-title {
  display: none;
}

.media-accolades > div {
  border-bottom: 1px solid #cccccc;
  padding: 10px;
}

.media-accolades > div ul li {
  text-align: center;
  font:
    400 1.3rem "Montserrat",
    sans-serif;
  margin: 20px 0px;
}

.media-accolades > div ul li:hover > a {
  text-decoration: underline;
}

form.checkout_coupon.woocommerce-form-coupon {
  position: relative;
  padding: 10px 30px;
  color: #ffffff;
  margin-bottom: 30px;
  border: 1px solid #cccccc;
}

input#coupon_code {
  background-color: #f1f1f2;
  border: 1px solid #cccccc;
  padding: 10px 12px;
  border-radius: 5px;
  margin: 5px 0px;
}

a.showcoupon {
  margin: 0px 5px;
}

tr.woocommerce-table__line-item.order_item {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
}

.deliveryDetails {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.deliveryDetails > strong {
  padding: 15px 20px;
  margin: 15px 0px 0px 0px;
  border: 1px solid var(--main-color);
  color: var(--main-color);
  background-color: var(--light-orange);
  display: inline-block;
  border-radius: 5px;
}

.deliveryDetails span strong {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

li.wc_payment_method {
  margin: 10px 0px;
}

.wc_payment_method input[name="payment_method"] {
  display: none;
}

.wc_payment_method > label {
  padding: 10px;
  background-color: var(--light-color);
  border-radius: 5px;
}

.wc_payment_method input[name="payment_method"]:checked + label {
  background-color: var(--main-color);
  color: #fff;
  border-radius: 5px 5px 0 0;
}

.payment_box {
  padding: 20px;
}

span.woocommerce-terms-and-conditions-checkbox-text {
  top: 5px;
  position: relative;
  padding: 0px 0px 0px 16px;
}

.woocommerce form .form-row .required {
  position: relative;
  color: #9a8049;
}

#ship-to-different-address span {
  position: relative;
  font:
    600 12.5px "Montserrat",
    sans-serif;
  top: 0px;
}

#rev_slider_2_1 .zeus.tparrows {
  top: 50vh !important;
}

.tp-bullets.zeus.horizontal.nav-pos-hor-center.nav-pos-ver-bottom.nav-dir-horizontal {
  top: calc(100vh - 90px) !important;
}

.tp-bullet > span {
  display: none;
}

.booking_form .form-group .controls select,
.booking_form select,
.booking_form textarea,
.booking_form input[type="text"] {
  width: 100% !important;
}

#wpadminbar .screen-reader-text,
#wpadminbar .screen-reader-text span {
  display: none;
}

.before-fade-in {
  opacity: 0;
  top: 10px;
}

.fade-in {
  opacity: 1;
  top: 0px;
}

.product.entry::before,
.product.entry::after {
  display: none;
}

.woocommerce-product-details__short-description ul {
  margin-bottom: 20px;
}

.woocommerce-product-details__short-description ul li {
  list-style-type: disc !important;
  margin: 0px 0px 5px 25px;
}

.woocommerce-product-details__short-description p + ul {
  margin-top: -10px;
}

.wpcf7-response-output {
  font:
    500 14px "Montserrat",
    sans-serif;
  border: 0px !important;
  padding: 0.5em 1em !important;
  background-color: #bf9b4c;
  border-radius: 5px;
  color: #ffffff;
}

.wc_payment_method > label {
  font:
    400 18px "Montserrat",
    sans-serif;
}

td.product-name {
  font-weight: 800;
  color: #555;
}

p > br {
  position: relative;
  display: block;
  height: 1rem;
  content: "";
}

a.reset_variations {
  float: right;
  padding: 0em 0.6em;
  border: 1px solid var(--main-color-2);
  font-size: 14px;
  border-radius: 5px;
  position: relative;
  display: block;
  margin: 5px 0px 0px 0px;
  display: none !important;
}

.woocommerce-variation-price .price:after {
  content: " per cake";
}

.product_cat-cupcakes-terrarium-cupcakes
  .woocommerce-variation-price
  .price:after {
  content: " per box";
}

#product-88795 .woocommerce-variation-price .price:after {
  content: " per set";
}

.woocommerce-product-details__short-description br {
  height: 0px;
}

footer a {
  font-weight: 600;
}

:focus {
  outline: 0px;
}

a:hover,
a:focus {
  color: var(--main-color-dark);
  text-decoration: none;
}

.woocommerce-shipping-destination {
  display: none;
}

/*ORDER review AND PAYMENT*/
#order_review_heading {
  position: relative;
  font:
    200 34px "Montserrat",
    sans-serif;
  color: var(--main-color-2);
  text-align: center;
  letter-spacing: 0px;
  margin: 50px 0px 20px;
}

#order_review {
  position: relative;
  /* display: -ms-grid; */
  /* display: grid; */
  /* -ms-grid-columns: 1fr 30px 1fr; */
  /* grid-template-columns: 1fr 1fr; */
  /* grid-gap: 30px; */
}

#order_review > *:nth-child(2) {
  -ms-grid-column: 3;
}

#order_review .shop_table {
  background-color: rgba(250, 250, 250, 1);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 0px 1px #ddd;
}

#order_review .shop_table tr > * {
  width: 50%;
}

#order_review tr.order-total {
  border-top: 4px double var(--main-color-2);
  background-color: #f7f2e9;
}

#order_review .shop_table tfoot {
  background-color: #fff;
}

#order_review .shop_table tfoot tr:not(.order-total) th {
  color: #777;
  font-weight: 600;
}

#order_review tr.order-total * {
  font-weight: 600;
  font-size: 105%;
  vertical-align: middle;
}

.shop_table p {
  font-family: "Montserrat", sans-serif;
  text-align: left;
}

#payment:before {
  content: "Payment";
  font:
    600 14px "Montserrat",
    sans-serif;
  position: absolute;
  top: -28px;
  z-index: 3;
  color: #fff;
}

#payment .form-row {
  margin: 0px 0px;
}

button#place_order {
  font-weight: 700;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 0px;
  background-color: var(--main-color);
}

#shipping_method input[type="radio"] {
  display: none;
}

#shipping_method > li label {
  padding: 10px;
  background-color: #f1f1f2;
  border-radius: 5px;
  margin-bottom: 5px;
  border: 1px solid #ddd;
  display: block;
}

#shipping_method > li label,
#shipping_method > li label > span {
  font:
    600 14px "Montserrat",
    sans-serif;
  display: block;
}

#shipping_method > li label > span {
  margin-left: 5px !important;
}

#shipping_method > li > input:checked ~ label {
  background-color: var(--main-color-2);
  color: #fff;
  border: 2px solid var(--main-color-dark);
}

#shipping_method > li label:hover {
  background-color: #fff6e2;
}

::placeholder {
  opacity: 0.5;
}

/*CHECKBOXES*/
input[type="checkbox"] {
  display: none !important;
  width: 100%;
}

input[type="checkbox"] + * {
  position: relative;
  padding-left: 50px !important;
  display: inline-block;
}

input[type="checkbox"] + *:before {
  content: "";
  width: 45px;
  height: 25px;
  border-radius: 30px;
  position: absolute;
  display: inline-block;
  margin-right: 0.5em;
  opacity: 1;
  box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  background-color: #ddd;
  left: 0px;
  top: -3px;
  cursor: pointer;
}

input[type="checkbox"] + *:after {
  position: absolute;
  content: "";
  width: 19px;
  height: 19px;
  border-radius: 10px;
  background-color: #eee;
  left: 3px;
  top: 0px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

input[type="checkbox"]:checked + *:after {
  background-color: var(--main-color-2);
  left: 22px;
  box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.6);
}

input[type="checkbox"]:checked + *:before {
  background-color: #eee;
}

tr.cart-discount * {
  color: var(--main-color-2);
  font-weight: 700;
}

tr.cart-discount > th:after {
  content: "Bakes purchased must be collected on the collection date indicated. For orders with multiple delivery or collection dates, kindly start a separate order.";
  display: block;
  margin-top: 5px;
  font-weight: 600;
  max-width: 300px;
  color: #d46b6b;
  font-size: 13px;
}

.woocommerce-store-notice {
  z-index: 444;
  position: fixed;
  width: 100%;
  text-align: center;
  border-top: 1px solid var(--main-color-dark);
  color: #fff;
  background-color: var(--main-color-2);
  padding: 0.5em;
  bottom: 0px;
}

.woocommerce-store-notice__dismiss-link {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  background-color: var(--main-color-dark);
  height: 100%;
  padding: 0.3em 0.6em;
  font-weight: 300;
  border-radius: 5px;
  color: #fff;
}

.woocommerce-store-notice__dismiss-link:hover {
  color: #ffffff;
}

.woocommerce-breadcrumb {
  display: block;
  width: 100%;
  margin: 10px 0px 15px;
  font:
    500 14px "Montserrat",
    sans-serif;
  color: #7d7d7d;
}

.term-christmas-cakes .regular-banner img {
  object-position: bottom;
}

.woocommerce-terms-and-conditions-checkbox-text + .required {
  display: none;
}

.whatsapp-button {
  position: fixed;
  display: block;
  width: 44px;
  height: 44px;
  right: 10px;
  bottom: 10px;
  z-index: 9999999;
  color: #fff;
  background-color: #25d366;
  border-radius: 50%;
  line-height: 44px;
  text-align: center;
  font-size: 25px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.self-collection #time_slot option[value="18:00 - 19:00"] {
  display: none;
}

option[value="Firework candles (SGD5.00 each)"] {
  display: none !important;
}

/* Mailing list pop-up lightbox
 * Requires JS, CSS, DOM
 */
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

/* The popup form - hidden by default */
#mc4wp-form-1 {
  display: none;
  position: fixed;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  margin: 0px;
}

/* Add styles to the form container */
.mc4wp-form-fields {
  position: relative;
  max-width: 600px;
  width: 100%;
  background-color: #fff;
  margin: auto auto;
  padding: 45px 60px;
  box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.2);
  top: calc(50% - 220px);
}

.mc4wp-form-fields h1 {
  text-align: center;
  margin-bottom: 20px;
}

/* Full-width input fields */
.mc4wp-form-fields input {
  margin-bottom: 20px;
}

.mc4wp-form-fields input[type="email"] {
  width: 100%;
  background-color: #f5f5f5;
  padding: 12px 12px;
  border-radius: 5px;
}

/* Set a style for the submit/login button */
.mc4wp-form-fields .button-2 {
  width: 100%;
}

/* Add a red background color to the cancel button */
.mc4wp-form-fields .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.mc4wp-form-fields .btn:hover,
.open-button:hover {
  opacity: 1;
}

.mc-modal .content__titleDescription span {
  font-family: "moneta", sans-serif !important;
}

.mobile-header-cart-icon {
  display: none;
}

/*CCE*/
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1000px) {
  .giant-banner {
    height: auto;
  }
}

@media screen and (max-width: 980px) {
  .header {
    -webkit-justify-content: center;
    justify-content: center;
  }

  .regular-banner:after {
    height: 100px;
  }

  .regular-banner img {
    height: 320px;
  }

  .menu-main-container {
    position: absolute;
    width: 50%;
    right: 0px;
    top: 0px;
    display: block;
    height: auto;
  }

  #menu-main {
    position: absolute;
    width: 100%;
    height: calc(100vh - 80px);
    top: 80px;
    right: -100%;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    opacity: 0;
    background-color: var(--light-color);
    padding: 15px 0px 0px 0px;
    overflow: scroll;
  }

  #menu-main::-webkit-scrollbar {
    display: none;
  }

  #menu-main li {
    width: 100%;
    text-align: center;
  }

  #menu-main li > a {
    padding: 15px 0px;
  }

  #menu-main > li > a {
    background-color: #f8f5f0;
  }

  #menu-main > li > ul > li > a {
    justify-content: center;
  }

  #menu-main > li:hover > ul {
    top: 0px;
  }

  #menu-main > li > ul {
    position: relative;
    width: 100%;
    padding: 0px;
    border-top: 1px solid var(--light-orange);
    border-bottom: 1px solid var(--light-orange);
    bottom: auto;

    /* background-color: var(--main-color-2); */
    /* -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); */
    /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); */
    /* border-top: 2px solid var(--main-color-2); */
    display: block;
    top: 10%;
    height: 0px;
    opacity: 0;
    overflow: hidden;
  }

  #menu-main > li > ul > li > ul {
    position: relative;
    left: 0px;
    width: 100%;
    border-top: 1px solid var(--light-orange);
    border-bottom: 1px solid var(--light-orange);
    display: none;
  }

  #menu-main > li > ul > li > ul > li > a {
    background-color: var(--light-color);
  }

  #menu-main > .menu-item-has-children {
    padding: 0px;
    height: auto;
  }

  #menu-main li > ul > li {
    max-width: none;
  }

  #menu-main > .menu-item-has-children::after {
    right: 20px;
    top: 12px;
  }

  #menu-main > li > ul > .menu-item-has-children::after {
    content: "▾";
    right: 20px;
  }

  .main-logo {
    left: 0px;
  }

  footer.disp-fb {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }

  footer p,
  footer #menu-footer {
    margin: 6px 0px;
    text-align: center;
    padding: 0px 5%;
  }

  #menu-footer > li {
    width: 100%;
    margin: 7px 0px;
  }

  .featured-on-wrapper ul {
    padding: 10px 5%;
  }

  .featured-on-wrapper ul li {
    margin: -10px 0px;
  }

  .featured-on-wrapper ul li:first-child {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }

  .ig-display,
  .instagram-pics,
  .gallery {
    width: 100%;
  }

  .grid-content {
    width: 100%;
    left: 0px;
    padding: 0px 10%;
    margin: 30px 0px;
  }

  .content-intro {
    padding: 0px;
  }

  .products:not(.related) {
    /* width: 100%; */
    padding: 0px;
    /* margin: 0px; */
    margin-top: 70px;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }

  .products > li {
    /* width: 31%; */
    /* margin: 10px 1%; */
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: inherit;
    align-items: inherit;
  }

  .products li > *:first-child {
    width: 100%;
  }

  .product-detail {
    width: 100%;
    margin: 10px 0px 0px 0px;
  }

  #menu-main > li > a.wpmenucart-contents {
    width: 100%;
  }

  #menu-main > li.wpmenucartli {
    position: fixed;
    display: none;
    visibility: inherit;
    opacity: 1;
    bottom: 0px;
    right: 0px;
    width: 50%;
    height: 47px;
    z-index: 999999;
  }

  #menu-main > li > a.wpmenucart-contents {
    background-color: var(--main-color);
    color: #ffffff;
    border-top: 1px solid var(--main-color-dark);
  }

  .wpmenucart-icon-shopping-cart-0:before {
    font-size: 20px;
    margin: 0px 7px 0px -7px;
  }

  .mobile-header-cart-icon {
    position: absolute;
    display: block;
    left: 20px;
    top: 35px;
  }
}

@media screen and (max-width: 670px) {
  h1 {
    font-size: 40px;
  }

  h4 {
    font-size: 15px;
  }

  .main-logo {
    width: 100px;
  }

  .one-pixel-divider {
    margin: 25px 0px;
  }

  .products > li {
    /* width: 48%;
    margin: 10px 1%;
    padding: 10px; */
  }

  .lr-layout-full > li > * {
    width: 100%;
  }

  .lr-layout-full > li:nth-child(even) {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .lr-layout-full > li {
    height: auto;
  }

  .homepage-section-feature-img {
    height: 300px;
  }

  .gradient-fade {
    display: none;
  }

  .lr-layout-full > li:first-child .homepage-section-feature-img {
    display: none;
  }

  .lr-layout-content {
    padding: 40px 30px;
  }

  .homepage-instagram-feed-wrapper {
    padding: 50px 5%;
    text-align: center;
  }

  .ig-display > li,
  .instagram-pics > li,
  .gallery dl {
    width: 29vw;
    height: 29vw;
    margin: 0.5%;
  }

  .grid-content {
    padding: 0px 3%;
  }

  .clients-content > div,
  .clients-list,
  .corporate-intro {
    width: 100%;
  }

  .collab-list li img {
    width: 200px;
    left: calc(50% - 100px);
    margin-bottom: 20px;
  }

  .collab-list li .collab-details {
    width: 100%;
  }

  .collab-list .one-pixel-divider {
    left: calc(50% - 25px);
  }

  .lr-layout > li {
    width: 100%;
    padding: 10px;
  }

  .three-col > * {
    width: 100%;
  }

  .product .woocommerce-product-gallery,
  .product .summary {
    width: 100%;
  }

  .pixcode li {
    padding: 0px 10px;
  }

  /* Force table to not be like tables anymore */
  .woocommerce-page table.shop_table,
  .woocommerce-page table.shop_table thead,
  .woocommerce-page table.shop_table tbody,
  .woocommerce-page table.shop_table th,
  .woocommerce-page table.shop_table td,
  .woocommerce-page table.shop_table tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .woocommerce-page table.shop_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .woocommerce-page table.shop_table tr {
    /*border: 1px solid #d2d3d3; */
  }

  .woocommerce-page table.shop_table td {
    /* Behave  like a "row" */
    border: 1px solid #d2d3d3;
    position: relative;
    padding-left: 30% !important;
  }

  .woocommerce-page table.shop_table {
    border: none;
  }

  .woocommerce-page table.shop_table td.product-spacer {
    border-color: #fff;
    height: 10px;
  }

  .woocommerce-page table.shop_table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }

  /*
  Label the data
  */
  .woocommerce-page table.shop_table td.product-remove:before {
    content: "DELETE";
  }

  .woocommerce-page table.shop_table td.product-thumbnail:before {
    content: "IMAGE";
  }

  .woocommerce-page table.shop_table td.product-name:before {
    content: "PRODUCT";
  }

  .woocommerce-page table.shop_table td.product-price:before {
    content: "PRICE";
  }

  .woocommerce-page table.shop_table td.product-quantity:before {
    content: "QUANTITY";
  }

  .woocommerce-page table.shop_table td.product-subtotal:before {
    content: "SUBTOTAL";
  }

  .woocommerce-page table.shop_table td.product-total:before {
    content: "TOTAL";
  }

  .woocommerce .quantity,
  .woocommerce #content .quantity,
  .woocommerce-page .quantity,
  .woocommerce-page #content .quantity {
    margin: 0;
  }

  .woocommerce-page table.cart td.actions,
  .woocommerce-page #content table.cart td.actions {
    text-align: left;
    border: 0;
    padding-left: 6px !important;
  }

  .woocommerce-page table.cart td.actions .button.alt,
  .woocommerce-page #content table.cart td.actions .button.alt {
    float: left;
    margin-top: 10px;
  }

  .woocommerce-page table.cart td.actions div,
  .woocommerce-page #content table.cart td.actions div,
  .woocommerce-page table.cart td.actions input,
  .woocommerce-page #content table.cart td.actions input {
    margin-bottom: 10px;
  }

  .woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
    text-align: left;
  }

  .woocommerce-page .cart-collaterals .cart_totals th,
  .woocommerce-page .cart-collaterals .cart_totals td {
    border: 0 !important;
  }

  .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
    padding-left: 6px !important;
  }

  .woocommerce-page table.shop_table tr.cart-subtotal td,
  .woocommerce-page table.shop_table tr.shipping td,
  .woocommerce-page table.shop_table tr.total td,
  .woocommerce-page table.shop_table.order_details tfoot th,
  .woocommerce-page table.shop_table.order_details tfoot td {
    padding-left: 6px !important;
    border: 0 !important;
  }

  .woocommerce-page table.shop_table tbody {
    padding-top: 10px;
  }

  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2,
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
  }

  .woocommerce .order_details ul,
  .woocommerce-page .order_details ul,
  .woocommerce .order_details,
  .woocommerce-page .order_details {
    padding: 0;
  }

  .woocommerce .order_details li,
  .woocommerce-page .order_details li {
    clear: left;
    margin-bottom: 10px;
    border: 0;
  }

  th.product-thumbnail,
  td.product-thumbnail {
    display: none;
  }

  td.actions {
    padding: 0px 0px;
  }

  .coupon {
    width: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    float: none;
    padding: 0px;
  }

  .shop_table .actions button[name="update_cart"] {
    margin-right: 5%;
  }

  .cart-collaterals {
    width: 100%;
    left: 0px;
  }

  .sm-icons-side {
    top: 100px;
    width: 100%;
  }

  .sm-icons-side > li {
    right: calc(45px - 100%);
    width: calc(100% - 45px);
  }

  .woocommerce-ordering .orderby {
    height: auto;
  }

  .woocommerce-error,
  .woocommerce-info,
  .woocommerce-message {
    -webkit-justify-content: center;
    justify-content: center;
  }

  .shop_table .actions button[type="submit"] {
    margin: 10px 20px 10px 0px;
  }

  .woocommerce-shipping-fields {
    margin: 30px 0px;
  }

  .button-1,
  button.wc-stripe-checkout-button,
  button[name="apply_coupon"] {
    background-color: #ffffff;
  }

  .media-accolades > div ul li {
    font:
      400 1.1rem "Montserrat",
      sans-serif;
  }

  .media-accolades > div img {
    width: 180px;
    height: auto;
  }

  #rev_slider_2_1 .zeus.tparrows {
    top: 50% !important;
  }

  .tp-bullets.zeus.horizontal.nav-pos-hor-center.nav-pos-ver-bottom.nav-dir-horizontal {
    top: auto !important;
    bottom: 0px;
  }

  input#coupon_code {
    left: 10px;
    width: calc(100% - 160px);
    position: relative;
  }

  .ppom-wrapper label,
  .summary label {
    width: 100%;
    margin: 0px 0px 5px;
  }

  .ppom-wrapper .form-control,
  .quantity .input-text.qty {
    float: none;
    width: 100% !important;
    font-size: 13px;
  }

  .variations tbody tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .woocommerce-cart-form__cart-item td {
    padding: 10px 5px;
  }

  td.product-quantity {
    min-width: none;
    max-width: 50px;
  }

  .cart-page .woocommerce-Price-currencySymbol {
    display: block;
  }

  .cart-page .checkout-button.button.alt.wc-forward {
    width: 100%;
    text-align: center;
    font-weight: 600;
  }

  /* .wc_payment_method label {
    padding: 0px;
  } */
  .payment_box {
    width: 100%;
  }

  #place_order {
    width: 100%;
    text-align: center;
    font-weight: 600;
  }

  label[for="payment_method_stripe"] img {
    float: right;
  }

  label[for="payment_method_stripe"] img:first-child {
  }

  .payment_box.payment_method_stripe {
    clear: both;
  }

  /* .woocommerce-checkout #payment .payment_method_stripe label[for=payment_method_stripe] {
    padding-left: 0px;
  } */
  .wc_payment_method > label {
    font:
      400 14px "Montserrat",
      sans-serif;
  }

  #add_payment_method #payment ul.payment_methods li img.stripe-icon,
  .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
    float: right;
    max-width: 30px;
  }

  .col2-set > * {
    padding: 0px 10px;
  }

  #order_review {
    grid-template-columns: 1fr;
  }

  .single_add_to_cart_button {
    width: 100%;
  }

  #customer_details .form-row {
    margin: 0px 0px 0px 0px;
  }

  #stripe-payment-data {
    padding: 0px;
  }

  .woocommerce-store-notice__dismiss-link {
    display: block;
    width: 100%;
    margin: 15px 0px 0px;
  }

  .giant-banner {
    border-width: 0px 10px 10px 10px;
  }
}

/* Make woocommerce variations table full width*/
table.variations tr {
  display: flex;
  flex-flow: column nowrap;
}

table.variations tr td {
  padding: 0;
}

/* wapf checkbox prices */
.wapf-pricing-hint {
  float: right !important;
}

.wapf-input[type="checkbox"] + .wapf-label-text {
  padding-left: 0;
}

/* WAPF Radio Buttons */
.wapf-radios {
  display: flex;
  flex-flow: row wrap;
}

.wapf-radios > * {
  margin-right: 6px;
}

.wapf-radios > *:last-child {
  margin-right: 0;
}

.wapf-radios .wapf-input-label {
  height: 100%;
}

.wapf-radios .wapf-checkable {
  width: calc(50% - 6px);
  margin-bottom: 6px;
}

.wapf-radios .wapf-checkable.wapf-checked .wapf-label-text {
  border: 1px solid #44010c;
}

.wapf-radios .wapf-checkable input[type="radio"] {
  display: none;
}

.wapf-radios .wapf-label-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
}

/* WAPF TOTAL PRICE */
.wapf-total.price {
  width: auto;
  margin: 0;
}

.wapf--inner > div > span:nth-child(1) {
  color: var(--main-color-2);
}

/* Select Reset
   --------------------------------------------- */
select {
  font:
    400 15px "Montserrat",
    sans-serif;
  display: block;
  color: #555;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 0.3em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  background-position:
    right 0.7em top 50%,
    0 0;
  background-size:
    0.65em auto,
    100%;
}

select::-ms-expand {
  display: none;
}

select:hover {
  border-color: #888;
}

select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

select option {
  font-weight: normal;
}

.addtoany_header {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  padding-right: 10px;
  color: #7d7d7d;
  float: left;
}

.addtoany_list {
  display: block;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.footer-details-wrapper {
  flex: 1 1 auto;
}

.payment-method-list-wrapper {
  padding-right: 5%;
  flex: 1 1 0;
}

.payment-method-list img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-right: 5px;
}

/* My Account Page */
.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 5px;
  margin: 12px 0;
}

.woocommerce-MyAccount-navigation ul li {
}

.woocommerce-MyAccount-navigation ul li a {
  padding: 6px 12px;
  background-color: var(--main-color-2);
  color: #fff;
  border-radius: 3px;
  display: block;
}

.woocommerce-MyAccount-content {
  padding: 30px;
  margin-top: 30px;
}

.woocommerce-MyAccount-content p {
  text-align: left;
}

.woocommerce-MyAccount-content .form-row {
  margin-bottom: 20px;
}

.woocommerce-MyAccount-content legend {
  font-weight: 600;
  color: var(--main-color);
  margin-bottom: 10px;
}

.woocommerce-MyAccount-content button[type="submit"] {
  font-weight: 600;
}

.woocommerce-MyAccount-content .woocommerce-Addresses {
  display: flex;
  flex-flow: row wrap;
  margin: 30px 0;
}

.woocommerce-MyAccount-content .woocommerce-Addresses h3 {
  font-weight: 600;
  font-size: 24px;
}

.woocommerce-MyAccount-content .woocommerce-Addresses .edit {
  margin: 10px 0;
  border-radius: 3px;
  padding: 4px 8px;
  background-color: #f1f1f1;
  display: table;
}

.woocommerce-MyAccount-content .woocommerce-Addresses address {
  color: #555;
}

.woocommerce-MyAccount-content .woocommerce-button.button.print {
  display: none !important;
}

.woocommerce-MyAccount-content
  .woocommerce-orders-table__cell-order-actions
  .button {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 3px;
  font-weight: 600;
}

/* SEARCH */

.woocommerce-product-search .screen-reader-text {
  display: none;
}

#woocommerce-product-search-field {
  position: fixed;
  width: 100%;
  height: 70px;
  border: 0;
  border-radius: 0;
  background-color: hsl(0deg, 0%, 95%);
  text-align: center;
  font-size: 2.4rem;
  max-width: 0;
  left: 50%;
  right: 50%;
  padding: 0;
  top: 80px;
  font-size: 30px;
}

#woocommerce-product-search-field:focus,
#woocommerce-product-search-field:hover {
  background-color: var(--main-color);
  color: #fff;
  box-shadow: none;
}

#woocommerce-product-search-field:focus::placeholder,
#woocommerce-product-search-field:hover::placeholder {
  color: #fff;
}

.woocommerce-product-search--active #woocommerce-product-search-field {
  max-width: 100%;
  left: 0;
  right: 0;
  padding: 0 5%;
}

#woocommerce-product-search-button {
  -webkit-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  position: relative;
  top: 8px;
}

#woocommerce-product-search-button:hover {
  background: transparent;
}

#woocommerce-product-search-button span {
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #7f7f7f;
}

@media screen and (max-width: 980px) {
  .woocommerce-product-search {
    position: absolute;
    left: 40px;
    top: 15px;
  }

  #woocommerce-product-search-button span {
    color: var(--main-color);
  }

  #woocommerce-product-search-field {
    font-size: 20px;
  }
}

.woocommerce-tabs {
  background-color: var(--light-color);
  margin: 50px auto;
  border-radius: 10px;
  width: 100%;
}

.woocommerce-Tabs-panel--description {
  margin: 25px 5%;
}

.woocommerce-Tabs-panel--description h2 {
  display: none;
}

.woocommerce-Tabs-panel--description p {
  line-height: 1.5;
  color: #444;
}

#woocommerce-product-search-field:before {
  display: none;
  content: none;
}

/* Blog Single */
.blog-single {
  z-index: 0;
}

.blog-single:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0;
  top: 0;
  background: url(images/blog-background.jpg) repeat-y center;
  opacity: 0.5;
}

.blog-single .grid-content {
  width: min(100%, 900px);
}

.blog-single .grid-content > * {
  margin-bottom: 1em;
}

.blog-single .content-intro {
  margin-block: 50px 10px;
  padding: 0;
}

.blog-single p {
  font-size: 16px;
  line-height: 1.5;
}

.blog-single .wp-block-heading {
  font-weight: 700;
  margin-top: 2em;
}

.wp-block-separator {
  border: 0;
}

.post-categories {
  margin-bottom: 25px;
}

/* Blog Archive */
.blog-archive {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  width: min(100%, 1380px);
  margin-inline: auto;
  padding: 0;
  margin-bottom: 50px;
}

.blog-archive-single {
  position: relative;
  display: grid;
  width: min(90%, 960px);
  margin-inline: auto;
}

.blog-archive-single img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.blog-archive-single h3 {
  font-weight: 700;
  margin-bottom: 0.5em;
  font-size: 24px;
}

.blog-archive-single .content-intro {
  padding: 15px 25px;
  justify-content: center;
}

.blog-archive-single .content-intro a.button {
  margin-top: 0;
}

.blog-archive-single .content-intro p a {
  display: none;
}

@media screen and (min-width: 670px) {
  .blog-archive-single {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .blog-archive-single:nth-child(1) {
    /* grid-column: 1/4; */
    grid-template-columns: 1fr;
    width: 100%;

    width: min(90%, 960px);
  }

  .blog-archive-single:nth-child(1) > img {
    aspect-ratio: 16/8;
    object-fit: cover;
  }

  .blog-archive-single:nth-child(1) .content-intro {
    position: absolute;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: min(40%, 400px);
    right: 5%;
    padding: 30px;
  }

  .blog-archive-single:nth-child(even) .content-intro {
    order: -1;
  }
}

.wrapper-full {
  padding: 50px 5%;
}

.inline-wrap {
  width: min(90%, 960px);
  margin-inline: auto;
}

.inline-wrap hr.one-pixel-divider {
  margin: 15px 0;
}

.inline-wrap p {
  margin-bottom: 1rem;
}

.wp-block-columns + .wp-block-columns {
  margin-top: 30px;
}

.wapf-swatch--image .wapf-swatch-label {
  font:
    400 14px "Montserrat",
    sans-serif;
  display: grid;
}

.wapf-swatch--image img {
  height: 100px;
  aspect-ratio: 1;
  object-fit: contain;
}

.wapf-swatch--image .wapf-pricing-hint {
  text-align: center;
  float: none !important;
  font-size: 12px;
}

.wapf-swatch--image.wapf-checked {
  border-color: var(--main-color-2);
  border-radius: 10px;
  transform: scale(0.9);
}

.slick-arrow {
  position: absolute;
  font-size: 0;
  width: 36px;
  height: 36px;
  background-color: hsl(0, 0%, 90%);
  border-radius: 50%;
  border: 0px;
  top: 50%;
  transform: translatey(-50%);
  z-index: 33;
}

.slick-arrow:hover {
  background-color: hsl(0, 0%, 80%);
}

.slick-arrow.slick-prev {
  left: -36px;
}

.slick-arrow.slick-prev:before {
  content: "";
  border: solid #555;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.slick-next.slick-arrow {
  right: -36px;
}

.slick-next.slick-arrow:before {
  content: "";
  border: solid #555;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

@media screen and (max-width: 670px) {
  .slick-arrow {
    width: 30px;
    height: 30px;
  }

  .slick-arrow.slick-prev {
    left: -15px;
  }

  .slick-next.slick-arrow {
    right: -25px;
  }

  .wapf-swatch--image .wapf-swatch-label {
    font:
      400 12px "Montserrat",
      sans-serif;
  }

  .wapf-swatch--image .wapf-pricing-hint {
    font-size: 11px;
  }
}

.woocommerce-variation-description {
  padding: 10px 0 20px;
}

.grecaptcha-badge {
  display: none;
}

.press-logos img {
  width: 200px;
  height: 130px;
  object-fit: contain;
  filter: saturate(0);
  opacity: 0.8;
}

.press-logos figcaption {
  text-transform: capitalize;
  color: #666;
  font-size: 14px;
}

.press-logos figcaption:before {
  content: "";
  background-color: var(--main-color-2);
  width: 50px;
  height: 1px;
  display: block;
  position: relative;
  margin-bottom: 10px;
}

.woomotiv-popup > p strong {
  font-weight: 300;
  font-size: 13px;
}

.woomotiv-close {
  right: -25px;
}

/* Remove Chocolate from Zenn Heart */
#product-59133 option[data-wapf-label="Belgian Dark Forest"],
#product-59133 option[data-wapf-label="Belgium Chocolate S’mores"],
#product-59133 option[data-wapf-label="Cookies N Creme"],
#product-59133 option[data-wapf-label="Dark Chocolate Pistachio"],
#product-59133 option[data-wapf-label="Belgian Chocolate Salted Caramel"],
#product-59133 option[data-wapf-label="Belgian Chocolate Fudge"],
#product-59133 option[data-wapf-label="Nutella Brownies"],
.product_cat-safari-cakes option[data-wapf-label="Fondant message plaque"] {
  display: none;
}

#product-64218 option[data-wapf-label="Fondant message plaque"],
#product-64220 option[data-wapf-label="Fondant message plaque"],
#product-64225 option[data-wapf-label="Fondant message plaque"],
#product-64226 option[data-wapf-label="Fondant message plaque"],
#product-64224 option[data-wapf-label="Fondant message plaque"],
#product-64228 option[data-wapf-label="Fondant message plaque"] {
  display: none;
}

li.product.product_tag-best-seller .product-detail:before {
  position: absolute;
  content: "BEST SELLER";
  display: inline-block;
  align-self: center;
  transform: translateY(calc(100% - 40px));
  font-size: 10px;
  padding: 4px 6px;
  font-weight: 700;
  background-color: var(--main-color-2);
  border-radius: 3px;
  color: #fff;
  line-height: 1;
}

li.product.product_tag-premium .product-detail:before {
  position: absolute;
  content: "PREMIUM";
  display: inline-block;
  align-self: center;
  transform: translateY(calc(100% - 40px));
  font-size: 10px;
  padding: 4px 6px;
  font-weight: 700;
  background-color: var(--main-color-2);
  border-radius: 3px;
  color: #fff;
  line-height: 1;
}

li.product.product_tag-new .product-detail:before {
  position: absolute;
  content: "NEW";
  display: inline-block;
  align-self: center;
  transform: translateY(calc(100% - 40px));
  font-size: 10px;
  padding: 4px 6px;
  font-weight: 700;
  background-color: var(--main-color-2);
  border-radius: 3px;
  color: #fff;
  line-height: 1;
}

#order_review .order-total .includes_tax {
  font-size: 13px;
}

.atome-price-divider,
.atome-price {
  color: #555 !important;
}

.item-list li {
  list-style: disc !important;
  margin-inline: 10px 0;
}

.woocommerce-Tabs-panel--additional_information {
  display: none !important;
}

.orddd-checkout-fields:has(.delivery-time-slot-field) h4:after {
  content: "If there is no date field, please toggle the shipping methods.";
  display: table;
  color: #fff;
  font-size: 12px;
  background-color: var(--main-color);
  padding: 6px 10px;
  border-radius: 5px;
  font-weight: 700;
  margin-top: 10px;
}

.gallery dl .gallery-icon,
.gallery dl .gallery-icon img {
  height: 100%;
  object-fit: cover;
}

.khoozh-new-checkout-review-shipping #shipping_method > * {
  flex: 1 1 auto;
}

/* #homepage-header:not(.header-scroll):after {
  content: "Free delivery for all orders above $150";
  display: block;
  background-color: var(--main-color-2);
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 5px;
  font-size: 13px;
  transition: 0.3s;
  position: absolute;
  bottom: 0;
  z-index: -1;
  transform: translatey(100%);
} */

.homepage-header.header-scroll #homepage-announcement-bar {
  display: none;
}

#homepage-announcement-bar {
  display: block;
  background-color: var(--main-color-2);
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 5px;
  font-size: 13px;
  overflow: hidden;
  height: 29px;
  /* match padding + line-height */
  position: absolute;
  bottom: 0;
  z-index: -1;
  transform: translateY(100%);
  transition: 0.3s;
}

#homepage-announcement-bar span {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

#homepage-announcement-bar span:nth-child(1) {
  animation: banner-show-1 6s infinite;
}

#homepage-announcement-bar span:nth-child(2) {
  animation: banner-show-2 6s infinite;
}

@keyframes banner-show-1 {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes banner-show-2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.product_cat-same-day .woocommerce-product-details__short-description a {
  text-decoration: underline;
}

.related.products {
  margin-top: 50px;
}

.related.products > h2 {
  font:
    200 40px "moneta",
    sans-serif;
  color: var(--main-color-2);
}

.regular-banner img {
  aspect-ratio: 16/9;
}

.payment-labels-container label {
  padding: 0;
}

#customer_details .wc_payment_method > label {
  display: flex;
  align-items: center;
}

.wc_payment_methods fieldset {
  margin-block: 1em;
}

.payment-labels-container {
  display: flex;
  gap: 0.1em;
}

.payment-labels-container .payment-labels {
  background: #ebebeb;
  padding: 4px 5px;
  border-radius: 5px;
}

.payment-labels-container .payment-labels img {
  width: 36px;
  display: block;
}

label[for="payment_method_atome"] {
  &:after {
    content: "";
    background: url("../../../static/apple-pay-mark.svg") no-repeat center /
      contain;
    aspect-ratio: 4/3;
    width: 40px;
    padding: 4px 5px;
    border-radius: 5px;
  }
}

.payment-method-list img {
  background-color: #f8f8f8;
  border-radius: 3px;
  aspect-ratio: 4/3;
  height: auto;
}

.woocommerce-cart-form__cart-item .woocommerce-placeholder {
  display: none !important;
}

.woocommerce-variation-description:empty {
  display: none;
}

.woocommerce-variation-price .price {
  text-align: right;
}

.wapf-field-description {
  color: #555;
}

.checkout-button,
button.button.single_add_to_cart_button {
  width: 100%;
  height: 45px;
  text-align: center;
}

.single_variation_wrap .quantity:before {
  content: "Quantity";
  width: 30%;
  color: #7d7d7d;
}

.products li > a:nth-of-type(1) {
  height: 0;
}

figure.coloured img {
  filter: saturate(1);
  opacity: 1;
}

.press-logos img {
  object-fit: contain !important;
}

.wp-block-details {
  margin-bottom: 0.5em;
}

.wp-block-details summary {
  padding: 10px 20px;
  background: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 30%);
}

.wp-block-details[open] {
  background-color: hsl(0, 0%, 97%);
}

.wp-block-details[open] > * {
  padding: 10px 20px;
  line-height: 1.5;
}

.wp-block-details[open] summary {
  background: var(--main-color-2);
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}

#wc-stripe-payment-request-button {
  display: none;
}

.one-pixel-divider.divider-c {
  margin-inline: auto;
}

.payment_method_atome > *,
#stripe-payment-data {
  padding: 30px;
}

.grid-content p.has-text-align-center {
  text-align: center;
}

p.review-label {
  display: inline-block;
  padding: 0.4em 0.8em;
  background-color: hsl(0, 0%, 96%);
  border-radius: 0.5em;
  margin-bottom: 1em;
  font-size: 13px;
  font-weight: 700;
}

.allergens-list {
  display: flex;
  gap: 10px;
  flex-flow: row wrap;
  margin-block: 20px;
}

.allergens-list img {
  width: 80px;
  object-fit: contain;
}

.wp-block-heading {
  position: relative;
  font:
    200 30px "moneta",
    serif;
  color: var(--main-color-2);
}

.gallery {
  width: 100%;
}

.blog-single:after {
  background-repeat: repeat;
}

.blog-single .grid-content {
  margin-bottom: 0;
  padding-bottom: 30px;
}

.wapf-field-group[data-group="157342"] .wapf-swatch--image {
  min-width: 120px;
}

.wapf-field-group[data-group="157342"] .wapf-image-swatch-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.wapf-field-group[data-group="157342"] .wapf-field-input {
  overflow-x: auto;
  padding-bottom: 20px;
}

.wapf-field-group[data-group="157342"] .wapf-field-input::-webkit-scrollbar {
  height: 6px;
}

.wapf-field-group[data-group="157342"]
  .wapf-field-input::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.wapf-field-group[data-group="157342"]
  .wapf-field-input::-webkit-scrollbar-thumb {
  background: #999999;
}

.wapf-field-group[data-group="157342"]
  .wapf-field-input::-webkit-scrollbar-thumb:hover {
  background: var(--main-color);
}

.khoozh-new-checkout-review-shipping #shipping_method label:after {
  z-index: 1;
}

.lg-backdrop,
#lg-outer-1 {
  z-index: 99999;
}

.giant-banner-v2 {
  --swiper-navigation-color: #ffffff;
  --swiper-navigation-size: 30px; /* optional size */

  position: relative;
  border: 6px solid #ffffff;
  border-width: 0px 6px 6px 6px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;

  @media screen and (min-width: 670px) {
    border: 20px solid #ffffff;
    border-width: 0px 20px 20px 20px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  }

  img {
    aspect-ratio: 4/3;
    object-fit: cover;
    width: 100%;

    @media screen and (min-width: 670px) {
      aspect-ratio: 16/9;
    }
  }
  .banner-button {
    padding: 0.6em 1.3em;
    border-radius: 6px;
    font-size: 14px;
    left: calc((var(--btn-left) - 50%) * 1.3333 + 50%);

    @media screen and (min-width: 670px) {
      font-size: 16px;
      left: var(--btn-left); /* 16:9 desktop */
    }
  }
}