/* foundation — generated by scripts/split-css.mjs from style.css. Do not edit by hand. */
.mobilejstest {
    display: none;
    float: right;
}

@media (min-width: 768px) {
  .mobilejstest {
        float: left;
    }
}

html {
    box-sizing: border-box;
    font-size: 16px;
}

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

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

section, .fullWidth {
    width: 100%;
    margin: 0;
    padding: 0;
}

.wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 20px;
    width: calc(100% - 96px);
    margin-left: 48px;
    margin-right: 48px;
}

@media (max-width: 768px) {
  .wrapper.reduced-margin {
        width: calc(100% - 48px);
        margin-left: 24px;
        margin-right: 24px;
    }
}

.wrapper.nogrid {
    display: block;
}

@media (min-width: 768px) {
  .wrapper {
        column-gap: 24px;
        max-width: 1116px;
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 96px);
    }
}

.col-8 {
    grid-column: span 4;
    text-align: left;
}

.col-8-center {
    grid-column: span 4;
    text-align: center;
}

.col-10 {
    grid-column: span 4;
    text-align: left;
}

.col-12-center {
    grid-column: span 4;
    text-align: center;
}

.col-12 {
    grid-column: span 4;
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .wrapper {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  .col-8, .col-8-center {
        grid-column: 2/span 6;
    }
  .col-10 {
        grid-column: 2/span 6;
    }
  .col-12, .col-12-center {
        grid-column: 1/span 8;
    }
}

@media only screen and (min-width: 1024px) {
  .wrapper {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  .col-8, .col-8-center {
        grid-column: 3/span 8;
    }
  .col-10 {
        grid-column: 2/span 10;
    }
  .col-12, .col-12-center {
        grid-column: 1/span 12;
    }
}

.bg-tint1 {
    background-color: #E2DFD9;
}

.bg-tint2 {
    background-color: #EBE8E5;
}

.wrapper .col-5-left, .wrapper .col-5-right {
    grid-column: span 4;
    text-align: left;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .wrapper .col-5-left, .wrapper .col-5-right {
        grid-column: 2/span 6;
    }
}

@media only screen and (min-width: 1024px) {
  .wrapper .col-5-left {
        grid-column: 2/span 5;
        margin-right: 27px;
    }
  .wrapper .col-5-right {
        grid-column: 7/span 5;
        margin-left: 27px;
    }
}

.pad-top-0 {
    padding-top: 0;
}

.pad-top-10 {
    padding-top: 10px !important;
}

.pad-top-20 {
    padding-top: 20px !important;
}

.pad-top-26 {
    padding-top: 26px;
}

.pad-top-38 {
    padding-top: 38px !important;
}

.pad-top-54 {
    padding-top: 38px;
}

@media (min-width: 768px) {
  .pad-top-54 {
        padding-top: 54px;
    }
}

@media (min-width: 768px) {
  .pad-top-100 {
        padding-top: 100px !important;
    }
}

.extra-pad-top-1 {
    padding-top: 135px !important;
}

@media (min-width: 768px) {
  .extra-pad-top-1 {
        padding-top: 180px !important;
    }
}

.pad-bottom-0 {
    padding-bottom: 0 !important;
}

.pad-bottom-10 {
    padding-bottom: 10px;
}

.pad-bottom-20 {
    padding-bottom: 20px;
}

.pad-bottom-40 {
    padding-bottom: 40px !important;
}

.pad-bottom-60 {
    padding-bottom: 60px;
}

.pad-bottom-75 {
    padding-bottom: 75px;
}

@media (max-width: 1023px) {
  .no-margin-mobile {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
  .with-margin {
        width: calc(100% - 70px);
        margin-left: 35px;
        margin-right: 35px;
    }
}

@font-face {
    font-family: "pfregaltextpro-rega";
    src: url("/fonts/regal%20text/web/pfregaltextpro-rega.woff2") format("woff2"), url("/fonts/regal%20text/web/pfregaltextpro-rega.woff") format("woff");
}

@font-face {
    font-family: "pfregaltextpro-rega-italic";
    src: url("/fonts/regal%20text/web/pfregaltextpro-regaitalic.woff2") format("woff2"), url("/fonts/regal%20text/web/pfregaltextpro-regaitalic.woff") format("woff");
}

@font-face {
    font-family: "pfregaltextpro-rega-medium";
    src: url("/fonts/regal%20text/web/pfregaltextpro-medium.woff2") format("woff2"), url("/fonts/regal%20text/web/pfregaltextpro-medium.woff") format("woff");
}

@font-face {
    font-family: "pfspekk-var-light";
    src: url("/fonts/pf%20spekk/single%20styles/web/pfspekkvar-light.woff2") format("woff2"), url("/fonts/pf%20spekk/single%20styles/web/pfspekkvar-light.woff") format("woff");
}

@font-face {
    font-family: "pfspekk-var-regular";
    src: url("/fonts/pf%20spekk/single%20styles/web/pfspekkvar-regular.woff2") format("woff2"), url("/fonts/pf%20spekk/single%20styles/web/pfspekkvar-regular.woff") format("woff");
}

@font-face {
    font-family: "pfspekk-var-medium";
    src: url("/fonts/pf%20spekk/single%20styles/web/pfspekkvar-medium.woff2") format("woff2"), url("/fonts/pf%20spekk/single%20styles/web/pfspekkvar-medium.woff") format("woff");
}

@font-face {
    font-family: "pfspekk-var-semibold";
    src: url("/fonts/pf%20spekk/single%20styles/web/pfspekkvar-semibold.woff") format("woff"), url("/fonts/pf%20spekk/single%20styles/web/pfspekkvar-semibold.woff2") format("woff2");
}

body, p, li {
    font-family: pfspekk-var-light;
    font-size: 17px;
    line-height: 160%;
    color: #333333;
}

h1 {
    font-family: pfregaltextpro-rega;
    font-weight: 300;
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 3px;
    color: #6E2D40;
    padding-bottom: 24px;
    text-transform: uppercase;
}

h2 {
    font-family: pfregaltextpro-rega;
    font-weight: 300;
    font-size: 26px;
    line-height: 120%;
    letter-spacing: 3px;
    color: #6E2D40;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.nogrid h2 {
    border: 1px solid red;
    text-align: center;
    max-width: 900px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

h3 {
    font-family: pfregaltextpro-rega;
    font-weight: 300;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.5px;
    color: #6E2D40;
    padding-bottom: 20px;
    text-transform: uppercase;
}

h4 {
    font-family: pfspekk-var-medium;
    font-size: 20px;
    line-height: 110%;
    color: #6E2D40;
    padding-top: 18px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

h4.h4-italic {
        font-family: pfregaltextpro-rega-italic;
        font-weight: 300;
        font-size: 24px;
        line-height: 110%;
        letter-spacing: 3px;
        padding-top: 19px;
        padding-bottom: 9px;
        text-transform: uppercase;
    }

h4.h4-non-italic {
        font-family: pfregaltextpro-rega;
        font-weight: 300;
        font-size: 22px;
        line-height: 110%;
        letter-spacing: 3px;
        padding-top: 19px;
        padding-bottom: 9px;
        text-transform: uppercase;
    }

h4.h4-non-italic-small {
        font-family: pfregaltextpro-rega;
        font-weight: 300;
        font-size: 20px;
        line-height: 110%;
        letter-spacing: 2.5px;
        padding-top: 19px;
        padding-bottom: 9px;
        text-transform: uppercase;
    }

h6 {
    font-family: pfregaltextpro-rega-italic;
    font-size: 22px;
    letter-spacing: 0.5px;
    color: #6E2D40;
    margin-top: 26px;
}

div.intro-italic p {
    font-family: pfregaltextpro-rega-italic;
    font-weight: 300;
    font-size: 19px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #000000;
    padding-bottom: 20px;
}

div.intro p {
    font-family: pfregaltextpro-rega;
    font-weight: 300;
    font-size: 19px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #000000;
    padding-bottom: 20px;
}

p.body-bold {
    font-family: pfspekk-var-medium;
}

@media (min-width: 768px) {
  p {
        font-size: 19px;
    }
  p.body-bold {
            font-size: 19.5px;
        }
  h1 {
        font-size: 38px;
        padding-bottom: 48px;
        letter-spacing: 5px;
    }
  h2 {
        /*   line-height: 140%; */
        font-size: 28px;
        padding-bottom: 26px;
    }
  h3 {
        font-size: 24px;
        letter-spacing: 3px;
    }
  h4 {
        font-size: 22px;
    }
  h4.h4-italic {
            /*      line-height: 110% */
            font-size: 22px;
            letter-spacing: 3px;
        }
  h6 {
        font-size: 24px;
        line-height: 105%;
        letter-spacing: 0.7px;
    }
  div.intro-italic p {
        font-size: 22px;
        letter-spacing: 0.7px;
        line-height: 130%;
    }
  div.intro-non-italic p {
        font-family: pfregaltextpro-rega;
        font-size: 20px;
        letter-spacing: 0.7px;
        line-height: 130%;
    }
  div.larger-p p {
        font-size: 20px;
        line-height: 140%;
    }
}

h3.captions,
.captions-component h3,
.one-column-text-component h3,
.two-column-text-component h3,
.two-column-as-grid-component h3 {
    font-family: pfregaltextpro-rega;
    font-size: 20px;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 2.5px;
    font-style: normal;
    padding-bottom: 6px;
}

a {
    color: #7C6F27;
    text-underline-offset: 3px;
}

a:hover {
        color: #6E2D40;
    }

a.header-cta, a.primary-cta, a.secondary-cta, .btnSendNewsLetter, #formResponseMessage {
        font-family: pfspekk-var-medium;
        text-transform: uppercase;
        font-size: 15px;
        letter-spacing: 2px;
        display: inline-block;
    }

@media (min-width: 768px) {
  a.header-cta, a.primary-cta, a.secondary-cta, .btnSendNewsLetter, #formResponseMessage {
        font-size: 17px;
    }
}

a.header-cta:active, a.primary-cta:active, a.secondary-cta:active, .btnSendNewsLetter:active, #formResponseMessage:active {
    color: #000000;
}

a.header-cta, a.primary-cta {
    padding: 8px 0 8px 0;
    /*change span elements*/
}

a.header-cta span, a.primary-cta span {
        display: inline-block;
        padding: 6px 10px 6px 10px;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

@media (min-width: 768px) {
  a.header-cta, a.primary-cta {
        font-size: 17px;
        padding: 4px 0 4px 0;
    }
  a.header-cta span, a.primary-cta span {
            padding: 8px 16px 8px 18px;
        }
}

a.header-cta:active span, a.primary-cta:active span {
    background-color: transparent;
    color: #000000;
    border-color: #000000;
}

a.primary-cta {
    color: #7C6F27;
    transform: translateY(-14px);
}

a.primary-cta:hover span {
        background-color: #7C6F27;
        border-color: #7C6F27;
        color: #ffffff;
    }

a.primary-cta span {
        border: 1px solid #7C6F27;
    }

@media (min-width: 768px) {
  a.primary-cta {
        transform: translateY(-10px);
    }
}

a.primary-cta.gold-bg-cta span {
    color: #ffffff;
    background-color: #7C6F27;
    cursor: pointer;
}

a.primary-cta.gold-bg-cta span:hover {
        background-color: white;
        border-color: #7C6F27;
        color: #7C6F27;
    }

a.primary-cta.reduced-size {
    padding: 8px 0 8px 0;
}

a.primary-cta.reduced-size span {
        padding: 1px 11px 1px 11px;
    }

a.header-cta {
    color: white;
    margin-left: 15px;
    flex-shrink: 0;
}

a.header-cta span {
        border: 1px solid white;
    }

a.header-cta:hover span {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #7C6F27;
    }

@media (min-width: 768px) {
  a.header-cta span:after {
        content: " now";
    }
}

a.header-cta.gold-cta {
    color: #7C6F27;
}

a.header-cta.gold-cta span {
        border: 1px solid #7C6F27;
    }

a.header-cta.gold-cta:hover span {
        background-color: #7C6F27;
        border-color: #7C6F27;
        color: #ffffff;
    }

a.secondary-cta {
    position: relative;
    height: 48px;
    padding-top: 12px;
    text-underline-offset: 7px;
    align-self: flex-start; /*when links appear in flexbox - ensure width is not the full width of the column*/
    /*remove for animated underline*/
    /*    &:hover {
      text-decoration-thickness: 2px;
  }*/
}

a.secondary-cta::before {
        content: "";
        position: absolute;
        top: 38px;
        left: 0;
        width: 0%;
        height: 2px; /* Adjust underline thickness as desired */
        background-color: #6E2D40; /* Match link color or use a different color */
        transition: width 0.3s ease-in-out; /* Adjust animation duration as needed */
    }

a.secondary-cta:hover::before {
        width: 100%;
    }

a.view-more-toggle-switch {
    color: black;
    text-decoration: none;
}

.button-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 78px;
    margin-bottom: 6px;
}

.button-row .primary-cta {
        transform: translateY(0);
    }

@media (min-width: 768px) {
  .button-row .primary-cta {
        margin-right: 25%;
    }
}

.button-row .secondary-cta {
    margin-bottom: 0;
    align-self: center;
}

.fadeOut {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 600ms, opacity 600ms;
}

.fadeIn {
    visibility: visible !important;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 600ms;
}

.singlecontent-component, .wrapper:not([class*=-component]) {
    /* pad the top of the first div inside the wrapper */
    /* remove pading bottom on the last paragraph of each div */
    /* pad the bottom of the last div */
}

.singlecontent-component > div:first-of-type, .wrapper:not([class*=-component]) > div:first-of-type {
        padding-top: 88px;
    }

@media only screen and (min-width: 1024px) {
  .singlecontent-component > div:first-of-type, .wrapper:not([class*=-component]) > div:first-of-type {
        padding-top: 108px;
    }
}

.singlecontent-component > div p:last-of-type, .wrapper:not([class*=-component]) > div p:last-of-type {
    padding-bottom: 0;
}

.singlecontent-component > div:last-of-type, .wrapper:not([class*=-component]) > div:last-of-type {
    padding-bottom: 84px;
}

@media only screen and (min-width: 1024px) {
  .singlecontent-component > div:last-of-type, .wrapper:not([class*=-component]) > div:last-of-type {
        padding-bottom: 109px;
    }
}

.pageintro-component {
    padding-top: 106px;
    padding-bottom: 100px;
}

.image-zoom {
    overflow: hidden;
    display: block;
}

.image-zoom img {
        transition: 0.3s ease-in-out;
        display: block;
    }

.image-zoom img:hover {
            transform: scale(1.1);
        }

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    height: 3px;
}

a.view-more-toggle-switch {
    color: black;
    text-decoration: none;
    font-family: pfregaltextpro-rega-medium;
}