/*------------------------------------*\
  #Root
\*------------------------------------*/

:root{
  --Primary-color:  #0E4A2E;
  --Secondary-color: #755A37;
  --Secondary-dark-color: #BC986A;
  --Secondary-hover-color: #6c5333;
  --Tertiary-color: #182F39;

  --Text-color: #755A37;
  --Text-color-grey: #6E6D6B;

  --Button-color: var(--Secondary-color);
  --Button-hover-color: #755A3791;
  
  /* Neutral Colors */
  --White-color: #FBF8EC;
  --Black-color: #333;

  --Danger-color: #c91d25;
  --Danger-hover-color: #be1b23;

  --background-dark-brown-color: #BC986A;
  --background-light-brown-color: #F2E4CC;
  --background-light-green-color: #E2ECE2;
  --background-light-blue-color: #93B8D5;
  --background-light-white-color: rgba(255, 255, 255, 0.1);

  --border-color-light: #DFD6C1;

  --fs-regular: .8888888888888889rem;
  --fs-small: .7777777777777778rem;
}

/* Fonts*/
/* Header */
@font-face {
  font-family: 'Gambetta';
  src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Gambetta-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gambetta';
  src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Gambetta-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gambetta';
  src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Gambetta-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gambetta';
  src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Gambetta-BoldItalic.otf') format('opentype');
  font-weight: 700; 
  font-style: italic;
}

@font-face {
  font-family: 'Gambetta';
  src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Gambetta-SemiboldItalic.otf') format('opentype');
  font-weight: 600; 
  font-style: italic;
}

@font-face {
  font-family: 'Gambetta';
  src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Gambetta-MediumItalic.otf') format('opentype');
  font-weight: 500; 
  font-style: italic;
}

/* Body Fonts */
@font-face {
  font-family: 'Satoshi';
  src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Satoshi-normal-500.otf');
  font-weight: 500;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Satoshi-normal-400.otf');
  font-weight: 400;
}
/*------------------------------------*\
  #BASE
\*------------------------------------*/
html{
  scroll-behavior: smooth;
}

body{
  font-family: 'Satoshi';
  font-weight: 400;
}

.section{
  scroll-margin-top: 3rem;
}

/* Typography */
.content h1:not(.is-5), .content h2:not(.is-5, .product-title), .ict-title:not(.is-5), .title:not(.is-5, .details-wrapper .title), .step-title h2, .subtitle.is-2, .subtitle.is-1{
  font-family: 'Gambetta';
  font-weight: 600;
  margin-top: 0;

}

.content h1, .title.is-1{
  font-size: 3.44444rem;
}


.content h2, h2.title.is-1 , .one-page-checkout .step-title h2, .subtitle.is-1 {
  font-size: 2.888888888888889em;
}

.subtitle.is-2,
.title.is-2{
  font-size: 2.666666666666667rem;
}

h2.title.is-3{
  font-size: 2.22222222rem;
}

h1.title.is-5,
h2.title.is-5{
  font-size: 1.166666666666667rem;
}

.subtitle.is-5{
  font-size: 1.11111111111111rem;
}

.title.is-4{
  font-size: 1.7777778rem;
}

.title.is-5{
  font-size: 1.333333rem;
}

@media screen and (min-width: 1088px) {
  .content h1:not(.is-5), .content h2:not(.is-5, .product-title), .ict-title:not(.is-5), .title:not(.is-5, .details-wrapper .title), .step-title h2, .subtitle.is-2, .subtitle.is-1{
    line-height: 132%;
  }

  .subtitle.is-4:not(.is-5){
    font-size: 1.777777777777778rem;
  }
}

/* Buttons */
.catfish-button,
.button:not(.accordion-title),
a{
  transition: .3s;
}

.catfish-button.is-white:focus:not(:active), .catfish-button.is-white.is-focused:not(:active), .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active),
.catfish-button:focus:not(:active), .catfish-button.is-focused:not(:active), .button:focus:not(:active), .button.is-focused:not(:active),
.catfish-button.is-secondary:focus:not(:active), .catfish-button.is-secondary.is-focused:not(:active), .button.is-secondary:focus:not(:active), .button.is-secondary.is-focused:not(:active){
  box-shadow: unset;
}

.input, .catfish-input, .catfish-select, .textarea, .catfish-textarea{
  color: var(--Secondary-color);
}

html:not(.page-dynamicproduct-editor) .catfish-button:not(.searchbutton),
html:not(.page-dynamicproduct-editor) .button:not(label.button){
  text-transform: uppercase;
  padding-left: 2.222rem;
  padding-right: 2.222rem;
  font-family: 'Satoshi';
  font-weight: 500;
  cursor: pointer;
}

html:not(.page-dynamicproduct-editor) .catfish-button:not(.searchbutton){
  height: 2.666666666666667em;
}

.arone-product-landing-page .attribute input:checked + label.button,
html:not(.page-dynamicproduct-editor) .button{
  height: 3.111111111111111em;
}

html:not(.page-dynamicproduct-editor) .button:not(.is-small, .is-large){
  font-size: 1em;
}

#deleteall{
  background-color: var(--Danger-color);

  &:hover{
      background-color: var(--Danger-hover-color);
  }
}

p.back-link a{
  background-color: transparent;
  border: 2px solid var(--Secondary-color);
  color: var(--Secondary-color);

  &:hover,
  &:focus,
  &:active{
      border: 2px solid var(--Button-hover-color);
      background-color: var(--Secondary-color);
      color: #fff;
      text-decoration: none;
  }
}

#continueshoppingDummy,
#savebasket{
  background-color: transparent;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  border-color: var(--Button-color);
  color: var(--Button-color);
  
  &:hover,
  &:focus,
  &:active{
      border: 2px solid var(--Button-hover-color);
      background-color: var(--Secondary-color) !important;
      color: #fff;
  }
}

.is-outlined{
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  border-color: var(--Button-color);
  color: var(--Button-color);
  
  &:hover,
  &:focus,
  &:active{
      border: 2px solid var(--Button-hover-color);
      background-color: var(--Secondary-color) !important;
      color: #fff;
  }
}

.is-outlined.has-style-custom-1{
  border-color: var(--White-color);
  color: var(--White-color);

  &:hover,
  &:focus,
  &:active{
      border: 2px solid var(--White-color);
      background-color: var(--White-color) !important;
      color: var(--Secondary-color);
  }
}

/* Anchor */
p >  a{
  text-decoration: underline;
    text-decoration-color: transparent;
    transition: .3s;
    text-underline-offset: 0.25rem;

  &:hover{
      color: var(--Button-hover-color);
      text-decoration: underline;
  }
}

.section.has-text-white p  a{
  text-decoration: underline;
  transition: .3s;
  text-underline-offset: 0.25rem;
  color: var(--White-color);

  &:hover{
    color: var(--Primary-color);
    text-decoration: underline;
  }
}

@media screen and (max-width: 900px) {
  .column.has-text-white-mobile p >  a{
    text-decoration: underline;
    transition: .3s;
    text-underline-offset: 0.25rem;
    color: var(--White-color);

    &:hover{
        color: var(--Button-hover-color);
        text-decoration: underline;
    }
  }
}


/* Input */
.input, .catfish-input:not(.searchbox), .catfish-select, .textarea, .catfish-textarea{
  height: 2.666666666666667em;
  background-color: transparent;
}

.input::placeholder, .catfish-input::placeholder, .catfish-select::placeholder, .textarea::placeholder, .catfish-textarea::placeholder{
  color: rgb(117, 90, 55);
}

.input:focus, .input.is-focused, .input:active, .input.is-active, .catfish-input:focus, .catfish-input.is-focused, .catfish-input:active, .catfish-input.is-active, .catfish-select:focus, .catfish-select.is-focused, .catfish-select:active, .catfish-select.is-active, .textarea:focus, .textarea.is-focused, .textarea:active, .textarea.is-active, .catfish-textarea:focus, .catfish-textarea.is-focused, .catfish-textarea:active, .catfish-textarea.is-active{
  border-color: var(--Secondary-color);
  box-shadow: 0 0 0 .125em rgba(222, 210, 194, .25);
}

.input[readonly], .input[disabled], .catfish-input[readonly], .catfish-input[disabled], .catfish-select[readonly], .catfish-select[disabled], .textarea[readonly], .textarea[disabled], .catfish-textarea[readonly], .catfish-textarea[disabled]{
  border-width: .09em;
  border-color: var(--Secondary-color);
}

