/*------------------------------------*\
  #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);
}

}

.two-tier-menu.navbar a.phone-link,
.two-tier-menu.navbar a.email-link,
.two-tier-menu.navbar .basket-link span {
    color: var(--White-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,
.page-catalog-product:not(.arone-category-page) .two-tier-menu.navbar .basket-link span,
.page-topic-topicdetails:has(#Brown-logo-Header) .two-tier-menu.navbar .basket-link span {
    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;
    -webkit-clip-path: fill-box !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;

    @media screen and (max-width: 1439px) and (min-width: 1088px) {
        padding-top: 5rem;
    }

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

    &::before

{
    content: 'Please choose how you would like to supply your artwork.\AOnce selected, you will be taken to the next step of the ordering process.';
    position: absolute;
    top: .75rem;
    left: 0.25rem;
    width: 100%;
    color: var(--Secondary-color);
    font-weight: bold;
    line-height: 120%;
    white-space: pre-line;

    @media screen and (max-width: 1300px) and (min-width: 1088px) {
        top: 1.5rem;
        line-height: 115%;
    }

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

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

.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: 17.111111em;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

&::before {
    content: '';
    position: absolute;
    top: 2.5rem;
    left: 50%;
    width: 64px;
    height: 64px;
    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: "Upload your artwork now, and you'll then be taken directly to your basket.";
}

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

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

&:nth-child(2)::after {
    content: "I would like to add to basket. I will email my artwork if required to hello@bagkraft.co.uk"; 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;
}

/* Hide Product Category - Category Page */
.arone-category-page.hide-products {
    .category-product-section.section

{
    display: none;
}

}

@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;
}