/* Slider */
.flexslider.infigo-slider .flex-control-nav{
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexslider.infigo-slider .flex-control-paging li a{
  width: .8rem;
  height: .8rem;
  background: rgba(117, 90, 55, .5);

  &:hover{
    background: rgba(117, 90, 55, .9);
  }
}

.flexslider.infigo-slider .flex-control-paging li a.flex-active{
  width: 1rem;
  height: 1rem;
  background: rgba(117, 90, 55, 1);
}

/* Accordion */
.ict-accordion .button.is-rounded.accordion-title{
  justify-content: space-between;
  flex-direction: row-reverse;
}

.ict-accordion.style-1-accordion{

  .accordion-item{
    
    .button{
      background-color: var(--White-color);
    }
  
    .accordion-title{
      color: var(--Secondary-color);
    }

    i.fa-plus::before{
      content: '\f139';
      color: var(--Secondary-color);
      transition: transform 0.3s ease-in-out;
      font-size: 1.333rem;
    }
  }

  .accordion-item.is-active{
    margin-bottom: 1rem;

    .accordion-title{
      margin-bottom: 0;
    }

    .accordion-content{
      font-family: 'Satoshi';
      font-weight: 400;
      padding: 1.5rem 1.5rem 2rem 2rem;
      background: var(--White-color);
    }

    i.fa-plus,
    i.fa-plus::before{
      display: block;
    }

    i.fa-plus::before{
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
    }

    i.fa-minus,
    i.fa-minus::before{
      display: none;
    }
  }
}

.accordion-item .button:focus{
  outline: 2px solid var(--Primary-color);
  outline-offset: -2px;
}

.ict-accordion.style-2-accordion{

  .accordion-item{
    
    .button{
      background-color: #755A3724;
    }
  
    .accordion-title{
      color: var(--Secondary-color);
    }

    i.fa-plus::before{
      content: '\f0fe';
      color: var(--Secondary-color);
      font-size: 1.333rem;
    }
  }

  .accordion-item.is-active{
    margin-bottom: 1rem;

    .accordion-title{
      margin-bottom: 0;
    }

    .accordion-content{
      font-family: 'Satoshi';
      font-weight: 400;
      padding: 0 1.5rem 3rem 1rem;
      background-color: #755A3724;
    }

    i.fa-minus::before{
      content: '\f146';
      color: var(--Secondary-color);
      font-size: 1.333rem;
    }
  }
}

.ict-accordion.style-3-accordion{

  .accordion-item{
    border-bottom: 2px solid #755A3724;

    .button{
      background-color: transparent;
    }
  
    .accordion-title{
      color: var(--Secondary-color);
    }

    i.fa-plus::before{
      color: var(--Secondary-color);
      font-size: 1.333rem;
    }
  }

  .accordion-item.is-active{
    margin-bottom: 1rem;

    .accordion-title{
      margin-bottom: 0;
    }

    .accordion-content{
      font-family: 'Satoshi';
      font-weight: 400;
      padding: 1.5rem 1.5rem 3rem 1rem;
      background-color: transparent;
      border-bottom: 2px solid #755A3724;
    }

    i.fa-minus::before{
      color: var(--Secondary-color);
      font-size: 1.333rem;
    }
  }
}

.ict-accordion.style-4-accordion{

  .accordion-item{
    border-top: 2px solid #755A3724;

    .button{
      background-color: transparent;
      padding-left: 3rem;
    }
  
    .accordion-title{
      color: var(--Secondary-color);
    }

    i.fa-plus::before{
      content: '\f139';
      color: var(--Secondary-color);
      transition: transform 0.3s ease-in-out;
      font-size: 1.333rem;
    }
  }

  .accordion-item.is-active{
    margin-bottom: 1rem;

    .accordion-title{
      margin-bottom: 0;
    }

    .accordion-content{
      font-family: 'Satoshi';
      font-weight: 400;
      padding: 1.5rem 1.5rem 3rem 1rem;
      background-color: transparent;
    }

    i.fa-plus,
    i.fa-plus::before{
      display: block;
    }

    i.fa-plus::before{
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
    }

    i.fa-minus,
    i.fa-minus::before{
      display: none;
    }
  }

  .accordion-item{
    position: relative;
  }

  .accordion-item::after{
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 1rem;
    left: .5rem;
  }

  .accordion-item:nth-child(1) .button{
    margin-top: .5rem;
  }

  .accordion-item:nth-child(1)::after{
    background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Maximize Square 2.svg');
  }

  .accordion-item:nth-child(2)::after{
    background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Structure.svg');
  }
}

/* List Style */

/* li{
  font-size: var(--fs-regular);
} */

.full-description .ict-list li{
  font-size: 1rem;
}


.list-style-1.ict-list{
  list-style: none;

  li{
    position: relative;
    padding-left: 1.5rem;
    color: var(--Primary-color);
  }

  li:not(:last-child){
    margin-bottom: 1.2rem;
  }

  li::before{
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
  }
}

.list-style-1.is-primary{
  li{
    color: var(--Primary-color);
  }

  li::before{
    color: #91BF91;
  }
}

.list-style-1.is-secondary{

  li{
    color: var(--Secondary-color);
  }

  li::before{
    color: var(--Secondary-color);
  }
}

.list-style-2.ict-list{
  list-style: none;

  li{
    position: relative;
    padding-left: 1.5rem;
    color: var(--Primary-color);
  }

  li:not(:last-child){
    margin-bottom: 1.2rem;
  }

  li::before{
    content: "";
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)  ;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}

.list-style-2.is-primary{
  li{
    color: var(--Primary-color);
  }

  li::before{
    background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/green-leaf.svg');
  }
}

.list-style-2.is-secondary{

  li{
    color: var(--Secondary-color);
  }

  li::before{
    background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/brown-leaf.svg');
  }
}

/* Table */
.table-style-1{
  thead tr{
    font-weight: 700;
    white-space: nowrap;
  }

  tr{
    border-width: 1px;
  }
}

.table-style-1 a.link span{
  color: var(--Secondary-color);
  text-decoration: none;
  transition: .3s;

  

  &:hover{
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}


.table-style-1 a.link span.icon{
  display: none;
}

.table-style-2{
  color: var(--White-color);
  border: unset !important;

  tr{
    border: unset !important;
  }

  td{
    border: unset !important;
    border-bottom: 1px solid #1B6B4A !important; 
  }

  tr td:nth-child(2){
    text-align: left !important;
  }

  .block.is-content-width > .block{
    margin-bottom: 0rem;
  }
}

.table-wrapper::-webkit-scrollbar { 
  display: none; 
} 

@media (max-width: 768px) {
  .table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-wrapper table {
    width: 100%; 
    min-width: 768px; 
    white-space: nowrap;
  }
}

/*------------------------------------*\
  #UTILITIES
\*------------------------------------*/
/* Layout */

/* Gaps */
.g-1{
  gap: 1rem;
}

.g-2{
  gap: 2rem;
}

.g-3{
  gap: 3rem;
}
@media screen and (min-width:1088px) and (max-width: 1536px) {
  .is-hidden-laptops{
    display: none;
  }
}

@media screen and (max-width: 1087px) and (min-width: 768px) {
  .g-1-tablet{
    gap: 1rem;
  }

  .pl-4-tablet{
    padding-left: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .g-1-mobile{
    gap: 1rem;
  }

  .is-initial-mobile{
    display: initial !important;
  }

  .is-display-block-mobile{
    display: block !important;
  }

  .is-flex-mobile{
    display: flex;
  }

  .is-flex-direction-column-mobile{
    flex-direction: column !important;
  }

  .pl-4-mobile{
    padding-left: 1rem !important;
  }

  .pl-6-none-mobile{
    padding-left: 1rem!important;
  }

  .pr-6-none-mobile{
    padding-right: 1rem!important;
  }
}

/* Typography */
.font-family-Satoshi-Regular{
  font-family: 'Satoshi', sans-serif !important;
  font-weight: 400;
}

.font-family-Satoshi-Medium{
  font-family: 'Satoshi-Medium', sans-serif, !important;
  font-weight: 400;
}

.is-font-regular,
.is-font-regular p{
  font-family: 'Satoshi';
  font-weight: 400;
  font-size: var(--fs-regular) !important;
}

.is-font-small,
.is-font-small p{
  font-family: 'Satoshi';
  font-weight: 400;
  font-size: var(--fs-small) !important;
}

.has-text-custom-1{
  color: var(--Tertiary-color) !important;
}

.title strong{
  font-weight: 700 !important;
}

.text-color-grey{
  color: var(--Text-color-grey);
}

/* Background */
.has-background-width-50{
  background-size: 50% auto !important;
}

/* Image */

.image.has-objectFit-cover{
  
  img{
    object-fit: cover;
    left: 50%;
    transform: translateX(-50%);

    @media screen and (min-width: 1900px) {
       left: 70%;
    }
  }
}

@media screen and (min-width: 901px) {
 .has-background-halfwidth-fullheight{
    background-size: 50% 100% !important;
  }
}

@media screen and (max-width: 900px) {
  .has-background-halfwidth-fullheight{
     background-size: cover !important;
   }

   .has-background-halfwidth-fullheight .column{
    width: 100%;
   }
 }

.has-background-custom-1,
.has-background-custom1{
  background-color: var(--background-dark-brown-color);
}

.has-background-custom-2,
.has-background-custom2{
  background-color: var(--background-light-brown-color);
}

.has-background-custom-3,
.has-background-custom3{
  background-color: var(--background-light-green-color);
}

.has-background-custom-4,
.has-background-custom4{
  background-color: var(--Tertiary-color);
}

.has-background-custom-4 .is-light{
  background-color: var(--background-light-blue-color);
}

.has-background-white.is-transparent{
  background-color: rgba(255, 255, 255, 0.3) !important;
  border: 1px solid #ffffff30;
}

@media screen and (max-width: 768px) {
  .has-background-image-none-mobile{
    background-image: unset !important;
  }
}

/* Button */
.button.is-primary.has-style-custom-1:not(.is-text){
  background-color: var(--White-color);
  border: 2px solid transparent;
  color: var(--Primary-color);

  &:hover{
    background-color: rgba(0, 0, 0, 0.3);
    border: 2px solid var(--White-color);
    color: var(--White-color);
  }
}

.button.is-secondary.has-style-custom-1:not(.is-text){
  background-color: var(--White-color);
  border: 2px solid transparent;
  color: var(--Secondary-color);

  &:hover{
    background-color: rgba(0, 0, 0, 0.3);
    border: 2px solid var(--White-color);
    color: var(--White-color);
  }
}

.button.has-style-custom-2{
  background-color: rgba(0, 0, 0, 0.3);
  border: 2px solid transparent;
  color: var(--White-color);

  &:hover{
    background-color: transparent;
    border: 2px solid var(--White-color);
    color: var(--White-color);
  }
}

.button.has-icon.is-text{
  border-bottom: 2px solid transparent;
  
  &:hover{
    border-bottom: 2px solid var(--White-color);
  }
}

.button.is-text{
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: transparent !important;
}

.button.is-text.is-primary{
  color: var(--Primary-color);

  &:hover{
    border-bottom: 2px solid var(--Primary-color);
  }
}

.button.is-text.is-secondary{
  color: var(--Secondary-color);

  &:hover{
    border-bottom: 2px solid var(--Secondary-color);
  }
}

.button.is-text.button.has-style-custom-1{
  color: var(--White-color);
}

.button.has-icon::after {
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  margin-left: 1rem;
  font-weight: 700;
}

.button.has-icon-top:after{
  content: "\f176";
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  margin-left: 1rem;
  font-weight: 700;
}

/* Text */
.has-text-white{
  color: var(--White-color) !important;
}

.is-text-underlined{
  text-decoration: underline !important;
  text-underline-offset: 4px;
  opacity: 1;
  
  &:hover{
    opacity: .8;
  }
}

@media screen and (max-width: 900px) {
  .has-text-white-mobile{
    color: var(--White-color) !important;
  }
}

/* Columns */
.g-1 .columns{
  gap: 1rem !important;
}

@media screen and (min-width: 1088px) {
  .g-2 .columns{
    gap: 2rem !important;
  }

  .column.is-4-desktop.has-width-30,
  .has-width-30{
    width: 30%;
  }

  .is-width-45{
    width: 49%;
  }
}

@media screen and (max-width: 1087px) {
  .is-width-45{
    width: 49%;
  }

  .g-1-tablet .columns{
    gap: 1rem !important;
  }

  
}

@media screen and (max-width: 1087px) and (min-width: 768px){
  .has-width-50-tablet{
    width: 50%;
  }

  .column.is-4-desktop.has-width-45-tablet{
    width: 45%;
  }

  .column.has-width-30-tablet{
    width: 30%;
  }
}

@media screen and (max-width: 900px) {
  .column.is-4-desktop.has-width-30{
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .columns{
    display: flex;
  }

  .has-width-100-mobile,
  .column.is-4-desktop.has-width-30{
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .column.has-width-30-tablet{
    width: 45%;
  }
}

/* Background Image */
.background-image-right.has-background-width-50,
.background-image-left.has-background-width-50{
  background-size: 50% auto !important;
}

@media screen and (min-width: 1700px){
  .blog-banner.background-image-right.has-background-width-50{
    background-size: 30% auto !important;
    background-position: 85% top;
  }
}

@media screen and (min-width: 1540px){
  .background-image-right.has-background-width-50:not(.blog-banner),
  .background-image-left.has-background-width-50{
    background-size: 50% 100% !important;
  }

  .background-image-left.has-background-width-50.has-height-auto{
    background-size: 50% auto !important;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1539px){
  .background-image-right.has-background-width-50:not(.blog-banner),
  .background-image-left.has-background-width-50{
    background-size: 50% auto !important;
  }

  .background-image-right.has-background-width-50:not(.blog-banner).has-height-100,
  .background-image-left.has-background-width-50.has-height-100{
    background-size: 50% 100% !important;
  }

}

@media screen and (min-width: 1088px) and (max-width: 1539px){
  .background-image-left.has-background-width-50.no-padding-top{
    padding-top: 0;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1539px){
  .background-image-right.has-background-width-50:not(.blog-banner){
    background-position: right bottom;
  }

  .background-image-left.has-background-width-50{
    background-position: left bottom;
  }
}

@media screen and (min-width: 1088px) and (max-width: 1279px){
  .background-image-right.has-background-width-50:not(.blog-banner){
    background-position: 100% 65%;
  }

  .background-image-left.has-background-width-50{
    background-position: 0 45%;
  }
}

@media screen and (max-width: 1087px) and (min-width: 901px){
  .background-image-right.has-background-width-50:not(.blog-banner).has-height-tablet,
  .background-image-left.has-background-width-50.has-height-tablet{
    background-size: 50% 100% !important;
  }
}

@media screen and (max-width: 900px) and (min-width: 768px){
  .background-image-right.has-background-width-50:not(.blog-banner).has-height-tablet,
  .background-image-left.has-background-width-50.has-height-tablet{
    background-size: cover !important;
  }

  .background-image-right.has-background-width-50:not(.blog-banner).has-height-tablet:has(.image),
  .background-image-left.has-background-width-50.has-height-tablet:has(.image){
    
    .is-inline-block{
      display: flex !important;
      justify-content: center;
    }

    .image.is-1by1{
      width: 50%;
      padding-top: 0;
    }

    img{
      position: unset;
      object-fit: cover;
    }
  }
}

@media screen and (max-width: 900px) {
  .background-image-right.has-background-width-50,
  .background-image-left.has-background-width-50{
    background-size: 100% 100% !important;
  }

  .blog-banner.background-image-right.has-background-width-50{
    background-size: cover !important;
  }

  .blog-banner.background-image-right.has-background-width-50{
    background-position: right;
  }

  .background-image-right.has-background-width-50 .column,
  .background-image-left.has-background-width-50 .column{
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .background-image-right.has-background-width-50,
  .background-image-left.has-background-width-50{
    background-size: cover !important;
  }

  .background-image-right.has-background-width-50:not(.blog-banner).has-height-tablet:has(.image),
  .background-image-left.has-background-width-50.has-height-tablet:has(.image){
    .block:has(.image){
      display: flex;
      justify-content: center;
    }
  }
}

/* Two Columns */
.two-column-image-right,
.two-column-image-left{

  .ict-content-column{
    background-color: var(--White-color);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem;
  }

  .ict-image-column .image,
  .ict-image-column .image img{
    height: 100%;
  }
}

.two-column-image-right{

  .ict-content-column{
    background-color: var(--background-light-brown-color);
  }
}

.two-column-image-left{

  .ict-content-column{
    background-color: var(--Secondary-color);
    color: var(--White-color);
  }
}

.two-column-image-left.primary .ict-content-column{
  background-color: var(--Primary-color);
  color: var(--White-color);
}

.two-column-image-right.default .ict-content-column{
  background-color: var(--White-color);
}

@media screen and (min-width: 1088px) {
  .two-column-image-right{
    
    .ict-image-column{
      padding: 0 1rem 0 1rem;
    }
  }

  .two-column-image-left{

    .ict-content-column{
      background-color: var(--Secondary-color);
      color: var(--White-color);
      width: 48%;
      margin-left: 1rem;
    }

    .ict-image-column{
      padding: 0 0 0 0;
    }
  }
}

@media screen and (max-width: 1086px) {
  .two-column-image-right,
  .two-column-image-left{

    .ict-image-column{
      padding: 0;
    }
  }
}

/* Block Component */
.block:has(.block-mb-0){
  margin-bottom: 0;
}

.no-margin-child-block .block{
  margin: 0;
}

.custom-block-cards .block-link{
  width: 100%;
}

.custom-block-cards .block-link .is-inline-block{
  width: 100%;
}

.custom-block-cards .block-link .is-inline-block img{
  height: 200px;
  object-fit: cover;
}

@media screen and (min-width: 1300px) {
  .custom-block-cards.column{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 1299px) and (min-width: 1088px){
  .custom-block-cards.column{
    width: 30%;
  }
}

@media screen and (max-width: 475px){
  .custom-block-cards.column{
    width: 75%;
  }
}

/* List */
.ict-list.has-text-secondary{

  li a{
    color: var(--Secondary-color);
  }
}

/* Border */
.border-bottom{
  border-bottom: 2px solid;
}

.has-border-bottom{
  border-bottom: 1px solid var(--border-color-light);
}

/* Embed Form */
.has-overflow-scroll{
  overflow: scroll !important;
}

.has-overflow-scroll.ict-embed.image.is-4by5{
    padding-top: 100%;
}

/* Customise class */
.is-overflow-auto{
  overflow: auto !important;
} 
.is-fullheight{
  height: 100vh !important;
}

/* Mobile */
@media screen and (max-width: 767px) {
  /* Layout */
  .is-justify-content-center-mobile{
    justify-content: center !important;
  }

  .is-justify-content-center-columns-mobile .columns{
    justify-content: center !important;
  }

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

  .is-justify-content-space-between-mobile{
    justify-content: space-between !important;
  }
}
/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
/* Custom Components */

/* Overlay */
.overlay-desktop::before{
  content: '';
  background-color: rgba(0,0,0,.5);
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 900px) {
  .overlay-mobile,
  .category-hero-section .container .background-image-right {
    position: relative;
  }

  .category-hero-section .container{
    padding: 0;
  }

  .category-hero-section .container .background-image-right{
    padding-left:64px;
    padding-right: 64px;
    margin: 0 auto;
  }
  
  .category-hero-section .container .background-image-right::before,
  .overlay-mobile::before {
    content: '';
    background-color: rgba(0,0,0,.5);
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .category-hero-section .container .background-image-right{
    padding-left:20px;
    padding-right: 20px;
  }
}

/* Overlay primary */
.overlay-primary {
  position: relative;
}

.overlay-primary::before {
  content: '';
  background: rgb(6,73,46);
  background: linear-gradient(260deg, rgba(6,73,46,0.2) 0%, rgba(6,73,46,0.76) 60%, rgba(6,73,46,1) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes slideUpThenDown {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}
  60% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
}
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

/* Divider */
.is-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  text-align: center;
  color: var(--White-color); 
  font-weight: bold;
  font-size: 1.2rem; 
  padding: 0.5555555555555556rem 0;
  white-space: nowrap;
}

.is-divider::before,
.is-divider::after {
  content: '';
  flex-grow: 1;
  background-color: var(--White-color);
  height: 2px;
  max-width: 8.333333333333333rem;
}

.is-divider::before {
  margin-right: 0.8333333333333333rem;
}

.is-divider::after {
  margin-left: 0.8333333333333333rem;
}

@media screen and (min-width: 768px) {
  .has-divider-bottom{
    border-bottom: 1px solid #1B6B4A;
  }
}

/* Image - Full Height */
.has-image-fullheight > .block,
.has-image-fullheight > .block > .block,
.has-image-fullheight > .block > .is-inline-block,
.has-image-fullheight > .block > .is-inline-block > .ict-image.image,
.has-image-fullheight > .block > .is-inline-block > .is-as-image > img{
  height: 100%;
}

@media screen and (min-width: 1256px) {
  .is-fullheight{
    height: 100%;
  }
}

@media screen and (max-width: 1259px){
  .trust-icons .trust-icon-blocks .block{
    flex: 1;
    flex-basis: 20%;
  }
}

@media screen and (max-width: 650px){
  .trust-icons .trust-icon-blocks .block{
    flex-basis: 50%;
  }
}


/* Responsive adjustments */
@media (max-width: 768px) {
  .is-divider {
    font-size: 1rem;
  }

  .is-divider::before,
  .is-divider::after {
    max-width: 4.444444444444444rem; 
  }
}

@media (max-width: 480px) {
  .is-divider {
    font-size: 0.9rem; 
  }

  .is-divider::before,
  .is-divider::after {
    max-width: 2.777777777777778rem; 
  }
}

/* Featured Section */
@media screen and (max-width: 1087px) {
  .featured-products-section .ict-left-column,
  .featured-products-section .ict-right-column{
    width: 100%;
  }

  .featured-products-section .ict-left-column{
    padding: initial !important;
  }
}

@media screen and (max-width: 767px) {
  .featured-products-section .ict-right-column > .block:last-child{
    display: block !important;
    text-align: left !important;
  }
}

.featured-categories-section{
  .block-link .is-inline-block{
    display: flex !important;
  }
}

@media screen and (max-width: 1200px) and (min-width: 1088px){
  /* .featured-categories-section{

    .ict-sub-title{
      font-size: 1rem;
    }
  } */
}

@media screen and (max-width: 1087px) {
  .featured-categories-section .column:not(:first-child){
    flex-wrap: wrap;
    justify-content: center;
  }

  .featured-categories-section .column:not(:first-child) > .block-link{
    width: 45%;
  }
}


@media screen and (max-width: 475px) {
  .featured-categories-section .column:not(:first-child) > .block-link{
    width: 100%;
  }
}

/* Social */
.section.social-section{

  .column > .block:first-child{
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1255px) and (min-width: 1088px) {
  .section.social-section{
    .column:first-child{
      width: 100% ;
    }
    .column:last-child{
      width: 100% ;
    }
  }
}

/* Newsletter Module */
.newsLetterSmallWrapper__section{
  padding: 0;

  h1{
    display: none;
  }

  .field.has-addons{
    justify-content: center;
  }

  .field.has-addons .control.is-expanded{
    flex-grow: unset;
    flex-basis: 50%;
  }

  .Email.catfish-input{
    background: #DED2C2;
    width: 95%;
  }
}

.newsletter-style-2{
  
  .newsLetterSmallWrapper__section{
    padding: 0;
  
    .newsletterbox-subscribebutton{
      background-color: var(--White-color);
      color: var(--Primary-color);
      font-family: 'Satoshi';
      font-weight: 400;

      &:hover{
        background-color: transparent;
        border: 2px solid var(--White-color);
        color: var(--White-color);
      }
    }

    input#Email.catfish-input{
      background-color: #ded2c230;
      color: var(--White-color);
      border: unset;
    }

    input#Email.catfish-input::placeholder {
      color: var(--White-color);
      opacity: 1;
    }
  }
  
}

.newsLetterSmallWrapper__section{

  .subscribe-loading-progress{
    display: flex;
    justify-content: center;

    img{
      background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/YlWC.gif') no-repeat;
      width: 40px;
      height: 64px;
      padding-left: 64px;
      background-size: 32px 32px;
      box-sizing: border-box;
    }
  }
}

/* Navigation Links */
.navigation-links .columns{
  border-bottom: 2px solid #DFD6C1;
  height: auto;
}

.navigation-links .block-link{
  opacity: .6;
  transition: opacity .3s;

  &:hover{
    opacity: 1;
  }
}

.navigation-links .block-link.is-active{
  opacity: 1;
}

/* Transition effect for the column border */
.navigation-links .column {
  position: relative;
  transition: border-bottom 0.3s ease-in-out;

}

/* Active column gets the Secondary color border */
.navigation-links .column:has(.block-link.is-active) {
  border-bottom: 2px solid var(--Secondary-color);
}

/* Glass effect */
.has-background-column-image{
  background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/glass-eff-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  
}

.has-background-glass {
  background: rgba(255, 255, 255, 0.2);
  border-radius:  6px;
  padding: 1.111111rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white;
  text-align: center;
  -webkit-border-radius:  6px;
  -moz-border-radius:  6px;
  -ms-border-radius:  6px;
  -o-border-radius:  6px;
}

@media screen and (max-width: 1087px) {
  .has-background-column-image{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .has-background-glass{
    min-width: 50%;
  }
}

/* Image Testimonials */
.image-testimonial-column > .container > .columns{
  gap: 1rem;
}

@media screen and (min-width: 1300px) {
  .image-testimonial-column .columns.is-mobile .column:not(:first-child){
    padding-left: 2rem !important;
    width: 49%;

    .columns .ict-content-column{
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      height: 100%;
    }
  }
}

@media screen and (max-width: 1299px) and (min-width: 768px){
  .image-testimonial-column .columns.is-mobile .column:not(:first-child){
    justify-content: center;
    width: 48%;
    margin-right: 0 !important;
  }

  .image-testimonial-column .columns{
    gap: 1rem;
  }

  .image-testimonial-column .ict-image-column{
    display: block !important;
    width: 100% !important;
  }

  .image-testimonial-column .column .ict-content-column.column{
    width: 100% !important;
  }

  .image-testimonial-column  .is-image-scale-parent{
    height: unset;
    min-height: unset;
  }

  .image-testimonial-column  .is-image-scale-parent .image{
    position: relative;
  }
}

@media screen and (max-width: 768px){
  .image-testimonial-column .column:not(:first-child){
    justify-content: center;
    width: 100%;
  }
  .image-testimonial-column .columns.is-variable.is-4>.column{
    padding: 2rem;
  }
}

/* Grid item */
.grid-items .columns{
  display: flex;
  flex-wrap: wrap;
}

.grid-items .column:last-child{
  justify-content: flex-end;
}

.grid-item{
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 1rem;
  min-height: 250px;
}

.grid-item.large{
  flex: 1 1 calc(50% - 1rem);
  min-height: 350px;
}

.grid-item.large .block.background-image{
  height: 100%;
}

.grid-item .block.background-image > .block{
  width: 100%;
}

.grid-item.small{
  flex: 1 1 calc(25% - 1rem);
  flex-direction: column;
}

@media (max-width: 1250px) and (min-width: 1088px){
  .grid-item.large{
    flex: 1 1 calc(40% - 1rem);
    min-height: 350px;
  }
}

@media (max-width: 1087px) and (min-width: 768px) {
  .grid-item .ict-space{
    display: block;
  }

  .grid-item .block.background-image{
    width: 100%;
    background-position: top;
    background-size: cover;
  }

  .grid-item.large {
    flex: 1 1 100%; 
  }

  .grid-item.small {
    flex: 1 1 calc(50% - 16px); 
  }
}

@media (max-width: 767px) {

  .grid-item .ict-space{
    display: block;
  }

  .grid-item.large, .grid-item.small {
    flex: 1 1 100%; /* All blocks become full width */
  }

  .grid-item .block.background-image{
    width: 100%;
    background-size: cover;
  }
}

/* Maisonary Grid */
.masonry-grid .image-grid > .block:last-child,
.masonry-grid .image-grid > .block:last-child > .block,
.masonry-grid .image-grid > .block:last-child > .block > .is-inline-block {
  width: 100%;
}

/* Link Block */
.block-link{
  display: block;
  width: fit-content;
}

.block-link:not(:last-child){
  margin-bottom: 1.5rem;
}

.block-link:has(.overlay-desktop) h3{
  z-index: 1;
}

/* Block Material */
@media screen and (max-width: 600px) {
  .materials-blocks .column{
    width: 100%;
  }
}

/* Product Description Box */
.product-description-box .block:has(.ict-list){
  width: 100%;
}

/* Full Description */
.full-description .image.is-180x150{
  height: 150px;
  width: 180px;
}

.full-description a{
  font-weight: bold;
  color: var(--White-color);
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  &:hover{
    text-decoration: underline;
    text-decoration-color: var(--White-color);
  }
}

@media screen and (max-width: 1700px) {

  .full-description .image-blocks{
    flex-direction: column;
  }
}

@media screen and (max-width: 849px){
  .full-description .image-blocks{
    flex-direction: row;
  }

  .full-description .column{
    width: 100%;
  }
}

@media screen and (max-width: 825px){
  .full-description .image-blocks{
    flex-direction: column;
  }
}

/* Custom Slider */
@media screen and (min-width: 1088px) {
  .column.swiper-nav-arrows{
    width: 10%;
  }
}

@media screen and (min-width: 1350px) {
  .column.swiper-nav-arrows{
    width: 10%;
  }
}

@media screen and (max-width: 1349px) {
  .column.swiper-nav-arrows{
    width: 15%;
  }
}

@media screen and (max-width: 950px) {
  .column.swiper-nav-arrows{
    width: 20%;
  }
}

@media screen and (max-width: 767px) {
  .column.swiper-nav-arrows{
    width: 100%;
    margin-bottom: 1rem;
  }
}

.swiper-button-next,
.swiper-button-prev{
  width: 2.666666666666667rem;
  height: 2.666666666666667rem;
  
}

.swiper-button-next{
  background-color: var(--White-color);
}

.swiper-button-prev{
  border: 2px solid var(--White-color);
}

.swiper-button-prev::after, 
.swiper-button-next::after{
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 1.333rem;
  
}

.swiper-button-prev::after{
  content: '\f177';
  color: var(--White-color);
}

.swiper-button-next::after{
  content: '\f178';
  color: var(--Secondary-color);
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: unset;
}

.swiper-slide .block{
  height: 100%;
}

.swiper-slide .block > div{
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide {
  width: 30%;
}

.swiper-slide:nth-child(2n) {
  width: 30%;
}

.swiper-slide:nth-child(3n) {
  width: 30%;
}

.swiper-slide:nth-child(4n) {
  width: 30%;
}

.swiper-slide .block{
  width: 100%;
}

@media screen and (max-width: 1300px){
  .swiper-slide .block{
    width: 100%;
  }
}

@media screen and (max-width: 1300px) and (min-width: 960px) {

  .swiper-slide {
    width: 40%;
  }
  
  .swiper-slide:nth-child(2n) {
    width: 40%;
  }
  
  .swiper-slide:nth-child(3n) {
    width: 40%;
  }
  
  .swiper-slide:nth-child(4n) {
    width: 40%;
  }
  
}

@media screen and (max-width: 959px) {
  .swiper-slide {
    width: 60%;
  }
  
  .swiper-slide:nth-child(2n) {
    width: 60%;
  }
  
  .swiper-slide:nth-child(3n) {
    width: 60%;
  }
  
  .swiper-slide:nth-child(4n) {
    width: 60%;
  }
}


@media screen and (max-width: 475px) {
  .swiper-slide {
    width: 100%;
  }
  
  .swiper-slide:nth-child(2n) {
    width: 100%;
  }
  
  .swiper-slide:nth-child(3n) {
    width: 100%;
  }
  
  .swiper-slide:nth-child(4n) {
    width: 100%;
  }
}
/* Slider content */

.swiper{

  .swiper-slide:first-child .block.background-image{
    width: 100%;
  }
}

/* Popup Modal */
#modal-for-u{
  .modal-content{
    display: flex;
    justify-content: center;
  }

  .box{
    display: flex;
    flex-direction: column;
    padding: 3rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }

  .content{
    display: flex;
    position: relative;
    z-index: 2;

    .block:has(h2){
      margin-bottom: 3rem;
    }

    h2.title{
      font-weight: 700;
      margin-bottom: .5rem;
    }

    p{
      color: #6E6D6B;
    }

    .ict-image.image.is-2by3{
      padding-top: 130%;
    }
  }

  .close-button{
    width: 2rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    border: none;
    background: transparent;
    cursor: pointer;
    z-index: 20;

    i{
      font-weight: 700;
      font-size: 1.5rem;
      color: var(--Black-color);
    }
  }


  .newsLetterSmallBlock{
    padding: 0;
    width: 80%;
    margin: 0;
  }

  .newsLetterSmallWrapper__section {
    & .field.has-addons .control.is-expanded {
      flex-grow: 1;
    }
  }

  @media screen and (min-width: 1088px) {
    .box{
      max-width: 1179px;
      width: 100%;
      max-height: 488px;
      height: 100%;
    }
  }

  @media screen and (max-width: 900px) {
    .content{
      flex-direction: column;
      align-items: center;
    }

    .newsLetterSmallBlock,
    .content .column:first-child{
      width: 100%;
    }

    .content .column:last-child{
      width: 50%;
    }
  }

  @media screen and (max-width: 767px){
    .box{
      padding: 1.5rem;
      width: 90vw;
    }
  } 
}

.product-trust-icon{

  @media screen and (max-width: 1087px) {
    .block{
      flex-basis: 33.333333%;
    }
    
  }

  @media screen and (max-width: 767px) {
    .block{
      flex-basis: 50%;
    }
  }
}

/* Global Components */

/* Product Card */
.listItem .item-box{

  .product-item--content{
    display: flex;
    flex-direction: column;

    .alternate--prices{
      order: 1;
    }
    .product-title{
      order: 2;
      a{
        color: var(--Secondary-color);
      }
    }
    .description{
      order: 3;
      font-family: 'Satoshi';
      font-weight: 400;
    }
  }
}

@media screen and (max-width: 767px) {
  .listItem.is-6-mobile{
    width: 100%;
  }
}

.catfish-default-product-box .product-item--info {
  text-align: center;
}

.catfish-default-product-box .product-item--info .flex-container {
  justify-content: center;
}

/* Advance Select */
.advanced-select .selected-item{
  border: var(--Secondary-color) 2px solid;
}

.advanced-select .item-list{
  border-left: var(--Secondary-color) 1px solid;
  border-right: var(--Secondary-color) 1px solid;
  background: var(--background-light-brown-color);
}

.advanced-select .item {
  border-bottom: 1px solid #755A371F;
}

.advanced-select .footer-controls{
  border: var(--Secondary-color) 1px solid;
  border-top: none;
  background: var(--background-light-brown-color);
}

.advanced-select .button {
  background: var(--Secondary-color);

  &:hover{
    background: #6c5333;
  }
}

.advanced-select .item-list.box .column .button{
  border: none !important;
  color: var(--Secondary-color);

  &:hover{
    color: var(--White-color);
  }
}

.pager{
  margin-top: 1.5rem;

  a:hover{
    background-color: var(--Button-hover-color);
    border: 1px solid var(--Button-hover-color);
    color: var(--White-color);
  }

  span:hover{
    color: var(--White-color);
  }
}

@media screen and (min-width: 1088px) {
  .fsc-section::after{
  content: '';
  width: 50%;
  height: 100%;
  background-color: #F2E4CC;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  }

  .fsc-section .column:first-child{
    position: relative;
    z-index: 2;
    padding-left: 0rem;
  }
}

.dialog {
  .modal-card-head {
    border-bottom: 2px solid var(--Tertiary-color);
    background-color: var(--Primary-color);

    .modal-card-title {
      color: var(--White-color);
    }

    .delete{
      background-color:#e4e4e4;

      &:hover{
        background-color: #c7d0d7;
      }
    }
  }

  .modal-card-body{
    background-color: var(--White-color);
  }

  .modal-card-foot {
    background-color: var(--White-color);
    border-top: none;

    .button.is-light {
      background-color: transparent;
      border: 2px solid var(--Danger-color);
      color: var(--Danger-color);

      &:hover,
      &:focus,
      &:active {
        background-color: var(--Danger-hover-color);
        color: var(--White-color);
      }
    }

    .button.is-primary{
      background-color: var(--Secondary-color);
      border: none;
      color: var(--White-color);

      &:hover,
      &:focus,
      &:active {
        background-color: var(--Secondary-hover-color);
        color: var(--White-color);
      }
    }
  }
}

/*------------------------------------*\
  #LAYOUTS
\*------------------------------------*/
/* Header */
.navbar-link.my-account-dropdown-link .is-impersonated {
  display: none;
}

.ict-header-spacer {
  height: auto;
}

html:not(.page-catalog-product) .navbar{

  a.navbar-item:has(:not(.navbar-dropdown)){
    color: var(--White-color);
  }

  .navbar-dropdown a.navbar-item:hover,
  .navbar-dropdown a.navbar-item:focus{
    background-color: transparent;
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: .3s;
    text-underline-offset: 0.25rem;

    &:hover{
      color: inherit;
      text-decoration: underline !important;
    }

  }
}

.two-tier-menu.navbar .level{
  .is-header-logo{
    height: 3em;
  }

  .level-left{
    position: relative;
    margin-right: 10rem;

    &::before{
      content: url('/240029895/Handler/CSSOverride/GetImage/1/Website Heater and Footer FSC_header_white.svg');
      position: absolute;
      top: -.5rem;
      right: -10rem;
      width: 75%;
      height: 100%;
      display: block;
    }
  }

  .navbar-item:not(.navbar-link + .navbar-item), .navbar-link {
    padding: .5rem .75rem;
  }

  .navbar-item.is-shown[name="Login"]{
    color: var(--White-color);
  }

  .navbar-item .icon:only-child{
    margin-right: 0;
  }

  .navbar-link:not(.is-arrowless) {
    padding-right: 2em;
  }

  .navbar-start {
    .navbar-item.has-dropdown .navbar-dropdown{
      transform: translateX(-25%);
      -webkit-transform: translateX(-25%);
      -moz-transform: translateX(-25%);
      -ms-transform: translateX(-25%);
      -o-transform: translateX(-25%);
      min-width: 10rem;
    }

    .button{
      background-color: transparent;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    i{
      font-size: 1.111rem;
      font-weight: 300;
      color: var(--White-color);
      transition: .3s;
    }

    .navbar-item.phone-link:hover i,
    .navbar-item.email-link:hover i,
    .navbar-link:hover i, 
    .button:hover i{
      font-weight: 700;
    }
  }
}

.two-tier-menu.navbar .bottom-menu-split{
  border-top: unset;
  
  .navbar-item:not(.navbar-dropdown a.navbar-item):first-child,
  .navbar-item:not(.navbar-dropdown a.navbar-item):first-child a:not(.button){
    padding-left: 0;
  }

  a.navbar-item:not(.navbar-dropdown),
  a.navbar-link{
    font-size: var(--fs-regular);
    color: var(--White-color);
  }

  .navbar-dropdown a.navbar-item{
    color: var(--Secondary-color);
  }
}


@media screen and (min-width: 1351px){
  .navbar{
    a.navbar-link{
      padding: .5rem;
      padding-right: 2em;
    }
  }

  .content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: var(--White-color);
    margin-top: -.4em;
    right: 0.75em;
  }
}


@media screen and (max-width: 1350px) and (min-width: 1088px){
  .two-tier-menu.navbar .bottom-menu-split  a.navbar-item:not(.navbar-dropdown),
  .two-tier-menu.navbar .bottom-menu-split  a.navbar-link{
    font-size: var(--fs-small);
  }

  .top-menu-split .container{
    padding-right: 16px;
  }

  .navbar {
    & a.navbar-link {
      padding: .25rem;
      padding-right: 1.5em;
    }
  }

  .content-field-navbar .navbar-link:not(.is-arrowless)::after {
    right: .5em;
  }

  .navbar-item:not(.navbar-dropdown a.navbar-item):last-child
  .navbar-item:not(.navbar-dropdown a.navbar-item):last-child a{
    padding-left: 0;
  }
}

@media screen and (max-width: 1270px) and (min-width: 1088px){
  #header-banner .column{
    flex-direction: column;
  }

  #header-banner .column p{
    line-height: 1.2;
  }

  #header-banner .column .block:last-child{
    line-height: 1.5rem;
  }

  #header-banner .column .button{
    margin-bottom: 0;
    height: 1.5rem;
  }
}

@media  screen and (max-width: 1200px) and (min-width: 1088px) {
  .navbar-item.phone-link,
  .navbar-item.email-link{
    font-size: var(--fs-small);
  }

  .two-tier-menu.navbar .level .navbar-start i{
    font-size: var(--fs-regular);
  }

  .two-tier-menu.navbar .level .navbar-start .navbar-item:has(i){
    padding: .5rem 0;
  }
}

@media screen and (min-width: 1088px) {
  #header-banner{
    transition: opacity 0.2s ease-out, transform 0.3s ease-out;
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 1;
  }
  
  #header-banner.hide-banner{
    visibility: 0;
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none; 
    height: 0vw;
    z-index: -1;
  }
  
  .split-menu-container {
    transition: transform 0.3s ease-in-out;
    position: relative;
    z-index: 2;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
  }
  
  .split-menu-container:has(.hide-banner){
    animation:  slideUpThenDown 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  }

  .navbar{
    a.navbar-link{
      color: var(--White-color);
    }

    background-color: transparent;
  }

  .page-catalog-category:has(.arone-category-page) .two-tier-spacer,
  .page-home-index .two-tier-spacer,
  .page-topic-topicdetails:not(:has(#Brown-logo-Header, #GeneralHeader)) .two-tier-spacer {
    height: auto;
  }

  .nav-search-container.two-tier-search.is-active {
    transform: translatey(9.67rem);
    -webkit-transform: translatey(9.67rem);
    -moz-transform: translatey(9.67rem);
    -ms-transform: translatey(9.67rem);
    -o-transform: translatey(9.67rem);
  }

  .content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: var(--White-color);
    margin-top: -.4em;
  }
}

@media screen and (min-width: 1088px) and (min-width: 768px) {
  .navbar {
    height:auto;
  }
}

@media screen and (min-width: 768px) {
  .content-field-navbar .top-menu-split {
    font-size: 1rem;
  }

  .navbar-burger span {
    background-color: var(--White-color);
  }
}

@media screen and (max-width: 1087px) {
  .navbar{
    background-color: var(--Primary-color);
  }

  .page-catalog-product .ict-header-spacer{
    height: 4.44444em;
  }

  .ict-header-spacer {
    height: auto;
  }

  .navbar-dropdown.mega-menu{
    overflow: hidden;
  }

  .navbar-dropdown.mega-menu .navbar-item {
    padding: .25rem 1.5rem;
  }
}

@media screen and (max-width: 767px) {

  .navbar-burger span {
    background-color: var(--White-color);
  }
}

/* Global Header */
@media screen and (min-width: 1088px) {
  html:not(.page-home-index,  .page-topic-topicdetails:not(:has(#GeneralHeader)), .page-catalog-product, .page-catalog-category) .two-tier-menu #header-banner{
    display: none;
  }

  html:not(.page-home-index,  .page-topic-topicdetails:not(:has(#GeneralHeader)), .page-catalog-product, .page-catalog-category) .header-spacer{
    height: auto;
  }

  html:not(.page-home-index,  .page-topic-topicdetails:not(:has(#GeneralHeader)), .page-catalog-product, .page-catalog-category) .two-tier-menu{
    position: unset;
    background-color: var(--Primary-color);
  }

  html:not(.page-home-index,  .page-topic-topicdetails:not(:has(#GeneralHeader)), .page-catalog-product, .page-catalog-category) .two-tier-menu .navbar-start .navbar-item{
    color: var(--White-color);
  }

  html:not(.page-home-index,  .page-topic-topicdetails:not(:has(#GeneralHeader)), .page-catalog-product, .page-catalog-category) .two-tier-menu .navbar-start .navbar-item .navbar-dropdown a.navbar-item{
    color: var(--Secondary-color);
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: .3s;
    text-underline-offset: 0.25rem;

    &:hover{
      color: var(--Secondary-color);
      text-decoration: underline !important;
    }
  }

  html:not(.page-home-index,  .page-topic-topicdetails:not(:has(#GeneralHeader)), .page-catalog-product, .page-catalog-category) .two-tier-menu .navbar-dropdown.mega-menu{
    top: 8rem;
  }
}


@media screen and (max-width: 1087px) {
  html:not(.page-home-index,  .page-topic-topicdetails:not(:has(#GeneralHeader)), .page-catalog-product, .page-catalog-category) .two-tier-menu.navbar .level .navbar-start i,
  html:not(.page-home-index,  .page-topic-topicdetails:not(:has(#GeneralHeader)), .page-catalog-product, .page-catalog-category)  .two-tier-menu.navbar .navbar-group a.navbar-item,
  html:not(.page-home-index,  .page-topic-topicdetails:not(:has(#GeneralHeader)), .page-catalog-product, .page-catalog-category) .two-tier-menu.navbar .navbar-group  a.navbar-link {
    color: var(--White-color);
  }

  html:not(.page-home-index,  .page-topic-topicdetails:not(:has(#GeneralHeader)), .page-catalog-product, .page-catalog-category) .content-field-navbar .navbar-group .navbar-link:not(.is-arrowless)::after{
    border-color: var(--White-color);
  }
}


/* Mega Menu */
.menu-title {
  display: block;
  font-size: var(--fs-regular);
  color: var(--Secondary-color);

  &:hover{
    text-decoration: underline;
    background-color: transparent;
    color: var(--Secondary-color);
  }
}

.menu-list a {
  font-size: var(--fs-small);
  color: var(--Secondary-dark-color);
  text-decoration: none;
}

.menu-list a:hover {
  text-decoration: underline;
  background-color: transparent;
  color: var(--Secondary-dark-color);
}

@media screen and (min-width: 1537px){
  .mega-menu-container .columns.product-image{
    transform: translateX(12%);
    -webkit-transform: translateX(12%);
    -moz-transform: translateX(12%);
    -ms-transform: translateX(12%);
    -o-transform: translateX(12%);
  }
}

@media screen and (max-width: 1536px) and (min-width: 1088px) {
  .mega-menu{
    .column {
      padding: .25rem;
    }

    .column .block .is-inline-block{
      padding-top: .5rem;
    }

    .navbar-item img {
      max-height: 4.444em;
      padding-top: .5rem;
    }

    .image.is-64x64 {
      height: 44px;
      width: 44px;
    }

    .menu-image .button.is-secondary{
      font-size: var(--fs-regular)
    }

    .columns.product-image{
      transform: translateX(17%);
      -webkit-transform: translateX(17%);
      -moz-transform: translateX(17%);
      -ms-transform: translateX(17%);
      -o-transform: translateX(17%);
}
  }
}

@media screen and (max-width: 1280px) and (min-width: 1088px) {
  .mega-menu{
    .menu-image .button.is-secondary{
      font-size: 0.7rem;
    }

    .columns.product-image{
      transform: translateX(20%);
      -webkit-transform: translateX(20%);
      -moz-transform: translateX(20%);
      -ms-transform: translateX(20%);
      -o-transform: translateX(20%);
    }
  }
}

@media screen and (max-width: 1155px) and (min-width: 1088px) {
  .mega-menu .column:not(.is-one-quarter) > .block:first-child .image.is-64x64   {
    width: 48px;
    height: 48px;
  }
}

@media screen and (min-width: 1088px) {
  .navbar-dropdown.mega-menu {
    position: fixed;
    top: 11rem;
    width: 100%;
    left: 0;
    padding-left: calc(64px - 1.5rem);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: calc(64px - 1.5rem);
  }

  .mega-menu-container{
    display: flex;
    justify-content: space-between;
  }

  .mega-menu-container .columns.mega-menu-items{
    width: 85%;
  }

  .mega-menu-container .columns.product-image{
    width: 15%;
    justify-content: center;
  }

  .two-tier-menu {
    transition: background-color 0.6s;
    -webkit-transition: background-color 0.6s;
    -moz-transition: background-color 0.6s;
    -ms-transition: background-color 0.6s;
    -o-transition: background-color 0.6s;
  }

  .two-tier-menu:has(#header-banner.hide-banner){
    background-color: var(--Primary-color);
  }

  .two-tier-menu:not(:has(#header-banner.hide-banner)) .top-menu-split > .container{
    padding-top: .75rem;
  }

  html:has(.page-home-index, .page-topic-topicdetails, .page-catalog-product) .two-tier-menu .top-menu-split:has(#header-banner) + .bottom-menu-split  .navbar-dropdown.mega-menu{
    top: 11rem;
  }

  .two-tier-menu .top-menu-split:has(#header-banner.hide-banner) + .bottom-menu-split .navbar-dropdown.mega-menu{
    top: 8rem;
  }

  .navbar-item.has-dropdown:hover .mega-menu {
    display: block;
  }

  .navbar-dropdown.mega-menu:has(.menu-image)::before{
    content: '';
    background-color: #F5F5F5;
    width: 15%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .mega-menu .columns {
    margin: 0;
  }


  .navbar-dropdown.mega-menu:has(.menu-image) .column{
    width: 25%;
  }

  .navbar-dropdown.mega-menu .column{
    width: 33.333333%;
  }

  .mega-menu  .column.is-one-quarter{
    padding: 0;
    position: relative;
    width: 80% !important;
    padding-bottom: .75rem;
  }
  
  .menu-title {
    padding: .5em;
  }
  
  .menu-list {
    list-style: none;
    padding: 0;
  }
  
  /* Header - Product Card */
  .menu-image {
    text-align: left;
  }
  
  .menu-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 200px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
  
  .menu-cta-title {
    font-size: var(--fs-small);
    color: var(--Secondary-color);
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1087px){
  .navbar-brand > .navbar-item:first-of-type {
    padding-left: 64px;
  }

  .navbar-brand > .navbar-item a{
    display: flex;
    align-items: center;
  }

  .navbar-brand > .navbar-item .is-header-logo{
    height: 2.5rem;
  }
  
}

@media screen and (max-width: 1087px) and (min-width: 767px){
  .mega-menu  .column.is-one-quarter{
    width: 50% !important;
  }
}

@media screen and (max-width: 768px) {
  .navbar-brand > .navbar-item:first-of-type {
    padding-left: 20px;
  }

  .menu-image .block:first-child{
    display: none;
  }

  .menu-image h4{
    margin-bottom: .75rem;
    font-family: 'GAMBETTA-SEMIBOLD';
    font-size: 1.2rem;
  }

  .mega-menu  .column.is-one-quarter{
    width: 50% !important;
    display: flex;
    align-items: flex-end;
  }
}

@media screen and (max-width: 650px) {
  .mega-menu .column {
    width: 100%;
  }
  
  .mega-menu  .column.is-one-quarter{
    width: 100% !important;
  }
}

/* Search Modal */
.search-modal{
  & .search-modal-background{
    background-color: var(--Modal-background-color);
  }

  & .nav-search-container.is-active{
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
  }

  & .modal-card-head{
    position: absolute;
    right: 0;
    top: 0;

    & .delete{
      background-color: transparent;

      &:hover{
        background-color: transparent;
      }
    }
  }

  & .search-modal-background{
    display: flex;
    align-items: flex-start;
  }

  & .search-modal-card{
    background-color: var(--White-color);
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-shadow: unset;
    border-bottom: 2px solid var(--Secondary-color);
  }

  & .box{
    width: 100%;
    background: transparent;
  }

  & .search-card-head {
    background: transparent;
    border-bottom: unset;
  }

  & .search-modal-card-body{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  & #small-searchterms{
    border-right: none;
    
    &:focus{
      box-shadow: unset;
    }
  }
}

/* Footer */
.ict-dedicated-footer{

  .column:not(:nth-last-of-type(-n+2)) .ict-list li:not(:last-child) {
    margin-bottom: 1.111111rem;
  }

  .ict-paragraph p,
  li > a{
    font-family: 'Satoshi';
    color: var(--White-color);
    font-weight: 400;
  }

  li a{
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: .3s;
    text-underline-offset: 0.25rem;

    &:hover{
        color: inherit;
        text-decoration: underline !important;
    }
  }

  .columns{
    border-bottom: 1px solid #1B6B4A;
  }
  
  .payment-images{
    flex-wrap: wrap;
  }

  .payment-images .block:not(:last-child){
    margin-right: .5rem;
  }

  @media screen and (min-width: 1088px) {
    .column:has(.payment-images){
      justify-content: flex-end;
    }
  }

  @media screen and (max-width: 768px) {
    .column:has(.payment-images){
      flex-wrap: wrap;
    }

    .column:has(.payment-images) > .block{
      width: 100%;
    }
  }
}

.ict-footer-bottom{

  .column.back-top-button{
    width: 20%;
  }

  .ict-paragraph p{
    font-family: 'Satoshi';
    color: var(--White-color);
    font-weight: 400;
  }

  .ict-paragraph:last-child p{
    color: #EEEDE761;
  }
}
/*------------------------------------*\
  #ADMIN PAGES
\*------------------------------------*/
/* Login */
.login__wrapper{

  .requiredMarker{
    font-size: 1rem;
  }
}
/* Homepage */
.social-section .is-fullheight{

  @media screen and (max-width: 1087px) {
    height: unset !important;
  }
}

/* Product Landing */

/* Header */
@media screen and (min-width: 1088px) {
  .page-catalog-product:not(.arone-category-page) .header-spacer.two-tier-spacer {
    height: 11.16667rem;
  }

  .page-topic-topicdetails:has(#Brown-logo-Header) .two-tier-menu:has(#header-banner.hide-banner),
  .page-catalog-product:not(.arone-category-page)  .two-tier-menu:has(#header-banner.hide-banner) {
    background-color: var(--White-color);
  }

  .page-topic-topicdetails:has(#Brown-logo-Header)  .two-tier-menu.navbar,
  .page-catalog-product:not(.arone-category-page)  .two-tier-menu.navbar{
    .navbar-item.is-shown[name="Login"]{
    color: var(--Secondary-color);
   }
  }

  .page-topic-topicdetails:has(#Brown-logo-Header)  .two-tier-menu.navbar .level .navbar-start i,
  .page-topic-topicdetails:has(#Brown-logo-Header)  .two-tier-menu.navbar a.navbar-item,
  .page-topic-topicdetails:has(#Brown-logo-Header)  .two-tier-menu.navbar  a.navbar-link,
  .page-catalog-product:not(.arone-category-page)  .two-tier-menu.navbar .level .navbar-start i,
  .page-catalog-product:not(.arone-category-page)  .two-tier-menu.navbar a.navbar-item,
  .page-catalog-product:not(.arone-category-page)  .two-tier-menu.navbar  a.navbar-link {
    color: var(--Secondary-color);
  }

  
  .page-topic-topicdetails:has(#Brown-logo-Header) .content-field-navbar .navbar-link:not(.is-arrowless)::after,
  .page-catalog-product:not(.arone-category-page)  .content-field-navbar .navbar-link:not(.is-arrowless)::after{
    border-color: var(--Secondary-color);
  }

  .page-topic-topicdetails:has(#Brown-logo-Header) .navbar-dropdown a.navbar-item:hover,
  .page-catalog-product:not(.arone-category-page) .navbar-dropdown a.navbar-item:hover{
    text-decoration: underline;
    background-color: transparent;
  }

  .page-topic-topicdetails:has(#Brown-logo-Header)  .level-left a:has(.is-header-logo),
  .page-catalog-product:not(.arone-category-page)  .level-left a:has(.is-header-logo){
    position: relative;
  }

  .page-topic-topicdetails:has(#Brown-logo-Header)  .level-left a:has(.is-header-logo)::after,
  .page-catalog-product:not(.arone-category-page)  .level-left a:has(.is-header-logo)::after {
    content: '';
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Product-landing-logo.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: .25rem;
    left: 0;
    width: 100%;
    height: 100%;

  }

    .page-topic-topicdetails:has(#Brown-logo-Header) .two-tier-menu.navbar .level .level-left,
    .page-catalog-product:not(.arone-category-page) .two-tier-menu.navbar .level .level-left{
    position: relative;

    &::before{
      content: url('/936812590/Handler/CSSOverride/GetImage/1/Website Heater and Footer FSC_header_brown.svg');
      position: absolute;
      top: -.5rem;
      right: -10rem;
      width: 75%;
      height: 100%;
      display: block;
    }
   }

  .page-topic-topicdetails:has(#Brown-logo-Header)  .level-left a img.is-header-logo,
  .page-catalog-product:not(.arone-category-page)  .level-left a img.is-header-logo {
    visibility: hidden;
  }
}

@media screen and (max-width: 1087px) {
  .page-catalog-product:not(.arone-category-page)  .two-tier-menu.navbar .level .navbar-start i,
  .page-catalog-product:not(.arone-category-page)  .two-tier-menu.navbar .navbar-group a.navbar-item,
  .page-catalog-product:not(.arone-category-page)  .two-tier-menu.navbar .navbar-group  a.navbar-link {
    color: var(--White-color);
  }

  .page-catalog-product:not(.arone-category-page)  .content-field-navbar .navbar-group .navbar-link:not(.is-arrowless)::after{
    border-color: var(--White-color);
  }
}

.product-intro-section .hero-body{
  padding-bottom: 0;
  padding-top: 0;
}

.arone-product-landing-page .product-main-wrapper{
  display: flex;
  flex-direction: column;

  .breadcrumb-section{
    order: 1;
  }

  .product-info-section{
    order: 2;
  }
}

.hero.product-intro-section .container{
  padding: 0;
  margin: 0;
  max-width: 100%;
}

.hero.product-intro-section .container .columns{
  padding-left: 32px;
  padding-right: 32px;
  margin: 0 auto;
  max-width: 1440px;
}

/* Product Info  */
.section.product-info-section > .container > .columns{
  @media screen and (max-width: 1087px) {
    display: flex;
    flex-direction: column-reverse;

    #productDetails{
      padding-bottom: 1.5rem;
    }
  }
}

/* Product Details */
.arone-product-landing-page h1.title{
  font-family: 'Satoshi', sans-serif;
  font-size: 2.22222222rem;
  font-style: normal;
  color: var(--Secondary-color);
}

.product-details-block2,
.product-description-box{
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

@media screen and (max-width: 400px) {
  .product-details-block2{
  
    .buttons .button:first-child{
      margin-right: 0;
    }
  }
}

.details-wrapper:has(.name_Order_Summary) .add-to-cart-buttons-wrapper{
  margin-bottom: 1rem;
}

.price-quantity-start-wrapper {

  .quantity-wrapper .field.is-horizontal{
    margin-bottom: 1rem;
  }

}

.hideMainPrice { 
  .details-wrapper{

    .price.is-full,
    .column.px-0:has(.image-text){
      padding: 0;
    }

    .priceScriptInfo{
      padding-top: 0;
      padding-bottom: 0;
    }
  }

  .add-to-cart-wrapper .custom-product-form #multiProductCustomProduct{
    margin-bottom: 0;
  }
}

/* Product Attributes */
.arone-product-landing-page .attribute label.button{
  background-color: #755A370A;
  border: 1px solid var(--Secondary-color);
}

.arone-product-landing-page .attribute label.button:hover{
  background-color: #755A3791;
  color: var(--White-color);
  border-color: #755A370A;
}

.arone-product-landing-page .attribute label.button,
.arone-product-landing-page .attribute input:checked + label.button{
  font-size: var(--fs-regular);
  padding-left: 0.7777777777777778rem;
  padding-right: 0.7777777777777778rem;
}

.arone-product-landing-page .type_Checkboxes .attribute-value-item{
  max-width: 50%;
  flex-basis: 50%;
  display: flex;
  position: relative;
}

.arone-product-landing-page .attribute.type_Checkboxes input:checked + label.button,
html:not(.page-dynamicproduct-editor) .type_Checkboxes .button{
  height: 4.111111111111111em;
}

.arone-product-landing-page .type_Checkboxes .attribute-value-item input{
  display: inline-block !important;
  margin-right: .25rem;
  accent-color: var(--Primary-color);
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  margin-right: .5rem;
  top: 50%;
  transform: translate(1rem,-50%);
  width: auto !important;
  height: auto !important;
  clip: unset !important;
  clip-path: fill-box !important;
}

.arone-product-landing-page .type_Checkboxes .attribute-value-item .button .text{
  text-wrap: wrap;
  width: 50%;
}

.arone-product-landing-page .type_Checkboxes .attribute-value-item label.button{
  max-width: 50%;
}

.arone-product-landing-page .priceScriptInfo{

  .column:first-child span{
    font-weight: 700;
  }

  .column:last-child{
    span.image-text span{
      font-weight: 700;
    }
  }

  .content.column{
    margin-top: 0 !important;
  }

  @media screen and (max-width: 767px) {
    flex-basis: 100%;
  }
}

.attribute:has(.input_half) .attribute-item .attribute-value-item{
  flex-basis: 50%;
  max-width: 50%;
}

@media screen and (max-width: 767px) {
  .details-wrapper .attributes .attribute{
    flex-basis: 100%;
  }
}

/* Attribute Image */
.attribute.contains-image-attribute .columns {
  margin: -2px;
}

.attribute.contains-image-attribute .attribute-item .attribute-value-item {
  max-width: 33.333333% !important;
  width: 100%;
  flex: none;
  overflow: hidden;
}

.attribute.contains-image-attribute .columns .column {
  padding: .25rem;
}

.arone-product-landing-page .attribute.contains-image-attribute input:checked+label.button {
  border-width: 2px;
  height: 100%;
}

.attribute.contains-image-attribute label.button {
  height: 100%;
  padding: 0px;
  padding: 2px !important;
}

.attribute.contains-image-attribute span.text {
  position: absolute;
  bottom: 1.5rem;
  left: 3%;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 10;
  background-color: transparent;
  color: black;
  font-size: 0.75em;
  font-weight: 400;
  padding: .5rem 0;
  width: 94%;
  white-space: normal;
  color: var(--Secondary-color);
}

.attribute.contains-image-attribute .attributeValueInfo {
  width: 100%;
  margin: 0px;
  padding: 1.5rem .5rem 1rem .5rem;
}

.arone-product-landing-page .attribute.contains-image-attribute input:checked+label.button span.text {
  color: var(--White-color);
}

.attribute.contains-image-attribute .attributeValueInfo .attribute_image_template {
  padding-top: 100%;
  margin-bottom: 1.5rem;
}

.attribute.contains-image-attribute .attributeValueInfo .attribute_image_template img {
  top: -.8rem;
  object-fit: cover;
}

.attribute.name_Order_Summary.column{
  padding: 0;
}

.add-to-cart-wrapper{
  margin-bottom: 0;
}

.arone-product-landing-page .column.quantity-wrapper{
  padding: 0;
  display: flex;
  align-items: center;

  > .field.is-horizontal{
    width: 100%;
  }

  > .field .field-label{
    margin-right: 0;

    @media screen and (min-width: 1088px) {
      margin-left: .75rem;
    }
  }
}

.arone-product-landing-page .action-button-wrapper{
  .cancelEdit{
    margin-bottom: .75rem;
  }
}

.attributes.columns .field.is-grouped{
  order: 1;
  padding: .75rem;
  position: relative;
  justify-content: flex-end;
  width: 100%;
}

.attributes.columns .field.is-grouped::before{
  content: 'Enter a quantity or use the arrows to adjust';
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 60%;
  height: 100%;
  line-height: 1.2;
  color: var(--Secondary-color);
  padding-left: .75rem;
  display: block;
  padding-top: 1rem;
  white-space: normal;
  word-break: break-word;
}

.add-to-cart-wrapper .custom-product-form{
  border-top: 1px solid #D4D0C7;
  padding-top: 3rem;
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  position: relative;

  &::before{
    content: 'How can we help you get your order designed, printed, and sent?';
    position: absolute;
    top: 1rem;
    left: 0.25rem;
    width: 100%;
    color: var(--Secondary-color);
    font-weight: bold;

    @media screen and (max-width: 1300px) and (min-width: 1088px) {
      top: .25rem;
    }

    @media screen and (max-width: 1087px) and (min-width: 768px) {
      top: 1rem;
    }

    @media screen and (max-width: 500px) {
      top: .25rem;
    }
  }

  .field.is-grouped{
    order: 1;
    margin-top: 1.25rem;
    position: relative;
    justify-content: flex-end;
  }

  .field.is-grouped::before{
    content: 'Enter a quantity or use the arrows to adjust';
    position: absolute;
    top: 0;
    left: 0.25rem;
    width: 60%;
    height: 100%;
    text-wrap: wrap;
    line-height: 1.2;
    display: flex;
    align-items: center;
    color: var(--Secondary-color);
  }

  #multiProductCustomProduct{
    border-bottom: 1px solid #D4D0C7;
    padding-bottom: 3rem;
    margin-bottom: 1rem;
    position: relative;
    margin-top: .5rem;

    &::after{
      content: 'Choose your artwork option to go to the next step';
      font-weight: 700;
      position: absolute;
      bottom: 1rem;
      left: 0.25rem;
      width: 100%;
      color: var(--Secondary-color);
    }

    li{
      padding: .25rem;
      display: block;
      max-width: 50%;
      width: 50%;
      position: relative;
      cursor: pointer;

      @media screen and (min-width: 1350px) {
        max-width: 33.333333%;
        width: 33.333333%;
      }

      @media screen and (max-width: 1087px) {
        max-width: 33.333333%;
        width: 33.333333%;
      }

      @media screen and (max-width: 550px) {
        max-width: 50%;
        width: 50%;
      }

      input{
        font-size: var(--fs-regular);
        background: #755A3712;
        color: var(--Secondary-color);
        border: 1px solid var(--Secondary-color);
        height: 15.111111em;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
      }

      &::before{
        content: '';
        position: absolute;
        top: 2.5rem;
        left: 50%;
        width: 48px;
        height: 48px;
        transform: translateX(-50%);
      }

      &::after{
        position: absolute;
        bottom: 1.5rem;
        left: 50%;
        width: 85%;
        height: 35%;
        padding: .25rem;
        transform: translateX(-50%);
        text-align: center;
        font-size: var(--fs-small);
        transition: .3s;
      }

      &:nth-child(1)::before{
        background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/upload_icon.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
      }

      &:nth-child(1)::after{
        content:"I'll upload my own artwork";
      }

      &:hover::after{
        color: var(--White-color);
      }

      &:nth-child(2)::before{
        background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/email_icon.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
      }

      &:nth-child(2)::after{
        content:"I will email my artwork To hello@bagkraft.co.uk \A (Please include Job Number)";
        white-space: pre-wrap;
      }

      &:nth-child(3)::before{
        background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/design_icon.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
      }

      &:nth-child(3)::after{
        content:"I'll design it myself using your online drag & drop designer";
        white-space: pre-wrap;
      }


      &:hover input{
        background-color: rgba(117, 90, 55, 0.57);
        color: var(--White-color);
      }

      input:checked{
        background-color: var(--Secondary-color);
        color: var(--White-color);
      }
    }
  }

  .multipart_product_start{
    background: #755A3712;
    color: var(--Secondary-color);

    &:hover{
      background-color: #6c5333;
      color: var(--White-color);
    }
  }
}

.add-to-cart-wrapper > .block{
  margin-bottom: 0 !important;
}

.type_Info.column:has(#estimatedTotal){

  .attributeTitle,
  .attribute-item{
    display: none;
  }

}

.name_Order_Summary .attribute-item{
  display: none;
}

.page-catalog-product .product-variant-line > .block.is-medium:not(:last-child){
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 1088px) {
  .attribute.contains-image-attribute .attribute-value-item.column {
      max-width: 33.333333% !important;
  }
}

@media screen and (max-width: 767px) {
  .attribute.contains-image-attribute .columns {
      display: flex;
  }
}

@media screen and (max-width: 475px) {
  .attribute.contains-image-attribute .attribute-item .attribute-value-item {
      max-width: 50% !important;
  }
}

/* Multipart Product */
.multipartUi-V2-Container{

  .title.product-title{
    color: var(--Secondary-color) !important;
  }

  .back-button a{
    background-color: var(--Secondary-color);
    color: var(--White-color);

    &:hover,
    &:focus,
    &:active{
      background-color: var(--Secondary-hover-color);
      color: var(--White-color);
    }
  }
}

.product-attributes-box{
  padding: 1rem;
}

.product-attributes-box{

  span.truncate{
    display: block;
    max-width: 100%;
  }

  .attr-value .truncate,
  span.truncate,
  .attr-value .is-info{
    font-size: var(--fs-small);
  }

  .columns.is-variable.is-2>.column {
    padding: .25rem .5rem;
  }
}

.multipartUi-V2-UploadsArea{
  .product-part.upload{
    background: var(--background-light-brown-color);
  }
}

.multipartUi-V2-wrapper .multipart-preview-window {
    height: 100%;
}

.multipartUi-V2-UploadItem,
.multipartUi-V2-UploadItemArea{
  max-height: 30rem;
}

.product-part>.multipartUi-V2-UploadItem>.multipartUi-V2-UploadItemArea>.file{
  max-height: 50%;
}

.multipartUi-V2-wrapper{

  .product-title.title{
    color: var(--Secondary-color) !important;
  }

  .columns:first-of-type .button.is-light{
    background-color: var(--Secondary-color);
    color: var(--White-color);

    &:hover,
    &:focus,
    &:active{
      background-color: var(--Secondary-hover-color);
      color: var(--White-color);
    }
  }

  #multipart-new-preview{
    background-color: var(--background-light-brown-color);
  }

  .completed-list .button.is-light{
    background-color: var(--background-light-brown-color);
  }

  #multipart-new-preview #creatingPreviewText{
    color: var(--Text-color);
  }
}

@media screen and (min-width: 1280px) {
  .multipartUi-V2-productInfoAndRequirements.column{
    width: 40%;
  }
}

/* Mega Edit */
.addtoBasketScreenContainer h1::before,
.loadingScreen .loadingLogo::before {
  content: "";
  /* Change the mega edit image here using the same naming structure on CSS  override */
  /* background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/ME_Logo.png"); */
  width: 14rem;
  height: 50%;
  position: absolute;
  top: -4rem;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.loadingScreen .fa-cog,
.addtoBasketScreen .fa-spinner {
  border-right-color: var(--Secondary-color);
}

.loadingScreen .ME_loading_hints ul li {
  border-color: var(--Text-color);
}

#addToBasketScreenMsg,
.loadingScreen .ME_loading_hints ul li,
.ME_loading_hints ul li::before,
.loadScreenStepIndicator {
  color: var(--Text-color) !important;
}

.addtoBasketScreen .addtoBasketScreenContainer>h1::before {
  top: -2rem;
  width: 14rem;
  transform: translateX(-13%);
  -webkit-transform: translateX(-13%);
  -moz-transform: translateX(-13%);
  -ms-transform: translateX(-13%);
  -o-transform: translateX(-13%);
}

.loadingScreen .loadingSpinner,
.addtoBasketScreen .loadingSpinner {
  position: relative;
  top: 5rem;
}

.loadingScreen .loadingLogo .loadScreenStepIndicator,
.addtoBasketScreen .loadingArea__loadScreenStepIndicator {
  font-size: 1.5rem;
  margin-top: 2rem;
}

.editorTop.pane .headerWrapper .currentCanvasSizeWrapper .current_prod_name{
  min-width: 300px;
  font-size: var(--fs-regular);
}

/* Dialog Boxes */
.ui-dialog {
  .ui-dialog-titlebar {
    border-bottom: none;
    background-color: var(--Primary-color);

    .ui-dialog-title {
      font-weight: 700;
      color: var(--White-color);
    }

    .ui-button-icon-primary{
      background-color: var(--Grey-color);

      &:hover{
        background-color: #c7d0d7;
      }
    }

    .ui-icon-closethick{
      background-color:#e4e4e4;

      &:hover{
        background-color: #c7d0d7;
      }
    }
  }

  .ui-button {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
  }

  .ui-dialog-buttonpane {
    background-color: var(--White-color);
    border-top: none;

    .ui-dialog-buttonset .ui-button.ui-widget:first-child {
      background-color: var(--Secondary-color);
      border: 2px solid var(--Secondary-color);
      color: var(--White-color);

      &:hover,
      &:focus,
      &:active {
        background-color: var(--Secondary-hover-color);
        color: var(--White-color);
      }
    }

    .ui-button.ui-widget:nth-child(2) {
      background-color: transparent;
      border: 2px solid var(--Danger-color);
      color: var(--Danger-color);

      &:hover,
      &:focus,
      &:active {
        background-color: var(--Danger-hover-color);
        color: var(--White-color);
      }
    }
  }
}
/* Form Quote Modal */
#quoteModal{
  #closeQuoteModal{
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 2;
    margin: 0;

    li a{
      text-decoration: underline;
      text-decoration-color: transparent;
      transition: .3s;
      text-underline-offset: 0.25rem;
      padding: .4rem .8rem;
      background: var(--background-light-brown-color);

      &:hover{
        color: inherit;
        text-decoration: underline;
      }
    }

    @media screen and (max-width: 767px){

      top: 2rem;
      right: 1.5rem;

      li a{
        font-size: 1.2rem;
      }
    }
  }

  .quoteModalColumn.column{
    height: 100%;
    max-height: 700px;
    min-height: 700px;
    overflow-y: auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--White-color) !important;
    
    .ict-embed{
      overflow: hidden;
      margin-top: 6rem;
    }
    

    &::-webkit-scrollbar{
      width: .5rem;
    }

    &::-webkit-scrollbar-thumb{
      background-color: var(--Secondary-color);
      border-radius: 24px;
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      -ms-border-radius: 24px;
      -o-border-radius: 24px;
}

    &::-webkit-scrollbar-track{
      background-color: var(--White-color);
      border-radius: 24px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      -ms-border-radius: 24px;
      -o-border-radius: 24px;
    }

  }

  .block:has(#closeQuoteModal){
    margin: 0 !important;
  }

  @media screen and (max-width: 900px){
    .column.quoteModalColumn{
      width: 100%;
    }
  }

  @media screen and (max-width: 767px){
    .column.quoteModalColumn{
      margin-top: 0.5rem;
    }
    
  }
}

/* Related Product */
.related-products-section.has-background-light{
  background-color: var(--White-color) !important;

  h3.title{
    font-size: 2.888888888888889em;
    color: var(--Secondary-color) !important;
  }

  @media screen and (max-width: 1087px) {
    padding-top: 3rem;
  }
}

/* Category page */
.page-catalog-category{
  scroll-behavior: smooth;
}

.arone-category-page{
  display: flex;
  flex-direction: column;

  .breadcrumb-section {
    order: 1;
  }

  .category-subcategory-section{
    display: none;
  }

  .category-product-section.section{
    order: 2;
  }

  .category-bottomdescription-wrapper {
    order: 2;
  }
}

.arone-category-page .hero-body{
  padding-bottom: 0;
}

.homeFeaturedProductsWrapper{
  scroll-margin-top: 6rem;
}


@media screen and (max-width: 1150px){
  .page-catalog-category .header-column-block .column:first-child{
    width: 100% !important;
    margin-right: 0 !important;
    padding-right: 2rem !important;
    text-align: center;
  }

  .page-catalog-category .header-column-block .column:not(:first-child){
    width: 33.333333% !important;

  }

  .page-catalog-category .header-column-block .column:nth-child(2){
    padding-left: 2rem !important;
    margin-left: 0 !important;
  }
}


#BespokePrinted,
#FastTrack,
#printedBagsFaqs{
  scroll-margin-top: 3rem;
}

#WorldTrust,
#LovePaper,
#twoSides,
#carbonBalanced,
#fscCertified{
  scroll-margin-top: 6rem;
}

.has-content-primary .listItem .product-item--info,
.has-content-primary .listItem .product-item--info .product-title a{
  color: var(--Primary-color);
}

.has-content-primary .listItem .product-item--info .add-info .buttons input{
  background-color: var(--Primary-color);
}

/* Basket Page */
.shoppingcart__wrapper .cart-footer .cart-footer__container,
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row,
.one-page-checkout .cartTableWrapper .cart tr.cart-item-row{
  border: 2px solid var(--Secondary-color);
  background-color: #f9f5e3;
}

.page-shoppingcart-cart{

  .ui-dialog{
    min-width: 400px;

    #savebasket{
      border: 1px solid var(--Secondary-color);
    }

    .buttons .catfish-button{
      background-color: var(--Danger-color);  

      &:hover{
        background-color: var(--Danger-hover-color);
      }
    }
  }
}

/* Basket Page */
.shoppingcart__wrapper .cartform .cartTableWrapper .cart{

  tr.cart-item-row{

    .rawAttributeInfo{
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      
      .rawAttributeInfo__item{
        padding: .25rem;
      }

      .title,
      .value{
        font-size: var(--fs-small);
      }
      
      .separator{
        display: none;
      }
    }

    td.cart--unitprice{
      display: none;
    }

    @media screen and (min-width: 1472px) {
      td.cart--pictures{
        max-width: 150px;
      }

       td.cart--itemtotal{
        position: absolute;
        right: 3.5rem;
      }

      td.cart--quantity{
        position: absolute;
        right: 8.5rem;
        min-width: 200px;

        .quantityChanger{
          width: fit-content;
          min-width: 10ch;
          padding: 0.25em 0.5em;
        }
      }

      td.cart--actions{
        position: relative;
        top: 10rem;
      }

      td.cart--productinfo {
        width: 20.66667rem;
      }
    }
  }
}
/*------------------------------------*\
 #CHECKOUT STEPS
\*------------------------------------*/
.one-page-checkout #checkoutSteps{
  .step-title{
    text-transform: capitalize;

    h2{
      margin-bottom: 1rem;
    }
  }
}

.one-page-checkout #opc-shipping_method {

  #checkout-shipping-method-load{
    text-align: center;
  }

  .shipping-options{
    background-color: transparent;
  }

  .shipping-options .shipping-options__list .shipping-option-item{
    margin-bottom: 1rem;
  }

  .shipping-options .shipping-options__list .shipping-option-item label,
  .shipping-options .shipping-options__list .shipping-option-item input:checked+label{
    border-color: var(--Secondary-dark-color);
    background-color: var(--background-light-white-color);
    color: var(--Text-color);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;

    &:hover{
      background-color: var(--border-color-light);
    }
  }

  .shipping-options .shipping-options__list .shipping-option-item input:checked+label:before{
    color: var(--Text-color);
  }

  .shipping-options .shipping-options__list .shipping-option-item input:checked+label:after{
    border-color: var(--Primary-color);
    background-color: var(--Primary-color);
    color: var(--White-color);
  }
}

#opc-confirm_order{

  .cart-item-row.parent-sci{
    padding: 0.75rem;
    position: relative;

    &::before{
      content: '';
      width: 100%;
      height: 1px;
      background-color: var(--border-color-light);
      position: absolute;
      top: 3.5rem;
      left: 0;
    }
  }

  .cartTableWrapper .cart-label-header{
    margin-bottom: 1.5rem;
  }

  .selected-checkout-attributes{

    .box{
      background: var(--Secondary-color);
      color: var(--White-color);
      padding: 0;

      table.table thead{
        display: none;
      } 
    }
  }

  .priceScriptMessageItem .column:first-child,
  #deliveryNote,
  #deliveryTime{
    display: none;
  }

  .cart--unitprice{
    display: flex;

    .productPrice{
      font-weight: 600;
    }

    .priceScriptInfo{
      order: 1;
    }

    .priceScriptMessageItem .column:has(.image-text),
    .priceScriptMessageItem .column:first-child{
      display: none;
    }

    .priceScriptMessageItem .column.content{
      margin-bottom: .5rem;
      background: transparent;
      padding: 0;

      table{
        font-size: var(--fs-small);
      }

      .estimated_total_left{
        padding: 0;
        padding-bottom: .5rem;
        border: none;
      }

      .estimated_total_right{
        padding: 0;
        text-align: left !important;
      }
    }
  }

  .product.cart--productinfo{
    .rawAttributeInfo,
    .title{
      font-size: var(--fs-small);
    }

    .separator{
      display: none;
    }

    .value{
      margin-bottom: .75rem;
    }
  }

  .cart-footer{
    max-width: 31.22222rem;
    width: 100%;
    margin: auto;

    #cartTotals{
      background: var(--background-light-brown-color);
      border: 1px solid var(--Secondary-color);
      margin-bottom: .75rem;
    }

    tr:not(:last-child){
      border-bottom: 1px solid var(--border-color-light);
    }

    tr:not(:last-child) td{
      padding-bottom: .5rem !important;
    }

    @media screen and (max-width: 1087px) {
      max-width: unset;
    }
  }

  #confirm-order-buttons-container{
    max-width: 47.22222rem;
    margin: 1.5rem auto;
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;

    @media screen and (max-width: 1087px) {
      max-width: unset;
      display: inline-block;
    }
  }

  @media screen and (min-width: 1088px) {
    text-align: center;
    max-width: 90%;

    #checkout-step-confirm-order .subtitle{
      text-align: left;
    }

    .cart-item-row{

      .productpicture.cart--pictures{
        max-width: 150px;
      }

      .product.cart--productinfo{
        min-width: 350px;
      }

      .cart--unitprice{
        min-width: 325px;
      }

      .cart--quantity {
        min-width: 190px;
      }
    }
  }
}

/* Confirmation */
.page-checkout-completed .page-title .title{
  text-transform: capitalize;
}
/*------------------------------------*\
 #MY ACCOUNT PAGES
\*------------------------------------*/
/* General Block */
.block-account-navigation {

  .title{
    font-size: 1rem;
  }

  ul a{
    text-transform: capitalize;
  }
}
/* Address Page */
.account-page.account-page--addresses .address-item {
  border: 1px solid var(--border-color-light);

  .address-item-row{
    background-color: #F2E4CC;
  }

  .address-item-row td:nth-child(4){
    max-width: 350px !important;
    margin-left: auto;
  }
}

.account-page.account-page--addresses .address-item .address-item-row>td:last-child {
  max-width: 180px;
  min-width: 180px;
}

/* My Orders */
.account-page--myorders .orders_v2 #filtered_orders{

  .orders_row > .order_container{
    background-color: transparent;
    border: 1px solid var(--background-light-brown-color);

    .order_details{
      background-color: var(--background-light-brown-color);
    }

    .order_info_total{
      background-color: var(--Secondary-color);
    }

    .order_show_details_but{
      background: var(--Secondary-color);
      color: var(--White-color);

      &:hover{
        background-color: #6c5333;
        color: var(--White-color);
      }
    }
  }

  .order_products_list{
    
    .order_line{
      background-color: var(--Primary-color);
      color: var(--White-color);
    }

    .od_field_title a{
      color: var(--White-color);
    }

    .order_prod_thumbnail{
      padding: .25rem;

      img{
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
      }
    }
    
    .status-box.ordered{
      background-color: #73BB2A;
    }
  }
}

/* Save Baskets */
.account-page--savedbaskets{

  .section-title.subtitle{
    display: none;
  }

  .t-grid table tbody tr:not(.is-selected):not(.order-line-items-row):hover{
    background-color: var(--White-color);
  }

  .t-grid table tbody .t-detail-row {
    background: var(--White-color) !important;
  }
}

/* Saved Quotes */
.account-page--savedquotes{

  .quote-page{
    
    .cf-table-wrapper{
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        user-select: none;          
        -webkit-user-select: none;  
        -moz-user-select: none;     
        -ms-user-select: none;      
    }

    .cf-table-wrapper::-webkit-scrollbar {
    height: 12px;
    }

    .cf-table-wrapper::-webkit-scrollbar-track {
        background: var(--Scroll-track-color, #FBF8EC); 
        border-radius: 10px;
    }

    .cf-table-wrapper::-webkit-scrollbar-thumb {
        background: var(--Scroll-thumb-color, #755A37); 
        border-radius: 10px;
        border: 3px solid var(--Scroll-track-color, #FBF8EC);
    }

    .cf-table-wrapper::-webkit-scrollbar-thumb:hover {
        background: var(--Scroll-thumb-hover-color, #BC986A);
    }


    .cf-table-wrapper table{
      min-width: 900px;
      border-collapse: collapse;
    }

    span a:not(.catfish-button){
      text-decoration: underline;
    }

    thead th:not(:last-child){
      min-width: 100px;
    }

    thead th:nth-child(7){
      min-width: 500px;
    }

    thead th:nth-child(4),
    thead th:nth-child(9){
      min-width: 150px;
    }

    thead th:last-child{
      min-width: 200px;
    }

    .cf-table .table .detail>td{
      background-color: var(--White-color);
    }
  }
}

.page-order-details{

  .account-page--order-details #order_details_v2 .od_row.od_row--products .od_products_title,
  .account-page--order-details #order_details_v2 .od_row.od_row--billing .od_half_row .od_info_title{
      font-size: 1.5rem;
      font-weight: 600;
  }
  

  .account-page--order-details #order_details_v2 .od_row.od_row--products,
  .account-page--order-details #order_details_v2 .od_row.od_row--billing .od_half_row,
  .account-page--order-details #order_details_v2 .od_row.od_row--payment{
    background-color: transparent;
    border: 1px solid var(--border-color-light);
  }

  .account-page--order-details #order_details_v2 .od_row.od_row--products{
    padding-left: 1rem;

    .box.block{
      background: var(--Primary-color);
      olor: var(--White-color);
    }

    .od_product_box{
      padding-left: 1.5rem;
    }

    .od_product_thumb{
      margin-top: 1.75rem;

      img{
        object-fit: contain;
      }
    }

    .od_product_general{
      margin-top: 1.5rem;
    }

    .od_product_name a{
      color: var(--White-color);
      font-size: 1.2rem;
      margin-bottom: .5rem;
    }

    .od_product_info.column{
      color: var(--White-color);
    }

    .checkout-attributes table thead{
      display: none;
    }

    .checkout-attributes table tbody{
      background-color: var(--Secondary-color);
      color: var(--White-color);
    }
  }

  .account-page--order-details #order_details_v2 .od_row.od_row--price{
    background: var(--background-light-brown-color);
    border: 1px solid var(--Secondary-color);
    margin-bottom: .75rem;

    .od_total{
      border-bottom: 1px solid var(--border-color-light);
      padding-bottom: .75rem;
    }

    .od_total_title,
    .od_total_value{
      font-weight: 600;
      color: var(--Secondary-color);
    }
  }

  .account-page--order-details #order_details_v2 .od_products_container .od_product_box span.status-box.ordered{
    background: #73BB2A;
  }
}

/*------------------------------------*\
    #TOPIC PAGES
\*------------------------------------*/
/* Blogs */
.featuredBlog__wrapper .post .post-content,
.blog-page .blogposts .blogposts-list .post .post-content{
  background-color: transparent;
}

.featuredBlog__wrapper .featuredBlog h3.title{
  text-align: left !important;
}

.featuredBlog__wrapper .featuredBlog .title,
.blog.blog-page .title .title.is-3{
  font-size: 1.333333rem;
  font-family: 'Satoshi' !important;
  font-weight: 500;
}

/* Featured Blog Layout */

@media screen and (min-width: 1345px) {
  .featuredBlog__wrapper .featuredBlog .list.columns{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
  }
  
  .featuredBlog__wrapper .featuredBlog .list.columns .post:first-child{
    grid-area: 1 / 1 / 3 / 2;
    width: 100%;
  }
  
  .featuredBlog__wrapper .featuredBlog .list.columns .post:nth-child(2){
    grid-area: 1 / 2 / 2 / 3;
    width: 100%;
  }
  
  .featuredBlog__wrapper .featuredBlog .list.columns .post:nth-child(3){
    grid-area: 2 / 2 / 3 / 3;
      width: 100%;
  }

  .featuredBlog__wrapper .featuredBlog .list.columns .post:not(:first-child):nth-child(2) .post-content,
  .featuredBlog__wrapper .featuredBlog .list.columns .post:not(:first-child):nth-child(3) .post-content{
    display: flex;
    gap: 1rem;
    height: 100%;
  
    .post-thumb{
      width: 100%;
    }
  
    .blogimage{
      padding-top: 85%;
    }
  
    .post-info{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 0;
    }
  }
}

.featuredBlog__wrapper .featuredBlog .list.columns .post{
  width: 100%;
}

.featuredBlog__wrapper .featuredBlog .list.columns .post:first-child .post-content{
  display: flex;
  flex-direction: column;
  gap: 2rem;

  .post-thumb{
    width: 100%;
  }

  .blogimage{
    padding-top: 50%;
  }

  .post-info{
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media screen and (max-width: 1344px) and (min-width: 768px) {
  .featuredBlog__wrapper .featuredBlog .list.columns{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .featuredBlog__wrapper .featuredBlog .list.columns .post:first-child{
    grid-area: 1 / 1 / 2 / 3;
  }

  .featuredBlog__wrapper .featuredBlog .list.columns .post:nth-child(2){
    grid-area: 2 / 1 / 3 / 2;
  }
  
  .featuredBlog__wrapper .featuredBlog .list.columns .post:nth-child(3){
    grid-area: 2 / 2 / 3 / 3; 
  }
}

@media screen and (max-width: 767px){
  .featuredBlog__wrapper .featuredBlog .list.columns{
    display: block;
  }
}

.featuredBlog__wrapper .post .post-content .post-info,
.blog-page .blogposts .blogposts-list .post .post-content .post-info{
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
  gap: .5rem;

  .blogtitle,
  .blogdetails{
    order: 1;
  }

  .blogdate{
    order: 2;
  }

  .blogtitle{
    color: var(--Secondary-color);
    font-size: 1.333333rem;
    font-family: 'Satoshi';
    font-weight: 500;
  }

  .blogdetails {
    display: -webkit-box;
    overflow: hidden; 
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.page-blog-list .pager .catfish-container{
  border-top: 1px solid #755a3721;
  padding-top: 1.5rem;
}


/* Show hide - next/previous */
.postlinks:not(:has(#previousblog, #nextblog)) {
  display: none;
}

.postlinks{
  background: #E8E6D9 !important;
  margin-bottom: 0 !important;
  padding: 3rem 0;

  #nextblog .nextandprevious-link,
  #nextblog .nextandprevious-title{
    text-align: right;
  }

  .nextandprevious-title a{ 
    color: var(--Secondary-color);
  }
}

.tags .tag{
  background-color: #F3E7D8 !important;
  border-radius: 24px;
  color: var(--Secondary-color) !important;
}

/* Blog Post */
.blogpost{
  padding-bottom: 0;
  .tags .tags-title{
    display: none;
  }

  .page-title h1.title{
    font-size: 3.333333rem;
    font-family: 'Satoshi';
    font-weight: 500;
  }
}

/* Blog Search Page */
.page-blog-search .blogposts-list{
  display: flex;
  flex-wrap: wrap;
}

.blog-page .blogsearch .advancedFilters {
  background: transparent;
}

/* Search Feature */
@media screen and (max-width: 600px) {
  .page-blog-list .blogsearch .blogsearch__search-inputs{
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .25rem;
  }

  .page-blog-list .blogsearch .blogsearch__search-inputs #Keyword{
    min-width: 100%;
  }

  .page-blog-list .blogsearch .blogsearch__search-inputs .catfish-button{
    width: 49%;
  }
}

@media screen and (max-width: 563px){
  .page-blog-list .blogsearch .blogsearch__search-inputs .catfish-button{
    width: 100%;
  }

  .blog-page .blogsearch .blogsearch__search-inputs > :not(:last-child){
    margin-right: 0;
  }
}

/* Help Center Page */
@media screen and (max-width: 900px) {
  #GetInTouch::before{
    content: '';
    background: var(--background-dark-brown-color);
    width: 100%;
    height: 40%;
    top: 0;
    left: 0;
  }
}

@media screen and (max-width: 1200px) {
  .fsc-section.has-background-bottom-left{
    background-position: left center;
  }
}

@media screen and (max-width: 900px) {
  .fsc-section.has-background-bottom-left{
    background-size: cover !important;
    background-position: bottom right !important;
  }
}

/* Contact us */
@media screen and (max-width: 1087px) {
  .is-removed-background-image{
    background-image: none !important;
  }
}

/* Background Image */
.blog-banner,
.background-image,
.background-image .ict-content-column,
#modal-for-u .box,
#modal-for-u .box .column:last-child,
#quoteModal .column{
  position: relative;
}

.section:not(.has-background-left, .has-background-right, .blog-banner ).background-image.primary::before,
.background-image.primary .ict-content-column::before{
  content: '';
  background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Large-primary.svg');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

.background-image.primary.top-right::before{
  background-position-y: 5rem;
  background-position-x: -7rem;
  width: 14rem;
  height: 11rem;
  right: 0rem;
  top: 0rem;
  -webkit-transform: scale(-1 ,-1);
  -moz-transform: scale(-1 ,-1);
  -o-transform: scale(-1 ,-1);
  transform: scale(-1 ,-1);
  -ms-transform: scale(-1 ,-1);
}

.background-image.primary.top-left::before{
  background-position-y: 3rem;
  background-position-x: -7rem;
  width: 22rem;
  height: 11rem;
  left: 0rem;
  top: 0rem;
  -webkit-transform: scale(-1, -1);
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(1 ,-1);
}

.background-image.primary.bottom-right::before,
.background-image.primary .ict-content-column::before{
  background-position-y: 8rem;
  background-position-x: -11rem;
  width: 20rem;
  height: 19rem;
  right: 0rem;
  bottom: 0rem;
  -webkit-transform: scale(-1 ,-1);
  -moz-transform: scale(-1 ,-1);
  -o-transform: scale(-1 ,-1);
  transform: scale(-1 ,1);
  -ms-transform: scale(-1 ,-1);
}


@media screen and (min-width: 1088px){
  .background-image-left.has-background-left.background-image.primary::before,
  .background-image-right.has-background-right.primary.bottom-center::before{
    content: '';
    background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Large-primary.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
  }

  .background-image-left.has-background-left.background-image.primary.bottom-right::before{
    background-position-y: 8rem;
    background-position-x: -11rem;
    width: 20rem;
    height: 21rem;
    right: 0;
    bottom: -2rem;
    -webkit-transform: scale(-1, -1);
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    transform: scale(-1, 1);
    -ms-transform: scale(-1, -1);
  }

  .background-image-right.has-background-right.secondary.bottom-center::before{
    content: '';
    background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Large-secondary.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
  }

  .background-image-right.background-image.secondary.bottom-center::before{
    background-position-y: 7rem;
    background-position-x: -7rem;
    width: 22rem;
    height: 18rem;
    right: 50%;
    bottom: 0rem;
    -webkit-transform: scale(-1 ,-1);
    -moz-transform: scale(-1 ,-1);
    -o-transform: scale(-1 ,-1);
    transform: scale(-1 ,1);
    -ms-transform: scale(-1 ,-1);
  }
}

@media screen and (min-width: 1280px){
  .background-image-right.has-background-right.primary.bottom-center::before{
    background-position-y: 7rem;
    background-position-x: -7rem;
    width: 22rem;
    height: 18rem;
    right: 50%;
    bottom: 0rem;
    -webkit-transform: scale(-1 ,-1);
    -moz-transform: scale(-1 ,-1);
    -o-transform: scale(-1 ,-1);
    transform: scale(-1 ,1);
    -ms-transform: scale(-1 ,-1);
  }
}

@media screen and (min-width: 900px){
  .blog-banner.background-image.primary.bottom-left::before{
    content: '';
    background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Large-primary.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
  }

  .background-image.primary.bottom-left::before{
    background-position-y: 0rem;
    background-position-x: -7rem;
    width: 22rem;
    height: 9rem;
    left: 0rem;
    bottom: 0rem;
  }
}



#modal-for-u .box::after,
#modal-for-u .box::before,
.background-image .ict-content-column::before,
.section:not(.has-background-left, .has-background-right ).background-image.secondary::before,
.background-image.secondary.bottom-right::before{
  content: '';
  background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Large-secondary.svg');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

.background-image.secondary.bottom-left::before{
  background-position-y: 0rem;
  background-position-x: -7rem;
  width: 32rem;
  height: 9rem;
  left: 0rem;
  bottom: 0rem;
}

.background-image.secondary.bottom-left.flipped::before{
  background-position-y: 0rem;
  background-position-x: 0rem;
  width: 30rem;
  height: 10rem;
  left: 0rem;
  bottom: 0rem;
  transform: scale(-1 , 1);
}

#modal-for-u .box::after{
  background-position-y: 4rem;
  background-position-x: -4rem;
  width: 16rem;
  height: 10rem;
  left: 0rem;
  bottom: 0rem;
  z-index: 1;
  background-size: 100%;
}

.background-image.secondary.top-left::before{
  background-position-y: 3rem;
  background-position-x: -7rem;
  width: 22rem;
  height: 11rem;
  left: 0rem;
  top: 0rem;
  -webkit-transform: scale(-1, -1);
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(1 ,-1);
}

.background-image.secondary.top-right::before{
  background-position-y: 3rem;
  background-position-x: -7rem;
  width: 22rem;
  height: 11rem;
  right: 0rem;
  top: 0rem;
  -webkit-transform: scale(-1 ,-1);
  -moz-transform: scale(-1 ,-1);
  -o-transform: scale(-1 ,-1);
  transform: scale(-1 ,-1);
  -ms-transform: scale(-1 ,-1);
}


#modal-for-u .box::before{
  background-position-y: 0;
  background-position-x: -8rem;
  width: 20rem;
  height: 13rem;
  right: 0;
  top: 0;
  -webkit-transform: scale(-1 ,1) translateX(0%);
  -moz-transform: scale(-1 ,1) translateX(0%);
  -o-transform: scale(-1 ,1) translateX(0%);
  transform: scale(-1 ,1) translateX(0%);
  -ms-transform: scale(-1 ,1) translateX(0%);
}

.background-image.secondary.bottom-right.small::before{
  background-position-y: 0;
  background-position-x: -5rem;
  width: 20rem;
  height: 7rem;
  right: 0rem;
  bottom: 0rem;
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
}

.background-image.secondary.left-middle::before{
  background-position-y: 0rem;
  background-position-x: 0rem;
  width: 20rem;
  height: 13rem;
  left: 0rem;
  bottom: 25%;
  -webkit-transform: scale(-1, -1);
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(-1, 1);
}

.background-image.secondary.left-middle.small::before{
  background-position-y: 0rem;
  background-position-x: 0rem;
  width: 6rem;
  height: 5rem;
  left: -3rem;
  bottom: -3rem;
  -webkit-transform: scale(-1, -1);
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(-1, 1);
}

.background-image.secondary-logo.bottom::before{
  content: '';
  background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Bagkraft.svg');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

.background-image.secondary-logo.bottom::before{
  background-position-y: 0rem;
  background-position-x: 0rem;
  width: 37rem;
  height: 10rem;
  left: 0rem;
  bottom: -4rem;
}

.background-image.secondary-logo.middle::before,
.background-image.secondary-logo.top-right::before{
  content: '';
  background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Bagkraft-icon.svg');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

.background-image.secondary-logo.top-right::before{
  background-position-y: 0rem;
  background-position-x: 0rem;
  width: 12rem;
  height: 50rem;
  right: 0rem;
  top: 0rem;
}

.background-image.secondary-logo.top-right.small::before{
  background-position-y: 0rem;
  background-position-x: 0rem;
  width: 5rem;
  height: 20rem;
  right: 0rem;
  top: 0rem;
}

.background-image.secondary-logo.middle::before{
  background-position-y: 0rem;
  background-position-x: 0rem;
  width: 18rem;
  height: 72rem;
  right: 0rem;
  top: 0rem;
}

.background-image .ict-content-column::before,
.background-image.secondary.bottom-right::before{
  background-position-y: 0;
  background-position-x: -13rem;
  width: 34rem;
  height: 12rem;
  right: 0rem;
  bottom: 0rem;
  -webkit-transform: scale(-1, -1);
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(-1, 1);
}

.background-image.secondary-logo.left::after{
  content: '';
  background-image: url('/-243516769/Handler/CSSOverride/GetImage/1/Bagkraft-logo-left.svg');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

.background-image.secondary-logo.left::after{
  background-position-y: 0rem;
  background-position-x: 0rem;
  width: 18rem;
  height: 72rem;
  left: -3rem;
  top: 0rem;
}

#quoteModal .background-image.secondary-logo.left::after{
  background-position-y: 0rem;
  background-position-x: 0rem;
  width: 18rem;
  height: 55rem;
  left: -5rem;
  top: -3rem;
}

#quoteModal .column::before,
.background-image.dark::before,
.background-image.dark .ict-content-column::before{
  content: '';
  background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Large-secondary-dark.svg');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

.background-image.dark .ict-content-column::before{
  background-position-y: 2rem;
  background-position-x: -13rem;
  width: 34rem;
  height: 14rem;
  right: 0rem;
  bottom: 0rem;
  -webkit-transform: scale(-1, -1);
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(-1, 1);
}

.background-image.dark.bottom-right::before{
  background-position-y: 0rem;
  background-position-x: -10rem;
  width: 32rem;
  height: 13rem;
  right: 0rem;
  bottom: 0rem;
  -webkit-transform: scale(-1, -1);
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(-1, 1);
}

/* #quoteModal .column:before{
    background-position-y: 3rem;
    background-position-x: -6rem;
    width: 24rem;
    height: 16rem;
    right: 0rem;
    bottom: -100%;
    -webkit-transform: scale(-1, -1);
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    transform: scale(-1, 1);

    @media screen and (min-width: 550px) {
      z-index: 1;
    }
} */

.background-image.dark.bottom-left::before{
  background-position-y: 0rem;
  background-position-x: -10rem;
  width: 32rem;
  height: 13rem;
  left: 0rem;
  bottom: 0rem;
}

.background-image.tertiary::before{
  content: '';
  background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Large-tertiary.svg');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

.background-image.tertiary.top-left::before{
  background-position-y: 3rem;
  background-position-x: -7rem;
  width: 22rem;
  height: 11rem;
  left: 0rem;
  top: 0rem;
  -webkit-transform: scale(-1, -1);
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(1 ,-1);
}

.background-image.white::before{
  content: '';
  background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Large-white.svg');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

.background-image.white.bottom-right::before{
  background-position-y: 0;
  background-position-x: -13rem;
  width: 34rem;
  height: 12rem;
  right: 0rem;
  bottom: 0rem;
  -webkit-transform: scale(-1, -1);
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(-1, 1);
}


@media screen and (min-width: 1088px){
  .background-image.grey::before{
    content: '';
    background-image: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/Large-grey.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
  }
  

  .background-image.grey.bottom-right::before{
    background-position-y: 0;
    background-position-x: -13rem;
    width: 34rem;
    height: 12rem;
    right: 0rem;
    bottom: 0rem;
    -webkit-transform: scale(-1, -1);
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    transform: scale(-1, 1);
  }
}


@media screen and (max-width: 1150px){
  .header-column-block.background-image.secondary::before{
    content: none !important;
  }
}

@media screen and (max-width: 900px) {
  .background-image.dark.bottom-left::before{
    background-image: none;
  }
}


/* Sitemap */
urlset{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding: 1rem;
  background: #0e4a2e;
  font-family: 'Satoshi';
}

url{
  flex: 1;
  flex-basis: 25%;
  padding: 1rem;
  background: #fbf8ec;
  color:  #0e4a2e;
  
  changefreq{
    font-weight: 700;
  }
  
  lastmod{
    color: #755A37;
    text-decoration: underline;
  }
}

.sitemap-page {
    max-width: 1440px;
    margin: auto;
    padding: 4rem;
}

.sitemap-page .page-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    font-weight: bold;
}

.sitemap-page .entity {
    margin-bottom: 2rem;
    border: solid 1px #ccc;
    padding: 1rem;
}

.sitemap-page .entity table td {
    padding: 0.5rem;
}

.sitemap-page .entity h2 {
    font-weight: bold;
    padding: 0.5rem;
}

/* Sticky Menu */
.sticky-summary {
  position: fixed;
  bottom: 0;
  background: #fff;
  z-index: 20;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .3s ease, transform .3s ease;
  pointer-events: none;
}

.sticky-summary.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.sticky-row {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 1rem;
  font-size: var(--fs-regular);

  span:first-child{
    font-weight: 500;
  }

  span:last-child{
    font-weight: 600;
  }
}

.sticky-row:first-child{
  padding-top: .75rem;
}

.sticky-row:last-child{
  padding-bottom: .75rem;
}