html, body {
    background-color: #F2F0E9;
}

.main-nav-cell {
    width: 29% !important;
}

/**** Webfonts ****/
@font-face {
    font-family: 'FinancierDisplay-Regular';
    src: url("../fonts/FinancierDisplay-Regular.6ce2e976f71b.eot");
    src: url("../fonts/FinancierDisplay-Regular.0dc75e42edf2.woff") format("woff"), url("../fonts/FinancierDisplay-Regular.0be58ef4d80f.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FinancierDisplay-RegularItalic';
    src: url("../fonts/FinancierDisplay-RegularItalic.c6716b76d47e.eot");
    src: url("../fonts/FinancierDisplay-RegularItalic.4f5ce30435b3.woff") format("woff"), url("../fonts/FinancierDisplay-RegularItalic.4ee38a10c106.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FinancierDisplay-Semibold';
    src: url("../fonts/FinancierDisplay-Semibold.6e982a97bed5.eot");
    src: url("../fonts/FinancierDisplay-Semibold.27e985ac0335.woff") format("woff"), url("../fonts/FinancierDisplay-Semibold.4132db3e5ce5.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FinancierDisplay-SemiboldItalic';
    src: url("../fonts/FinancierDisplay-SemiboldItalic.5d76532fbf98.eot");
    src: url("../fonts/FinancierDisplay-SemiboldItalic.dbcd3263747a.woff") format("woff"), url("../fonts/FinancierDisplay-SemiboldItalic.e11805f3418f.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FinancierDisplay-Bold';
    src: url("../fonts/FinancierDisplay-Bold.77658affbda7.eot");
    src: url("../fonts/FinancierDisplay-Bold.57e85e970b6a.otf") format("opentype"), url("../fonts/FinancierDisplay-Bold.fcbe8d9c8f57.woff") format("woff"), url("../fonts/FinancierDisplay-Bold.22604e98b563.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FinancierDisplay-BoldItalic';
    src: url("../fonts/FinancierDisplay-BoldItalic.450e0827fde3.eot");
    src: url("../fonts/FinancierDisplay-BoldItalic.ae8ef59eeba2.otf") format("opentype"), url("../fonts/FinancierDisplay-BoldItalic.ed7b6173fd03.woff") format("woff"), url("../fonts/FinancierDisplay-BoldItalic.7c14df08a31a.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}


/**** ADA Styles ****/
.text-input:focus {
    outline: 1px solid #aaa;
}

button:focus,
select:focus,
a:focus,
.reveal:focus {
    outline: none;
}

.button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
    background: none;
    color: black;
}

body.user-is-tabbing *:focus {
    outline: 2px solid #7AACFE !important; /* for non-webkit browsers */
    outline: 5px auto -webkit-focus-ring-color !important;
}

a, a:visited {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    color: #000;
    position: relative;
}


/**** COLORS ****/
.tan {
    background-color: #f2f0e9;
}

.charcoal {
    background-color: #333232;
}

.blue {
    background-color: #243F7E;
}

.deepBlue {
    background-color: #313861;
}

.deepBlueGreen {
    background-color: #004340;
}

.darkBlue {
    background-color: #262833;
}

.gold {
    background-color: #A06910;
}

.darkGold {
    background-color: #905626;
}

.lightGold {
    background-color: #B29062;
}

.darkRed {
    background-color: #631120;
}

.darkerRed {
    background-color: #3F0B1C;
}

.deepRed {
    background-color: #902633;
}

.fuschia {
    background-color: #B7154C;
}

.darkOlive {
    background-color: #31352E;
}

.warmGrey {
    background-color: #DAD7CC;
}

.palePink {
    background-color: #DFA189;
}

.hotPink {
    background-color: #CE2074;
}

.deepGreen {
    background-color: #194536;
}

.lightCharcoal {
    background-color: #6e6b67;
}

    .deepBlue div.topH1, .darkRed div.topH1, .darkBlue div.topH1, .deepBlue div.sectionH1, .darkRed div.sectionH1, .lightGold div.sectionH1, .gold div.sectionH1, .blue div.sectionH1, .deepBlueGreen div.sectionH1, .darkGold div.sectionH1, .deepRed div.sectionH1, .hotPink div.sectionH1, .palePink div.sectionH1, .darkerRed div.sectionH1, .gold div.h1, .deepBlue div.h1, .deepBlueGreen div.h1, .darkOlive div.h1, .darkBlue div.h1, .lightGold div.h1, .darkBlue h2, .palePink h2, .darkRed h2, .deepBlueGreen h2, .gold h2, .goldTan h2, .deepBlueGreenTan h2, .deepBlue h2, .deepBlueGreen h3, .blue h3, .deepBlueGreenTan h3, .darkerRed h3, .darkBlue h3, .deepBlue h3, .eventBlock.gold h3, .colorBlock.lightGold h3, .lightGold h3, .charcoal h3, .deepBlueGreen h4, .gold h4.quoteByLine, .darkBlue h4.quoteByLine, .darkOlive h4.quoteByLine, .deepBlueGreen.eventBlock h4, .gold h4, .lightGold h4, .deepGreen h4, .lightCharcoal h4, .deepBlue h4, .gold h5, .palePink h5, .darkBlue h5, .deepBlue h5, .deepBlueGreen h5, .darkBlue p, .palePink p, .deepBlueGreen p, .darkRed p, .gold p, .lightGold p, .deepBlue p, .goldTan p, .deepBlueGreenTan p, .darkerRed p, .charcoal p, .deepBlueGreen p a, .darkBlue a, .deepBlueGreen a, .charcoal a, .announcementBar.gold a, .colorBlock.lightGold a, .heroHeader div.preheader2, .darkBlue .preheader2, .deepBlueGreen .pretext, .deepBlueGreen .cardPretext, .goldTan .pretextAlt, .deepBlueGreenTan .pretextAlt, .deepBlueGreen.eventBlock .eventDate, .gold.eventBlock .eventDate, .gold .blockNavCarousel .carousel-cell, .deepBlueGreen .blockNavCarousel .carousel-cell, .deepBlueGreen .calloutDetails li, .deepBlueGreen ul.accordion li > a, .deepBlueGreen ul.accordion > li .accordion-content li {
        color: white;
    }

.deepBlueGreen.cardSet > article .cartTitle.white, .deepBlueGreen.cardSet > article .cardPretext.white, .deepBlueGreen.cardSet > article .cardText.white, .blue .cardSet > article .cartTitle.white, .blue .cardSet > article .cardPretext.white, .blue .cardSet > article .cardText.white {
    color: white;
}

.deepBlueGreen .tabs-title.is-active, .deepBlueGreen .tabs-title > a:hover, .deepBlueGreen .tabs-title > a:focus, .deepBlueGreen .tabs-title > a[aria-selected=true] {
    color: white;
}

.colorBlock.lightGold a:not(.button)::after {
    background-color: white;
}

.oliveGold {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(49,53,46,1)), color-stop(35%, rgba(49,53,46,1)), color-stop(35%, rgba(160,105,16,1)), to(rgba(160,105,16,1)));
    background: linear-gradient(180deg, rgba(49,53,46,1) 0%, rgba(49,53,46,1) 35%, rgba(160,105,16,1) 35%, rgba(160,105,16,1) 100%);
}

    .oliveGold.gradientLarge {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(49,53,46,1)), color-stop(75%, rgba(49,53,46,1)), color-stop(75%, rgba(160,105,16,1)), to(rgba(160,105,16,1)));
        background: linear-gradient(180deg, rgba(49,53,46,1) 0%, rgba(49,53,46,1) 75%, rgba(160,105,16,1) 75%, rgba(160,105,16,1) 100%);
    }

.tanDeepBlueGreen {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(35%, rgba(242,240,233,1)), color-stop(35%, rgba(0,67,64,1)), to(rgba(0,67,64,1)));
    background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 35%, rgba(0,67,64,1) 35%, rgba(0,67,64,1) 100%);
}

    .tanDeepBlueGreen.gradientLarge {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(75%, rgba(242,240,233,1)), color-stop(75%, rgba(0,67,64,1)), to(rgba(0,67,64,1)));
        background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 75%, rgba(0,67,64,1) 75%, rgba(0,67,64,1) 100%);
    }

#private-events .deepBlueGreenTan, #fcw-rustic .deepBlueGreenTan {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,67,64,1)), color-stop(35%, rgba(0,67,64,1)), color-stop(35%, rgba(242,240,233,1)), to(rgba(242,240,233,1)));
    background: linear-gradient(180deg, rgba(0,67,64,1) 0%, rgba(0,67,64,1) 35%, rgba(242,240,233,1) 35%, rgba(242,240,233,1) 100%);
}

    #private-events .deepBlueGreenTan.gradientLarge {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,67,64,1)), color-stop(75%, rgba(0,67,64,1)), color-stop(75%, rgba(242,240,233,1)), to(rgba(242,240,233,1)));
        background: linear-gradient(180deg, rgba(0,67,64,1) 0%, rgba(0,67,64,1) 75%, rgba(242,240,233,1) 75%, rgba(242,240,233,1) 100%);
    }

.tanDarkerRed {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(35%, rgba(242,240,233,1)), color-stop(35%, rgba(63,11,28,1)), to(rgba(63,11,28,1)));
    background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 35%, rgba(63,11,28,1) 35%, rgba(63,11,28,1) 100%);
}

    .tanDarkerRed.gradientLarge {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(75%, rgba(242,240,233,1)), color-stop(75%, rgba(63,11,28,1)), to(rgba(63,11,28,1)));
        background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 75%, rgba(63,11,28,1) 75%, rgba(63,11,28,1) 100%);
    }

.tanDarkBlue {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(35%, rgba(242,240,233,1)), color-stop(35%, rgba(38,40,51,1)), to(rgba(38,40,51,1)));
    background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 35%, rgba(38,40,51,1) 35%, rgba(38,40,51,1) 100%);
}

    .tanDarkBlue.gradientLarge {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(75%, rgba(242,240,233,1)), color-stop(75%, rgba(38,40,51,1)), to(rgba(38,40,51,1)));
        background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 75%, rgba(38,40,51,1) 75%, rgba(38,40,51,1) 100%);
    }

.goldTan {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(160,105,16,1)), color-stop(35%, rgba(160,105,16,1)), color-stop(35%, rgba(242,240,233,1)), to(rgba(242,240,233,1)));
    background: linear-gradient(180deg, rgba(160,105,16,1) 0%, rgba(160,105,16,1) 35%, rgba(242,240,233,1) 35%, rgba(242,240,233,1) 100%);
}

    .goldTan.gradientLarge {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(160,105,16,1)), color-stop(75%, rgba(160,105,16,1)), color-stop(75%, rgba(242,240,233,1)), to(rgba(242,240,233,1)));
        background: linear-gradient(180deg, rgba(160,105,16,1) 0%, rgba(160,105,16,1) 75%, rgba(242,240,233,1) 75%, rgba(242,240,233,1) 100%);
    }

.tanGold {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(35%, rgba(242,240,233,1)), color-stop(35%, rgba(160,105,16,1)), to(rgba(160,105,16,1)));
    background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 35%, rgba(160,105,16,1) 35%, rgba(160,105,16,1) 100%);
}

    .tanGold.gradientLarge {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(75%, rgba(242,240,233,1)), color-stop(75%, rgba(160,105,16,1)), to(rgba(160,105,16,1)));
        background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 75%, rgba(160,105,16,1) 75%, rgba(160,105,16,1) 100%);
    }

.blueTan {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(36,63,126,1)), color-stop(35%, rgba(36,63,126,1)), color-stop(35%, rgba(242,240,233,1)), to(rgba(242,240,233,1)));
    background: linear-gradient(180deg, rgba(36,63,126,1) 0%, rgba(36,63,126,1) 35%, rgba(242,240,233,1) 35%, rgba(242,240,233,1) 100%);
}

#fullOverlay.tan, #fullOverlay.charcoal, #fullOverlay.blue, #fullOverlay.deepBlue, #fullOverlay.deepBlueGreen, #fullOverlay.darkBlue, #fullOverlay.gold, #fullOverlay.darkGold, #fullOverlay.lightGold, #fullOverlay.darkRed, #fullOverlay.darkerRed, #fullOverlay.deepRed, #fullOverlay.fuschia, #fullOverlay.darkOlive, #fullOverlay.warmGrey, #fullOverlay.palePink, #fullOverlay.hotPink, #fullOverlay.deepGreen, #fullOverlay.lightCharcoal {
    background-color: transparent;
}

    #fullOverlay.charcoal h3, #fullOverlay.blue h3, #fullOverlay.deepBlue h3, #fullOverlay.deepBlueGreen h3, #fullOverlay.darkBlue h3, #fullOverlay.gold h3, #fullOverlay.darkGold h3, #fullOverlay.darkRed h3, #fullOverlay.darkerRed h3, #fullOverlay.deepRed h3, #fullOverlay.fuschia h3, #fullOverlay.darkOlive h3, #fullOverlay.hotPink h3, #fullOverlay.deepGreen h3, #fullOverlay.charcoal p, #fullOverlay.blue p, #fullOverlay.deepBlue p, #fullOverlay.deepBlueGreen p, #fullOverlay.darkBlue p, #fullOverlay.gold p, #fullOverlay.darkGold p, #fullOverlay.darkRed p, #fullOverlay.darkerRed p, #fullOverlay.deepRed p, #fullOverlay.fuschia p, #fullOverlay.darkOlive p, #fullOverlay.hotPink p, #fullOverlay.deepGreen p, #fullOverlay.charcoal p > a, #fullOverlay.blue p > a, #fullOverlay.deepBlue p > a, #fullOverlay.deepBlueGreen p > a, #fullOverlay.darkBlue p > a, #fullOverlay.gold p > a, #fullOverlay.darkGold p > a, #fullOverlay.darkRed p > a, #fullOverlay.darkerRed p > a, #fullOverlay.deepRed p > a, #fullOverlay.fuschia p > a, #fullOverlay.darkOlive p > a, #fullOverlay.hotPink p > a, #fullOverlay.deepGreen p > a, #fullOverlay.charcoal p > a:visited, #fullOverlay.blue p > a:visited, #fullOverlay.deepBlue p > a:visited, #fullOverlay.deepBlueGreen p > a:visited, #fullOverlay.darkBlue p > a:visited, #fullOverlay.gold p > a:visited, #fullOverlay.darkGold p > a:visited, #fullOverlay.darkRed p > a:visited, #fullOverlay.darkerRed p > a:visited, #fullOverlay.deepRed p > a:visited, #fullOverlay.fuschia p > a:visited, #fullOverlay.darkOlive p > a:visited, #fullOverlay.hotPink p > a:visited, #fullOverlay.deepGreen p > a:visited {
        color: white;
    }

    #fullOverlay.tan::before {
        background-color: rgba(242,240,233,0.90);
    }

    #fullOverlay.charcoal::before {
        background-color: rgba(51,50,50,0.90);
    }

    #fullOverlay.blue::before {
        background-color: rgba(36,63,126,0.90);
    }

    #fullOverlay.deepBlue::before {
        background-color: rgba(49,56,97,0.90);
    }

    #fullOverlay.deepBlueGreen::before {
        background-color: rgba(0,67,64,0.90);
    }

    #fullOverlay.darkBlue::before {
        background-color: rgba(38,40,51,0.90);
    }

    #fullOverlay.gold::before {
        background-color: rgba(160,105,16,0.90);
    }

    #fullOverlay.darkGold::before {
        background-color: rgba(144,86,38,0.90);
    }

    #fullOverlay.lightGold::before {
        background-color: rgba(178,144,98,0.90);
    }

    #fullOverlay.darkRed::before {
        background-color: rgba(99,17,32,0.90);
    }

    #fullOverlay.darkerRed::before {
        background-color: rgba(63,11,28,0.90);
    }

    #fullOverlay.deepRed::before {
        background-color: rgba(144,38,51,0.90);
    }

    #fullOverlay.fuschia::before {
        background-color: rgba(183,21,76,0.90);
    }

    #fullOverlay.darkOlive::before {
        background-color: rgba(49,53,46,0.90);
    }

    #fullOverlay.warmGrey::before {
        background-color: rgba(218,215,204,0.90);
    }

    #fullOverlay.palePink::before {
        background-color: rgba(223,161,137,0.90);
    }

    #fullOverlay.hotPink::before {
        background-color: rgba(206,32,116,0.90);
    }

    #fullOverlay.deepGreen::before {
        background-color: rgba(25,69,54,0.90);
    }

    #fullOverlay.lightCharcoal::before {
        background-color: rgba(110,107,103,0.9);
    }

/* Large and up */
@media screen and (min-width: 64em) {
    .tanCharcoal {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(35%, rgba(242,240,233,1)), color-stop(35%, rgba(51,50,50,1)), to(rgba(51,50,50,1)));
        background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 35%, rgba(51,50,50,1) 35%, rgba(51,50,50,1) 100%);
    }

        .tanCharcoal.gradientLarge {
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(75%, rgba(242,240,233,1)), color-stop(75%, rgba(51,50,50,1)), to(rgba(51,50,50,1)));
            background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 75%, rgba(51,50,50,1) 75%, rgba(51,50,50,1) 100%);
        }

    .deepBlueGreenTan {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(242,240,233,1)), color-stop(35%, rgba(242,240,233,1)), color-stop(35%, rgba(0,67,64,1)), to(rgba(0,67,64,1)));
        background: linear-gradient(360deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 35%, rgba(0,67,64,1) 35%, rgba(0,67,64,1) 100%);
    }

        .deepBlueGreenTan.gradientLarge {
            background: -webkit-gradient(linear, left bottom, left top, from(rgba(242,240,233,1)), color-stop(75%, rgba(242,240,233,1)), color-stop(75%, rgba(0,67,64,1)), to(rgba(0,67,64,1)));
            background: linear-gradient(360deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 75%, rgba(0,67,64,1) 75%, rgba(0,67,64,1) 100%);
        }

    .tanGold {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(35%, rgba(242,240,233,1)), color-stop(35%, rgba(160,105,16,1)), to(rgba(160,105,16,1)));
        background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 35%, rgba(160,105,16,1) 35%, rgba(160,105,16,1) 100%);
    }

        .tanGold.gradientLarge {
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(75%, rgba(242,240,233,1)), color-stop(75%, rgba(160,105,16,1)), to(rgba(160,105,16,1)));
            background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 75%, rgba(160,105,16,1) 75%, rgba(160,105,16,1) 100%);
        }

    .lightGoldTan {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(242,240,233,1)), color-stop(35%, rgba(242,240,233,1)), color-stop(35%, rgba(178,144,98,1)), to(rgba(178,144,98,1)));
        background: linear-gradient(360deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 35%, rgba(178,144,98,1) 35%, rgba(178,144,98,1) 100%);
    }

        .lightGoldTan.gradientLarge {
            background: -webkit-gradient(linear, left bottom, left top, from(rgba(242,240,233,1)), color-stop(75%, rgba(242,240,233,1)), color-stop(75%, rgba(178,144,98,1)), to(rgba(178,144,98,1)));
            background: linear-gradient(360deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 75%, rgba(178,144,98,1) 75%, rgba(178,144,98,1) 100%);
        }
}


/**** GRID ****/
.grid-padding-x > .cell {
    padding-left: 2px;
    padding-right: 2px;
}

.padded {
    padding: 0 20px;
}

.verticalPadding {
    padding: 0px 25px;
}

.horizontalPadding, .cell.horizontalPadding {
    padding: 60px 20px;
}

.verticalMargin {
    margin-top: 50px;
    margin-bottom: 50px;
}

.marginBottom {
    margin-bottom: 90px;
}

#private-events .featureCollage.marginBottom {
    margin-bottom: 30px;
}

.marginTop {
    margin-top: 60px;
}

.paddingTop {
    padding-top: 60px;
}

.noBottomMargin {
    margin-bottom: 0 !important;
}

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

.noTopPadding {
    padding-top: 0 !important;
}

main {
    overflow: hidden;
}

    main > section {
        position: relative;
    }

section.noMarginBottom {
    margin-bottom: 0;
}

.maxWidth {
    max-width: 1440px;
}

.maxWidth100 {
    max-width: 100%;
}

/* Large and up */
@media screen and (min-width: 64em) {
    .grid-padding-x > .cell {
        padding-left: 10px;
        padding-right: 10px;
    }

    .verticalPadding {
        padding: 120px 0;
    }

    #fcw-home #join .verticalPadding, #fcw-our-wines #join .verticalPadding {
        padding: 60px 0 30px;
    }

    .horizontalPadding, .cell.horizontalPadding {
        padding: 120px 80px;
    }

    .verticalMargin {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}


/**** TYPOGRAPHY ****/
h1, h2, h3, h5, .h1, div.topH1 {
    font-family: 'FinancierDisplay-Bold', serif;
}

h1, .h1 {
    font-size: 50px;
    line-height: 48px;
    margin-bottom: 30px;
}

h2, .h2 {
    font-size: 44px;
    line-height: 38px;
    margin-bottom: 30px;
}

h3 {
    font-size: 34px;
    line-height: 30px;
    letter-spacing: 0.6px;
}

h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1.8px;
}

h5 {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0.5px;
}

h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 2.5px;
    font-weight: 600;
}

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

    p.p2 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0.35px;
    }

    p.p3 {
        font-size: 14px;
        line-height: 22px;
        color: #7F7F7F;
    }

ul, ol {
    margin-left: 30px;
    margin-top: 30px;
}

    ul li, ol li {
        color: #31352E;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        margin-bottom: 20px;
        padding-left: 10px;
    }

        ul li:last-of-type, ol li:last-of-type {
            margin-bottom: 0;
        }

main section article a:not(.button)::after, div.reveal-overlay p a:not(.button)::after {
    content: '';
    display: inline-block;
    height: 2px;
    background-color: #AA8B2E;
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
}

div.h7 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

div.preheader {
    font-family: 'FinancierDisplay-SemiboldItalic', serif;
    font-size: 24px;
    line-height: 26px;
    color: #B29062;
    margin-top: 50px;
    margin-bottom: 20px;
}

div.preheader2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

div.subText {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

div.heroH1 {
    font-family: 'FinancierDisplay-Semibold', serif;
    font-size: 64px;
    line-height: 55px;
    color: #31352E;
}

div.topH1 {
    font-size: 74px;
    line-height: 68px;
    letter-spacing: 4px;
    color: #31352E;
}

div.sectionH1 {
    font-family: 'FinancierDisplay-Regular', serif;
    font-size: 80px;
    line-height: 73px;
    letter-spacing: 3.4px;
    color: #31352E;
    text-transform: uppercase;
}

div.sectionH2 {
    font-family: 'FinancierDisplay-Regular', serif;
    font-size: 90px;
    line-height: 73px;
    letter-spacing: 8px;
    color: #B29062;
    text-transform: uppercase;
}

    div.sectionH2.vertical {
        position: absolute;
        right: -36px;
        z-index: 1;
        /*bottom: 59%;
    transform: rotate(90deg) translate(42%, 40px);
    transform-origin: right bottom 0;*/

        top: 0;
        -webkit-transform: rotate(90deg) translate(83%, 40px);
        transform: rotate(90deg) translate(83%, 40px);
        -webkit-transform-origin: right bottom 0;
        transform-origin: right bottom 0;
    }

        div.sectionH2.vertical.rotate {
            -webkit-transform: rotate(0deg) translate(-10px, -30px);
            transform: rotate(0deg) translate(-10px, -30px);
            z-index: 3;
            -webkit-transform-origin: top center;
            transform-origin: top center;
        }

.flipped div.sectionH2.vertical {
    bottom: inherit;
    left: -94px;
    /*top: 50%;
	transform: rotate(90deg) translate(-28%, -60px);
    transform-origin: left top 0;*/

    top: 0;
    text-align: left;
    -webkit-transform: rotate(90deg) translate(0, -64px);
    transform: rotate(90deg) translate(0, -64px);
    -webkit-transform-origin: left;
    transform-origin: left;
}

    .flipped div.sectionH2.vertical.negMargin {
        /*top: -44%;*/
        top: -55%;
    }

div.sectionH2.vertical.slideIn {
    right: 5%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

div.sectionH2.vertical.centered.slideIn {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    right: 50%;
    -webkit-transform: translate(50%, -30px);
    transform: translate(50%, -30px);
}

.flipped div.sectionH2.vertical.slideIn {
    /*left: 0;*/
    left: -37px;
    -webkit-transform-origin: left;
    transform-origin: left;
}

article.large-5 div.sectionH2.vertical.slideIn {
    right: calc(-19% + 20px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

div.h1, h3.topMargin, div.sectionH1.topMargin, a.button.marginTop {
    margin-top: 40px;
}

.fullBlock div.h1 {
    margin-top: 0;
}

h2.marginTop {
    margin-top: 30px;
}

.colorBlock h4 {
    font-family: 'FinancierDisplay-Bold', serif;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0;
}

.quote {
    padding: 25px;
}

    .quote.padded {
        padding: 60px 25px;
    }

#fcw-home #private-events.quote, #fcw-visit #private-events.quote {
    padding: 0 25px;
}

#fcw-events #private-events.quote {
    padding: 40px 25px 0;
}

.quote > article::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(242,240,233);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, rgba(242,240,233,1)), to(rgba(242,240,233,0)));
    background: linear-gradient(to top, rgba(242,240,233,1) 90%, rgba(242,240,233,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.quote.gold > article::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(160,105,16);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, rgba(160,105,16,1)), to(rgba(160,105,16,0)));
    background: linear-gradient(to top, rgba(160,105,16,1) 90%, rgba(160,105,16,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.quote.lightGold > article::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(178,144,98);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, rgba(178,144,98,1)), to(rgba(178,144,98,0)));
    background: linear-gradient(to top, rgba(178,144,98,1) 90%, rgba(178,144,98,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.quote.darkOlive > article::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(49,53,46);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, rgba(49,53,46,1)), to(rgba(49,53,46,0)));
    background: linear-gradient(to top, rgba(49,53,46,1) 90%, rgba(49,53,46,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.quote.darkBlue > article::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(38,40,51);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, rgba(38,40,51,1)), to(rgba(38,40,51,0)));
    background: linear-gradient(to top, rgba(38,40,51,1) 90%, rgba(38,40,51,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.quote div.h1 {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.quoteByLine {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2.6px;
    font-size: 22px;
    line-height: 22px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.quote div.h1.fadeIn {
    opacity: 1;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.quoteByLine.fadeIn {
    opacity: 1;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.quote > article.fadeIn::after {
    top: 100%;
    -webkit-transition: all 2s;
    transition: all 2s;
    height: 0;
}

.featureCollage div.sectionH1 {
    margin-top: 60px;
}

#fcw-private-events .featureCollage div.sectionH1 {
    margin-top: 0;
}

hr.diamondBreak {
    position: relative;
    border: none;
    height: 22px;
    margin: 0 auto 20px;
}

    hr.diamondBreak::after {
        content: "\25C7\0020\25C7\0020\25C7";
        white-space: pre;
        font-size: 22px;
        color: white;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        line-height: 22px;
    }

main p a, main p a:visited {
}


/* Medium and up */
@media screen and (min-width: 40em) {
    div.sectionH2.vertical.slideIn {
        right: 3%;
    }

    .flipped div.sectionH2.vertical.negMargin {
        top: -30%;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    h1, .h1 {
        font-family: 'FinancierDisplay-Semibold', serif;
        font-size: 66px;
        line-height: 69px;
    }

    h2, .h2 {
        font-size: 56px;
        line-height: 52px;
    }

    h3 {
        font-size: 36px;
        line-height: 38px;
        letter-spacing: 0;
    }

    h4 {
        font-family: 'FinancierDisplay-Bold', serif;
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0;
    }

    h5 {
        font-family: 'FinancierDisplay-Semibold', serif;
        font-size: 24px;
        line-height: 26px;
        letter-spacing: 0.5px;
    }

    p {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.4px;
    }

    a, a:visited {
        font-weight: 700;
        font-size: 14px;
        line-height: 15px;
    }

    div.heroH1 {
        font-size: 95px;
        line-height: 73px;
    }

    div.sectionH1 {
        font-family: 'FinancierDisplay-Regular', serif;
        font-size: 140px;
        line-height: 110px;
        letter-spacing: 8.4px;
    }

    div.sectionH2 {
        font-size: 140px;
        line-height: 38px;
        letter-spacing: 16.8px;
    }

    div.preheader {
        margin-top: 100px;
    }

    div.preheader2 {
        font-size: 22px;
    }

    div.sectionH2.vertical {
        right: calc(-100% - 70px);
        top: 80px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        div.sectionH2.vertical.rotate, div.sectionH2.vertical.rotate.centered {
            -webkit-transform: rotate(90deg) translate(83%, 40px);
            transform: rotate(90deg) translate(83%, 40px);
            -webkit-transform-origin: right bottom 0;
            transform-origin: right bottom 0;
        }

    article.large-5 div.sectionH2.vertical {
        right: calc(-140% - 70px);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    div.sectionH2.vertical.slideIn {
        right: calc(-100% + 20px);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    article.small-10 div.sectionH2.vertical.slideIn, div.sectionH2.vertical.centered.slideIn {
        right: calc(0% + 20px);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 1;
    }

    article.large-5 div.sectionH2.vertical.slideIn {
        right: calc(-40% + 20px);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .flipped div.sectionH2.vertical {
        left: calc(-100% - 108px);
        width: 100%;
        -webkit-transform-origin: left;
        transform-origin: left;
    }

        .flipped div.sectionH2.vertical.slideIn {
            /*left: calc(-100% - 2px);*/
            left: calc(-100% - 22px);
        }

        .flipped div.sectionH2.vertical.negMargin {
            top: 0;
        }

    .featureBlock.eventsAlt div.sectionH2.vertical {
        right: inherit;
        left: 0;
        -webkit-transform: rotate(90deg) translate(0, -40px);
        transform: rotate(90deg) translate(0, -40px);
        -webkit-transform-origin: left;
        transform-origin: left;
    }

    .featureBlock.eventsAlt.flipped div.sectionH2.vertical {
        right: calc(-100% + 80px);
        left: inherit;
        top: 0;
    }

    .quote {
        padding: 60px;
    }

    #fcw-home #private-events.quote, #fcw-visit #private-events.quote {
        padding: 0 60px;
    }

    #fcw-events #private-events.quote {
        padding: 60px 60px 0;
    }

    #fcw-rustic main > section.quote.lightGold {
        padding: 80px 60px 100px;
    }

    .quote.padded {
        padding: 150px;
    }
}


/**** ANIMATIONS, TRANSITIONS ****/
@-webkit-keyframes heroSlide {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
    }

    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}

@keyframes heroSlide {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
    }

    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}

@-webkit-keyframes heroScale {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heroScale {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes stackedBadge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes stackedBadge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/**** BUTTONS, SELECTORS, INPUTS, PAGINATION, LABELS ****/
.button, a.button, a.button:visited {
    background-color: #000;
    border: 2px solid #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.88px;
    color: #fff;
    max-width: 760px;
    min-width: 165px;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
}

    .button.secondary, a.button.secondary, a.button.secondary:visited {
        background-color: transparent;
        color: #000;
    }

    .button.gold, a.button.gold, a.button.gold:visited {
        background-color: #A06910;
        border-color: #A06910;
        color: #fff;
    }

    .button.secondaryGold, a.button.secondaryGold, a.button.secondaryGold:visited {
        background-color: transparent;
        border-color: #A06910;
        color: #A06910;
    }

    .button.white, a.button.white, a.button.white:visited {
        background-color: #fff;
        border-color: #fff;
        color: #000;
    }

    .button.secondaryWhite, a.button.secondaryWhite, a.button.secondaryWhite:visited {
        background-color: transparent;
        border-color: #fff;
        color: #fff;
    }

    .button.soldOut, a.button.soldOut {
        background-color: #6e6b67 !important;
        border-color: #6e6b67 !important;
        color: #bfbfbf !important;
        opacity: 0.7;
        cursor: not-allowed;
    }

.button-group {
    margin-top: 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .button-group.expanded {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .button-group .button, .button-group a.button {
        margin: 0 20px 15px 0;
    }

.featureBlock .button-group .button, .featureBlock .button-group a.button {
    margin: 0 0 15px 0;
    width: 100%;
}

.button-group.align-center .button, .button-group.align-center a.button {
    margin: 0 10px 15px;
    width: auto;
}

.scrollDown {
    position: absolute;
    bottom: 0;
    margin-bottom: 50px;
}

    .scrollDown a {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1.49px;
        color: #fff;
    }

    .scrollDown img {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 16px;
        display: block;
        margin: 20px auto 0;
    }

.orderCircle, .heroCTA {
    position: absolute;
    bottom: 40px;
    right: 0;
    cursor: pointer;
    z-index: 10;
}

    .orderCircle > div, .heroCTA > div {
        position: absolute;
        width: 100%;
        color: white;
        font-size: 18px;
        letter-spacing: 0.8px;
        line-height: 15px;
        font-family: 'FinancierDisplay-SemiboldItalic';
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
    }

        .orderCircle > div .fas, .heroCTA > div .fas {
            color: #A06910;
            background: white;
            border-radius: 20px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 12px;
            margin-top: 10px;
            text-align: center;
        }

    .orderCircle a, .orderCircle a:visited, .heroCTA a, .heroCTA a:visited {
        color: white;
        margin-top: 10px;
        display: block;
        text-decoration: underline;
    }

/* Large and up */
@media screen and (min-width: 64em) {
    .button:hover, a.button:hover, .button:focus, a.button:focus {
        background-color: #333232;
        border-color: #333232;
    }

    .button.black:hover, a.button.black:hover, .button.black:focus, a.button.black:focus {
        background-color: #000000;
        border-color: #000000;
    }

    .button.secondary:hover, a.button.secondary:hover, button.secondary:focus, a.button.secondary:focus {
        background-color: transparent;
        color: #333232;
    }

    .button.gold:hover, a.button.gold:hover, .button.gold:focus, a.button.gold:focus {
        background-color: #B37B21;
        border-color: #B37B21;
    }

    .button.secondaryGold:hover, a.button.secondaryGold:hover, .button.secondaryGold:focus, a.button.secondaryGold:focus {
        background-color: transparent;
        border-color: #B37B21;
        color: #B37B21;
    }

    .button.white:hover, a.button.white:hover, .button.white:focus, a.button.white:focus {
        background-color: #ddd;
        border-color: #ddd;
        color: #000;
    }

    .button.secondaryWhite:hover, a.button.secondaryWhite:hover, .button.secondaryWhite:focus, a.button.secondaryWhite:focus {
        background-color: transparent;
        border-color: #ddd;
        color: #ddd;
    }

    .featureBlock .button-group .button, .featureBlock .button-group a.button {
        margin: 0 20px 15px 0;
        width: auto;
    }
}


/**** ICONS ****/
img.mapMarker {
    width: 24px;
}


/**** TABS, ACCORDIONS, FORMS ****/
.tabsNav {
    margin: 0 auto;
}

.tabs {
    border: none;
    background: none;
}

.tabs-title {
    margin: 0 7px;
    padding: 0;
    float: none;
    display: inline-block;
}

    .tabs-title, .tabs-title > a {
        font-family: 'FinancierDisplay-Regular', serif;
        font-size: 25px;
        line-height: 28px;
        letter-spacing: 0.43px;
        color: #7F7F7F;
    }

        .tabs-title > a {
            padding: 6px 0;
        }

        .tabs-title:not(.is-active) > a::after {
            display: none;
        }

        .tabs-title.is-active, .tabs-title > a:hover, .tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
            color: #000;
            background: none;
        }

        .tabs-title.is-active, .tabs-title > a[aria-selected=true] {
            font-family: 'FinancierDisplay-RegularItalic', serif;
        }

.tabs-content {
    background: none;
    border: none;
}

.tabs-panel {
    padding: 0;
}

ul.accordion, .accordion-content {
    margin: 0 auto;
    background: transparent;
}

    ul.accordion .accordion-content {
        border: none;
        border-bottom: 1px solid #B29062;
    }

    ul.accordion > li {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #B29062;
    }

        ul.accordion > li.is-active, :last-child:not(.is-active) > .accordion-title, :last-child > .accordion-content:last-child, ul.accordion > li:last-child {
            border: none;
        }

        ul.accordion > li > a {
            border: none;
            text-align: left;
            padding-top: 40px;
            padding-bottom: 20px;
            color: #000;
        }

            ul.accordion > li > a h2 {
                margin: 0;
                padding-right: 40px;
            }

        ul.accordion > li .accordion-title::before {
            margin-top: 0;
            content: '';
            color: #B29062;
            width: 30px;
            height: 30px;
            background-image: url("../img/Expand-Icon.a4d100abf79f.svg");
            background-repeat: no-repeat;
            background-position: center;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        ul.accordion > li.is-active .accordion-title::before {
            background-image: url("../img/Collapse-Icon.16b0ae839aa1.svg");
        }

        ul.accordion > li > a:not(.button)::after {
            height: 0;
            background-color: #B29062;
        }

.accordion-title:focus, .accordion-title:hover {
    background-color: transparent;
}

.form-group {
    position: relative;
}

    .form-group label {
        position: absolute;
        padding: 8px 15px;
        top: 0;
        -webkit-transition: all 500ms ease-out;
        transition: all 500ms ease-out;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        color: #6C6B6B;
        font-size: 14px;
        visibility: hidden;
    }

form label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #6C6B6B;
    font-size: 14px;
}

.form-group input, .form-group textarea, form input, form textarea {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    margin: 0 0 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 20px;
}

form input, form textarea {
    margin: 0 0 10px;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    font-size: 14px;
    height: 42px;
}

form .button-group {
    margin: 40px 0 0;
}

.form-group input, form input {
    height: 42px;
}

.group-select > div {
    position: relative;
}

    .group-select > div:after {
        content: '\f078';
        font-family: 'Font Awesome 5 Free', sans-serif;
        font-weight: 900;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 39px;
        height: 39px;
        pointer-events: none;
        cursor: pointer;
        background: #B29062;
        line-height: 39px;
        color: white;
    }

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
    border-color: #000;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
}

.custom-checkbox input[type="checkbox"] {
    opacity: 0;
    display: none;
}

    .custom-checkbox input[type="checkbox"] + label {
        margin: 0;
        padding: 8px 0 7px 34px;
        font-size: 12px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #0a0a0a;
        line-height: 1.4;
    }

        .custom-checkbox input[type="checkbox"] + label a {
            font-size: 12px;
        }

            .custom-checkbox input[type="checkbox"] + label a::after {
                background-color: #000000;
                height: 1px;
            }

        .custom-checkbox input[type="checkbox"] + label.boldLabel {
            padding: 5px 0 5px 34px;
            font-size: 18px;
            font-family: 'FinancierDisplay-Bold', serif;
            line-height: 1.2;
        }

        .custom-checkbox input[type="checkbox"] + label::before {
            content: '';
            display: inline-block;
            height: 24px;
            width: 24px;
            border: 1px solid;
            margin-right: 15px;
        }

        .custom-checkbox input[type="checkbox"] + label::after {
            content: "";
            display: inline-block;
            height: 13px;
            width: 14px;
            background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='13.31' height='12.77' viewBox='0 0 13.31 12.77'%3E%3Ctitle%3Echeck-mark%3C/title%3E%3Cpath id='Path-5' d='M0,7.25c.68.91,1.5,2,2.48,3.21,1.92,2.41,3.61,3,4.52,1.43,2.35-4.11,4.44-8,5.17-9.32a18.93,18.93,0,0,0,1-2.1c.2-.46.27-.64-.07-.28-.7.75-1.05,1.05-1.76,1.94q-1.72,2.16-6.1,8L.29,7.25Z' transform='translate(0 0)' fill='%23474038' fill-rule='evenodd'/%3E%3C/svg%3E");
            background-position: center;
        }

        .custom-checkbox input[type="checkbox"] + label::before, .custom-checkbox input[type="checkbox"] + label::after {
            position: absolute;
        }

        .custom-checkbox input[type="checkbox"] + label::before {
            top: 3px;
            left: 0;
        }

    .custom-checkbox input[type="checkbox"]:checked + label::before {
        background: #EEC474;
        border: none;
    }

    .custom-checkbox input[type="checkbox"] + label::after {
        left: 4px;
        top: 7px;
    }

    .custom-checkbox input[type="checkbox"] + label::after {
        content: none;
    }

    .custom-checkbox input[type="checkbox"]:checked + label::after {
        content: "";
    }

.venueMapCarousel h4 {
    font-family: 'FinancierDisplay-Bold', serif;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0;
}

.custom-select > label > div {
    position: relative;
}

    .custom-select > label > div:after {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18.73' height='18.39' viewBox='0 0 18.73 18.39'%3E%3Cdefs%3E%3Cmask id='mask' x='-0.34' y='-3.51' width='20.27' height='21.9' maskUnits='userSpaceOnUse'%3E%3Cg transform='translate(-0.73 -0.89)'%3E%3Cg id='mask-2'%3E%3Cpolygon id='path-1' points='0.39 2.18 10.08 11.66 20.66 1.46 18.29 -2.62 3.79 -2.62 0.39 0.55 0.39 2.18' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cg id='Group'%3E%3Cg mask='url("#mask#mask")'%3E%3Cpath id='Rectangle' d='M18.43.89l1,1a24.39,24.39,0,0,1-3.08,3.7L5.53,16.26a24.59,24.59,0,0,1-3.77,3l-1-1a24.39,24.39,0,0,1,3.08-3.7L14.67,3.92A24.69,24.69,0,0,1,18.43.89Z' transform='translate(-0.73 -0.89)' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3Cg mask='url("#mask#mask")'%3E%3Cpath d='M.73,1.9l1-1a25.27,25.27,0,0,1,3.77,3L16.38,14.57a24.39,24.39,0,0,1,3.08,3.7l-1,1a24,24,0,0,1-3.76-3L3.81,5.6A24.39,24.39,0,0,1,.73,1.9Z' transform='translate(-0.73 -0.89)' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: 21px 23px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 42px;
        height: 42px;
        pointer-events: none;
        background-repeat: no-repeat;
        cursor: pointer;
        background-position: 10px 14px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: -webkit-transform 500ms ease-out;
        transition: -webkit-transform 500ms ease-out;
        transition: transform 500ms ease-out;
        transition: transform 500ms ease-out, -webkit-transform 500ms ease-out;
    }

.custom-select select {
    height: 42px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #6C6B6B;
    font-size: 14px;
    border: 1px solid #979797;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000));
    background-image: linear-gradient(to right, #000, #000);
    background-position: right;
    background-size: 42px 42px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0 0 0 .5rem;
}

.membershipJoin, .splitBasic {
    margin-top: 80px;
    /*background-color: black;*/
}

.membershipJoin, .splitBasic {
    /*padding: 40px 16px 60px;*/
    background-color: white;
}

    .checkout.membershipJoin > div > section:first-of-type, .checkout.membershipJoin #continueForm, .splitBasic > section > article:first-of-type {
        padding: 40px 16px;
    }

.checkout.membershipJoin .fcw-address p {
    line-height: 1.5;
}

.checkout.membershipJoin .card .card-section {
    padding: 20px;
}

    .checkout.membershipJoin .card .card-section h6 {
        text-align: left;
        margin-bottom: 14px;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: normal;
    }

    .checkout.membershipJoin .card .card-section p {
        margin-bottom: 0;
        font-weight: 600;
        font-size: 0.75rem;
        color: rgba(0,0,0,0.6);
        line-height: 1.6;
    }

    .checkout.membershipJoin .card .card-section > div {
        margin-top: 20px;
    }

    .checkout.membershipJoin .card .card-section div label {
        position: relative;
    }

        .checkout.membershipJoin .card .card-section div label input {
            opacity: 0;
            cursor: pointer;
            height: 24px;
            width: 24px;
            margin: 0;
            vertical-align: top;
        }

        .checkout.membershipJoin .card .card-section div label span.customCheckbox::after {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            position: absolute;
            top: 0;
            left: 0;
            background-image: url("../img/filterCheck-icon.fa4e83918067.svg");
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

        .checkout.membershipJoin .card .card-section div label input:checked ~ span.customCheckbox::after {
            background-image: url("../img/filterCheck-icon-selected.3b1a15ad6507.svg");
        }

        .checkout.membershipJoin .card .card-section div label span:last-of-type {
            color: #000;
            font-family: 'Montserrat';
            font-weight: 500;
            font-size: 0.75rem;
            display: inline-block;
            margin-left: 6px;
            width: calc(100% - 35px);
            line-height: 1.3;
        }

.checkout.membershipJoin button.underLined {
    font-size: 0.75rem;
    color: #000;
    font-family: 'Montserrat';
    font-weight: 700;
    position: relative;
    padding: 0;
    background: none;
    margin: 0;
    width: auto;
    min-width: auto;
}

    .checkout.membershipJoin button.underLined::after {
        content: '';
        width: 100%;
        height: 1px;
        display: block;
        position: absolute;
        bottom: -4px;
        left: 0;
        background: rgb(0,0,0);
        background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(92%, rgba(255,255,255,0)), color-stop(92%, rgba(0,0,0,1)));
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 92%, rgba(0,0,0,1) 92%);
    }

.checkout.membershipJoin .card .card-section button {
    vertical-align: text-top;
}

.basicForm label {
    color: black;
    line-height: 1.3;
}

.basicForm input, .basicForm textarea, .basicForm select, .basicForm .custom-select > label > div:after {
    margin-top: 4px;
}

.basicForm [type=checkbox], .basicForm [type=radio] {
    height: auto;
}

.basicForm legend {
    margin-bottom: 0;
    margin-top: 10px;
}

.basicForm fieldset {
    margin: 8px auto 4px;
}

/* Medium and up */
@media screen and (min-width: 40em) {
    /*.membershipJoin > section > article {
		padding: 40px 60px 60px;
	}*/

    .checkout.membershipJoin > div > section:first-of-type, .checkout.membershipJoin #continueForm, .splitBasic > section > article:first-of-type {
        padding: 40px 60px;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    ul.accordion > li > a {
        padding-bottom: 40px;
    }

        ul.accordion > li > a h2 {
            padding-right: 50px;
        }

    ul.accordion > li .accordion-title::before {
        width: 40px;
        height: 40px;
    }

    .tabsNav {
        margin: 10px auto 60px;
    }
}


/**** NAV, SUB NAV, MOBILE NAV ****/
.navBar {
    padding: 0 6px;
    height: 80px;
}

    .navBar.dark {
        background: #000;
    }

    .navBar img {
        padding: 15px 0;
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

        .navBar img.tfcLogo {
            -webkit-filter: invert(0%);
            filter: invert(0%);
        }

    .navBar button img {
        padding: 0;
        width: 40px;
    }

header nav.sticky.is-stuck .navBar img {
    -webkit-filter: invert(0%);
    filter: invert(0%);
}

.navBar > div > div:first-of-type > button:first-of-type {
    margin-right: 6px;
}

.navBar > div > div:last-of-type a {
    font-size: 0.75rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #000;
    text-decoration: none;
}

header nav.sticky {
    z-index: 1001;
    background: white;
}

header.heroHeader div.navBar {
    position: absolute;
    width: 100%;
    z-index: 15;
    top: 0;
    left: 0;
    right: 0;
}

header.heroHeader nav {
    background: none;
}

header.heroHeader.black .navBar {
    background: black;
}

header nav.sticky.is-stuck {
    /*box-shadow: 0px 2px 4px 0 rgba(0,0,0,0.5);*/
    background: white;
}

header nav a, header nav a:visited {
    color: #000;
}

    header nav a.accountLink {
        margin: 0 10px 0 0;
        font-family: 'Montserrat', sans-serif;
        font-size: 0.75rem;
        font-weight: 500;
        text-decoration: none;
    }

header nav .dropdown li, header nav .dropdown li a, header nav .dropdown li a:visited {
    color: #fff;
    font-size: 1rem;
}

header nav.is-stuck .dropdown li, header nav.is-stuck .dropdown li a, header nav.is-stuck .dropdown li a:visited {
    color: #000;
}

header nav .dropdown {
    position: inherit;
}

    header nav .dropdown > li {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        position: inherit;
        padding-left: 0;
        margin-bottom: 0;
    }

        header nav .dropdown > li .is-dropdown-submenu {
            background: #000;
            width: 100%;
            border: none;
            padding: 40px 20px;
        }

            header nav .dropdown > li .is-dropdown-submenu a {
                line-height: 1.2;
                font-weight: 500;
            }

            header nav .dropdown > li .is-dropdown-submenu.js-dropdown-active {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                header nav .dropdown > li .is-dropdown-submenu.js-dropdown-active li {
                    width: auto;
                    text-align: center;
                    min-width: 120px;
                    padding-left: 0;
                    margin-bottom: 0;
                }

                    header nav .dropdown > li .is-dropdown-submenu.js-dropdown-active li img {
                        display: block;
                        padding-top: 0;
                        margin: 0 auto;
                    }

.dropdown.menu > li.is-active > a {
    color: #fff;
}

header nav.sticky.is-stuck .dropdown.menu > li.is-active > a {
    color: #000;
}

header nav .accordion-menu {
    background: #000;
    position: absolute;
    top: 80px;
    padding-bottom: 40px;
    z-index: 200;
}

header nav.sticky.is-stuck .accordion-menu {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

header nav .accordion-menu li, header nav .accordion-menu li a, header nav .accordion-menu li a:visited, header nav .dropdown > li .is-dropdown-submenu li, header nav .dropdown > li .is-dropdown-submenu li a, header nav .dropdown > li .is-dropdown-submenu li a:visited {
    color: white;
}

header nav .accordion-menu > li {
    max-width: 600px;
    padding-left: 0;
    margin-bottom: 0;
}

    header nav .accordion-menu > li.is-accordion-submenu-parent > a {
        font-family: 'FinancierDisplay-Bold';
        font-size: 2.25rem;
    }

    header nav .accordion-menu > li.smallSub > a {
        font-size: 1.375rem;
    }

    header nav .accordion-menu > li.singleNav {
        padding: 0 18px;
    }

        header nav .accordion-menu > li.singleNav a {
            position: relative;
            display: inline-block;
            padding-left: 0;
            padding-right: 0;
            font-size: 0.6875rem;
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
        }

            header nav .accordion-menu > li.singleNav a::after {
                content: '';
                width: 100%;
                height: 1px;
                display: block;
                position: absolute;
                bottom: 12px;
                left: 0;
                background: rgb(255,255,255);
                background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(60%, rgba(0,0,0,0)), color-stop(66%, rgba(0,0,0,0)), color-stop(66%, rgba(255,255,255,1)), color-stop(86%, rgba(255,255,255,1)), color-stop(86%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,0)), color-stop(92%, rgba(255,255,255,1)));
                background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 86%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 92%, rgba(255,255,255,1) 92%);
            }

header nav .accordion-menu li a, header nav .accordion-menu li span {
    padding: 18px 16px;
}

header nav .accordion-menu .is-accordion-submenu li a {
    padding: 7px 1rem;
}

    header nav .accordion-menu .is-accordion-submenu li a span {
        padding: 18px 0;
        float: left;
        display: inline-block;
    }

    header nav .accordion-menu .is-accordion-submenu li a img {
        vertical-align: middle;
        float: right;
    }

header nav .accordion-menu > li ul > li {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 1rem;
}

header nav .accordion-menu .nested.is-accordion-submenu {
    margin-left: 0;
}

header nav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    border: none;
    background: url("../img/plus-icon.efded6014894.svg");
    width: 23px;
    height: 23px;
    margin-top: -11px;
}

header nav .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
    background: url("../img/minus-icon.fa6ad3b95bd5.svg");
}

header nav .accordion-menu .shopSub.is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    border: none;
    background: url("../img/chevron-icon.e8c096240433.svg");
    width: 23px;
    height: 23px;
    margin-top: -11px;
}

header nav .accordion-menu .shopSub.is-accordion-submenu-parent[aria-expanded=true] > a::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

header nav .dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding: 2rem 1rem;
    font-weight: 500;
}

    header nav .dropdown.menu > li.is-dropdown-submenu-parent > a.show-for-large.accountLink {
        font-family: 'Montserrat', sans-serif;
        font-size: 0.75rem;
        font-weight: 500;
        text-decoration: none;
        padding: 2.125rem 0.1rem;
    }

    header nav .dropdown.menu > li.is-dropdown-submenu-parent > a.show-for-large.chatLink {
        padding: 0.9375rem 0;
    }

        header nav .dropdown.menu > li.is-dropdown-submenu-parent > a.show-for-large.chatLink img {
            padding: 0;
            width: 40px;
        }

header nav .dropdown > li .is-dropdown-submenu li a.underLined {
    position: relative;
}

    header nav .dropdown > li .is-dropdown-submenu li a.underLined::after {
        top: inherit;
    }

    header nav .dropdown > li .is-dropdown-submenu li a.underLined::after {
        content: '';
        width: 100%;
        height: 1px;
        display: block;
        position: absolute;
        bottom: -4px;
        left: 0;
        background: rgb(255,255,255);
        background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(60%, rgba(0,0,0,0)), color-stop(66%, rgba(0,0,0,0)), color-stop(66%, rgba(255,255,255,1)), color-stop(86%, rgba(255,255,255,1)), color-stop(86%, rgba(0,0,0,0)), color-stop(92%, rgba(0,0,0,0)), color-stop(92%, rgba(255,255,255,1)));
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 86%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 92%, rgba(255,255,255,1) 92%);
    }

#accountChatDropdown, #accountChatDropdown > li {
    display: inline-block;
}

    #accountChatDropdown.dropdown.menu > li {
        position: relative;
    }

        #accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu {
            width: auto;
            left: initial;
            right: 0;
            padding: 30px;
        }

        #accountChatDropdown.dropdown.menu > li:first-of-type > .is-dropdown-submenu {
            width: 240px;
        }

        #accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu a {
            padding: .7rem 0;
        }

        #accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu.js-dropdown-active {
            display: block;
        }

        #accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu > li {
            text-align: left;
        }

            #accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu > li > h5 {
                margin-top: 0;
                text-align: left;
                margin-bottom: 10px;
            }

            #accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu > li > p a {
                display: inline-block;
                padding: 0;
                font-size: 0.6875rem;
            }

        #accountChatDropdown.dropdown.menu > li:last-of-type > .is-dropdown-submenu > li:last-of-type {
            /*margin-top: 30px;*/
        }

        #accountChatDropdown.dropdown.menu > li > .is-dropdown-submenu > li:last-of-type > p:last-of-type {
            margin-bottom: 0;
        }

header nav .dropdown.menu > li.is-dropdown-submenu-parent > a.active::before {
    content: '';
    display: block;
    position: absolute;
    background: #AA8B2E;
    width: 26%;
    height: 4px;
    bottom: 21px;
    left: 37%;
}

header nav .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: none;
}

header nav .dropdown.menu > li.is-dropdown-submenu-parent:hover > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 8px;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #000;
    margin-left: -8px;
    left: 50%;
    margin-top: 32px;
}

nav.subNav {
    background-color: #F4F4F4;
    border-bottom: 1px solid #D8D8D8;
}

    nav.subNav a, nav.subNav a:visited {
        font-size: 16px;
        color: #7F7F7F;
        position: relative;
        padding: 0.5rem 1rem;
    }

    nav.subNav li a.is-active {
        color: #000;
    }

        nav.subNav li a.is-active::after {
            content: '';
            display: block;
            height: 2px;
            background-color: #AA8B2E;
            width: 0;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        nav.subNav li a.is-active::after {
            width: 100%;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

/*.navLine {
	display: block;
	width: 9.89%;
	height: 2px;
	position: absolute;
	bottom: 0;
	background-color: #AA8B2E;
	transform: translateX(-412px);
}*/

/* Medium and up */
@media screen and (min-width: 40em) {
    .navBar > div > div > button {
        margin: 0 10px;
    }

    header nav .accordion-menu > li.shopSub ul > li {
        max-width: 70%;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    header nav .dropdown.menu > li.is-dropdown-submenu-parent > a {
        padding: 2rem 1rem;
    }

    header nav a.accountLink {
        margin: 0 10px 0 0;
    }

    .navBar > div > div > button {
        margin: 0 6px;
    }

    nav.subNav a, nav.subNav a:visited {
        padding: 1.313rem 1rem;
    }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    header nav .dropdown.menu > li.is-dropdown-submenu-parent > a {
        padding: 2rem .5rem;
    }

    header nav a.accountLink, .navBar > div > div > button {
        margin: 0;
    }
}


/**** CART, SEARCH ****/
.cartButton {
    position: relative;
}

    .cartButton span {
        position: absolute;
        top: 50%;
        left: 6px;
        background: #EEC474;
        border-radius: 20px;
        font-size: 0.6875rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        margin-top: -5px;
        padding: 3px 5px;
        z-index: 1;
    }

.searchBar {
    position: absolute;
    top: 80px;
    background: white;
    left: 0;
    padding: 16px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    z-index:40;
}

    .searchBar form {
        max-width: 600px;
        margin: 0 auto;
    }

    .searchBar input {
        width: calc(100% - 120px);
        margin: 0;
        float: left;
    }

    .searchBar .button {
        margin-bottom: 0;
        width: 120px;
        float: left;
        padding: 11px 12px 10px;
        min-width: auto;
        font-size: 0.875rem;
        line-height: 1;
    }

header nav.sticky.sticky.is-stuck .cartFlyout {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

.cartFlyout, .cartNotification {
    position: absolute;
    top: 80px;
    right: 0;
    width: 100%;
    background: white;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

    .cartFlyout h4 {
        margin: 30px 0;
        line-height: 1;
        text-align: left;
        padding: 0 16px;
        font-size: 1.875rem;
        font-family: 'FinancierDisplay-Bold', serif;
    }

    .cartNotification h6 {
        margin: 30px 0;
        padding: 0 16px;
    }

    .cartFlyout > div, .cartNotification > div {
        padding: 0 16px;
    }

        .cartFlyout > div.small-6 p {
            margin-bottom: 12px;
            color: #474038;
            font-size: 0.75rem;
        }

        .cartFlyout > div.small-6 h5 {
            margin: 8px auto 30px;
        }

        .cartFlyout > div:last-of-type button {
            margin-bottom: 40px;
        }

        .cartNotification > div:last-of-type button {
            margin-bottom: 20px;
        }

    .cartFlyout > hr, .cartNotification > hr {
        border-bottom: 1px solid #E1DED4;
        width: calc(100% - 32px);
        margin: 0 16px 30px;
    }

    .cartFlyout > div:first-of-type {
        text-align: center;
    }

    .cartFlyout .continueButton {
        color: #000;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 0.875rem;
        font-weight: 700;
        margin-left: -20px;
    }

.cartProduct {
    position: relative;
    margin-bottom: 40px;
}

    .cartProduct img {
        padding: 0;
        margin-right: 18px;
        vertical-align: top;
        max-width: 93px;
    }

    .cartProduct > div:first-of-type {
        width: calc(100% - 140px);
        display: inline-block;
    }

        .cartProduct > div:first-of-type p {
            color: #5F6164;
            margin-bottom: 14px;
        }

            .cartProduct > div:first-of-type p:first-of-type {
                font-size: 0.875rem;
                line-height: 1;
                font-weight: 700;
                color: #000;
            }

    .cartProduct h5, .productAmount h5 {
        width: calc(100% - 126px);
        display: inline-block;
        margin: 2px auto;
        line-height: 39px;
        vertical-align: top;
    }

    .cartProduct h5 {
        display: block;
        width: auto;
        text-align: left;
    }

button.remove, button.save {
    font-size: 0.6875rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    position: relative;
}

    button.remove::after, button.save::after {
        content: '';
        width: 100%;
        height: 1px;
        display: block;
        position: absolute;
        bottom: -4px;
        left: 0;
        background: rgb(0,0,0);
        background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(60%, rgba(0,0,0,1)), color-stop(60%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)), color-stop(66%, rgba(0,0,0,1)), color-stop(86%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(92%, rgba(255,255,255,0)), color-stop(92%, rgba(0,0,0,1)));
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 92%, rgba(0,0,0,1) 92%);
    }

button.save {
    margin-left: 20px;
}

.productQty {
    display: inline-block;
    border: 2px solid #000;
    width: 120px;
}

    .productQty .decrease, .productQty .increase {
        width: 30px;
        padding: .5rem;
        float: left;
        height: 2.4375rem;
        line-height: 2;
        text-align: center;
        font-size: 0.75rem;
    }

    .productQty input {
        width: calc(100% - 60px);
        float: left;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-family: 'FinancierDisplay-Bold', serif;
        font-size: 1.375rem;
        background: none;
        height: 2.4375rem;
        padding: .5rem;
    }

/* Medium and up */
@media screen and (min-width: 40em) {
    .cartFlyout, .cartNotification {
        padding: 40px 60px 20px;
    }

        .cartFlyout > div:first-of-type {
            text-align: right;
        }

        .cartFlyout h4 {
            font-size: 2.25rem;
        }

    .cartProduct h5 {
        width: calc(100% - 126px);
        display: inline-block;
        text-align: center;
    }

    .cartNotification h6 {
        margin-top: 0;
    }

    .cartProduct img {
        margin-right: 30px;
        max-width: 140px;
    }

    .cartProduct > div:first-of-type {
        width: calc(100% - 200px);
    }

        .cartProduct > div:first-of-type p {
            margin-bottom: 20px;
        }

    .cartFlyout > div.small-6 p {
        font-size: 0.875rem;
    }

    button.remove {
        margin-top: 14px;
    }

    .cartFlyout, .filterFlyout {
        max-width: 678px;
    }

    .cartNotification {
        max-width: 450px;
    }
}


/**** HERO ****/
.heroHeader section {
    height: 80vh;
    position: relative;
}

    .heroHeader section article {
        position: relative;
        text-align: center;
        z-index: 1;
    }

.heroHeader div.heroH1, .heroHeader p, .heroHeader p a {
    color: white;
}

.heroHeader p {
    margin-top: 40px;
}

    .heroHeader p a {
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.4px;
        position: relative;
    }

        .heroHeader p a:not(.button)::after {
            content: '';
            display: inline-block;
            height: 1px;
            background-color: #ffffff;
            width: 100%;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            position: absolute;
            bottom: -2px;
            left: 0;
        }

.heroImage, .heroMask, .heroMask img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .heroMask img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

.heroImage, .heroMask {
    overflow: hidden;
}

.heroHeader section > div:nth-of-type(2) > div.heroMask {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-animation-name: heroSlide;
    animation-name: heroSlide;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.heroHeader section > div:nth-of-type(3) > div.heroMask {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    -webkit-animation-name: heroSlide;
    animation-name: heroSlide;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.heroHeader section > div:nth-of-type(1) > div.heroMask > img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-name: heroScale;
    animation-name: heroScale;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.heroHeader section > div:nth-of-type(2) > div.heroMask > img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-name: heroScale;
    animation-name: heroScale;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.heroHeader section > div:nth-of-type(3) > div.heroMask > img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-name: heroScale;
    animation-name: heroScale;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.heroMask img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

/* Large and up */
@media screen and (min-width: 64em) {
    .heroHeader section {
        height: calc(100vh - 60px);
    }
}


/**** MEDIA, COLLAGES ****/
section.collageGroup {
    padding: 60px 0;
}

    section.collageGroup .paddingTop {
        padding-top: 0;
    }

    section.collageGroup.tanCharcoal {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(35%, rgba(242,240,233,1)), color-stop(35%, rgba(51,50,50,1)), to(rgba(51,50,50,1)));
        background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 35%, rgba(51,50,50,1) 35%, rgba(51,50,50,1) 100%);
        padding-bottom: 0;
    }

    section.collageGroup.tanGold {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,240,233,1)), color-stop(50%, rgba(242,240,233,1)), color-stop(50%, rgba(160,105,16,1)), to(rgba(160,105,16,1)));
        background: linear-gradient(180deg, rgba(242,240,233,1) 0%, rgba(242,240,233,1) 50%, rgba(160,105,16,1) 50%, rgba(160,105,16,1) 100%);
        padding: 100px 0 0;
    }

    section.collageGroup > article {
        position: relative;
        /*padding-top: 110.145%;
	padding-top: 456px;*/
    }

.textBadge, .collageSmall, .collageSmallH, .collageMedium, .collageMediumH, .collageMediumV, .collageMediumV2, .collageLarge, .collageLargeH, .collageLargeC, .collageDiamond, .collageSquare, .collageSquareM, .mediaLarge, .mediaMedium, .mediaSquare, .mediaSquareLarge, .mediaWideNarrow, .mediumDiamond, .flowerMask {
    overflow: hidden;
    position: relative;
}

    .textBadge img, .collageSmall img, .collageSmallH img, .collageMedium img, .collageMediumH img, .collageMediumV img, .collageMediumV2 img, .collageLarge img, .collageLargeH img, .collageLargeC img, .collageDiamond img, .collageSquare img, .collageSquareM img, .mediaLarge img, .mediaMedium img, .mediaSquare img, .mediaSquareLarge img, .mediaWideNarrow img, .mediumDiamond img, .flowerMask img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        height: inherit;
        min-width: 100%;
    }

    .textBadge, .textBadge img {
        width: 142px;
        height: 146px;
        position: absolute;
        top: 0;
        z-index: 1;
    }

        .textBadge img {
            left: 0;
            -webkit-transform: scale(0.7);
            transform: scale(0.7);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 0;
        }

        .textBadge.scaleIcon img {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 1;
        }

        .textBadge.scaleIcon .stackedBadge > img:first-of-type {
            -webkit-transform: scale(0.75);
            transform: scale(0.75);
            height: auto;
            top: 0;
        }

        .textBadge .stackedBadge > img:last-of-type {
            -webkit-transform: rotate(0), scale(0.99);
            transform: rotate(0), scale(0.99);
            -webkit-animation-name: stackedBadge;
            animation-name: stackedBadge;
            -webkit-animation-duration: 8s;
            animation-duration: 8s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
        }

        .textBadge .stackedBadge.noSpin > img:last-of-type {
            -webkit-animation-name: none;
            animation-name: none;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.collageGroup .textBadge {
    /*left: calc(50% - 160px); */
    left: 4%;
    top: -30%;
}

    .collageGroup .textBadge.centered {
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .collageGroup .textBadge.alignBottom {
        top: inherit;
        bottom: 0;
        -webkit-transform: translate(-50%,50%);
        transform: translate(-50%,50%);
    }

.collageSmall {
    padding-bottom: 32%;
    padding-bottom: clamp(153px, 32%, 225px);
    width: 44%;
    float: left;
    margin-top: -5%;
    margin-left: -1.5%;
    max-width: 306px;
}

.collageSmallH {
    padding-bottom: 32%;
    padding-bottom: clamp(153px, 32%, 225px);
    width: 44%;
    float: left;
    margin-left: 20%;
    margin-top: 3%;
    max-width: 380px;
}

.collageMedium {
    padding-bottom: 30%;
    /* margin: 0 0 0 42%; */
    width: 35%;
    float: left;
    margin-top: 7%;
    max-width: 490px;
}

.collageMediumH {
    float: right;
    max-width: 500px;
    width: 60%;
    padding-bottom: 44%;
    padding-bottom: clamp(182px, 44%, 322px);
    margin-right: 0;
    margin-top: -14%;
}

.featureCollage .collageMediumH {
    float: right;
    max-width: 500px;
    width: 198%;
    padding-bottom: 143%;
    padding-bottom: clamp(296px, 143%, 322px);
    margin-right: -40%;
    margin-top: -90%;
}

#fcw-rustic .collageGroup .collageMediumH {
    max-width: 500px;
    width: 54%;
    padding-bottom: 44%;
    padding-bottom: clamp(182px, 44%, 322px);
    margin-right: 0;
    margin-top: -8%;
    float: left;
    margin-left: 20%;
}

.collageMediumV {
    float: right;
    max-width: 360px;
    width: 57%;
    padding-bottom: 75%;
    margin: -43% -40px 0 0;
}

.collageMediumV2 {
    float: left;
    max-width: 390px;
    width: 48%;
    padding-bottom: 64%;
    margin: -8% 0 0 20px;
}

.collageMediumV.negMargin {
    margin-top: -16%;
}

.featureCollage .collageMediumV2 {
    margin: -13% -20px 0 0
}

.collageLarge {
    padding-bottom: 50%;
    /* margin: 0 0 0 42%; */
    width: 58%;
    float: right;
    margin-top: 1%;
    max-width: 825px;
}

.collageLargeC {
    padding-bottom: 64%;
    margin: 0 auto;
    width: 100%;
    float: none;
    max-width: 1250px;
}

#membership .collageLargeC {
    z-index: 1;
}

.oliveGold .collageLargeC {
    width: calc(100% - 40px);
    padding-bottom: 98%;
    margin-top: -21%;
}

.collageLargeH {
    padding-bottom: 61%;
    margin: 20px 0 0 -40px;
    width: 100%;
    float: left;
    max-width: 1024px;
}

.collageDiamond {
    padding-bottom: 30%;
    padding-bottom: clamp(158px, 30%, 425px);
    /* margin: 0 0 0 42%;
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);*/
    width: 30%;
    float: left;
    margin: -15% 0 0 23%;
    max-width: 425px;
    min-width: 158px;
}

.collageSmall.shiftRight {
    position: absolute;
    margin: 0;
    right: 18%;
    bottom: -10%;
    z-index: 1;
}

.collageLargeH.shiftLeft, .collageLargeH.shiftRight {
    padding-bottom: 69%;
    margin: 0;
    width: 88%;
}

.collageLargeH.shiftRight {
    float: right;
}

.collageMediumH.shiftLeft {
    margin-top: -19%;
    margin-right: 5%;
}

    .collageMediumH.shiftLeft.float-left {
        margin: -6% 0 0 4%;
    }

.collageDiamond.shiftLeft {
    margin: 1% 0 0 -6%;
}

.featureCollage.padded {
    padding: 20px 0;
}

.featureCollage article {
    position: relative;
}

    .featureCollage article:nth-of-type(3) {
        padding-bottom: 120px;
    }

#fcw-private-events .featureCollage article:nth-of-type(3) {
    padding-bottom: 60px;
    margin-top: 20px;
}

.featureCollage .collageMedium {
    width: 88%;
    padding-bottom: 75%;
    margin: 0 0 0 -60px;
}

.featureCollage .collageDiamond {
    float: right;
    margin: -9% 0 0 0;
}

    .featureCollage .collageDiamond.shiftLeft {
        float: left;
        margin: 10% 0 0 -14%;
    }

    .featureCollage .collageDiamond.floatLeft {
        float: left;
        margin: 10% 0 0 -3%;
    }

.featureCollage .textBadge {
    right: -20px;
    top: -14%;
}

.collageSquare {
    padding-bottom: 27%;
    padding-bottom: clamp(167px, 27%, 190px);
    width: 27%;
    float: left;
    margin-top: 6%;
    margin-left: -14%;
    max-width: 190px;
    min-width: 167px;
}

.collageSquareM {
    padding-bottom: 27%;
    padding-bottom: clamp(167px, 27%, 303px);
    width: 27%;
    float: right;
    margin-top: -25%;
    margin-left: -14%;
    max-width: 303px;
    min-width: 167px;
}

#pools.featureCollage .collageMediumH {
    margin-top: 0;
}

#pools.featureCollage .collageSmall {
    padding-bottom: 42%;
    padding-bottom: clamp(153px, 42%, 292px);
    width: 58%;
    max-width: 400px;
    margin-top: -8%;
}

#pools.featureCollage .collageDiamond {
    padding-bottom: 38%;
    padding-bottom: clamp(158px, 38%, 425px);
    width: 38%;
    margin-top: 2%;
}

#pools.featureCollage .collageMediumV.negMargin {
    z-index: 1;
}

#fcw-membership #gift article.deepBlueGreen .collageMedium {
    top: 10%;
}

.mediaSquare {
    padding-bottom: 65%;
    width: 65%;
    max-width: 285px;
}

.mediaSquareLarge {
    padding-bottom: 100%;
    width: 100%;
    max-width: 680px;
}

.mediaMedium {
    padding-bottom: 42%;
    width: 65%;
    max-width: 558px;
}

.mediaLarge {
    /*padding-bottom: 88%;*/
    width: 75%;
    max-width: 710px;
    padding-bottom: 88%;
    padding-bottom: clamp(360px, 88%, 700px);
}

.deepBlueGreenTan .collageSquare, .darkerRed .collageSquare, .deepBlueGreen .collageSquare, .featureCollage .collageSquare.floatRight {
    float: right;
    margin-top: -20%;
    margin-left: 0px;
}

.featureCollage .collageSquare.floatRight {
    position: relative;
    right: 0;
    bottom: 0;
}

.featureCollage .collageSmall.floatRight {
    right: 5%;
    bottom: -5%;
}

.deepBlueGreenTan .collageSmall, .darkerRed .collageSmall, .deepBlueGreen .collageSmall {
    width: 67%;
    padding-bottom: 32%;
    padding-bottom: clamp(186px, 32%, 260px);
    position: absolute;
    margin: 0;
    right: 18%;
    bottom: -40%;
}

.calloutBlock.flipped .mediaLarge {
    float: right;
}

.mediaLarge.negMargin {
    margin-top: -25%;
}

.mediaWideNarrow {
    width: calc(100% - 50px);
    padding-bottom: 18%;
    margin: 0 auto;
}

.calloutBlock.winery .mediaSquare {
    position: absolute;
    right: -25%;
    padding-bottom: 60%;
    top: -27%;
    z-index: 1;
}

.calloutBlock.winery > article:first-of-type .mediaSquare {
    right: -10%;
}

.calloutBlock.winery .mediaMedium {
    padding-bottom: 68%;
    max-width: 567px;
    z-index: 1;
    position: relative;
    width: 122%;
    bottom: -4%;
}

.wineryBlock .mediaWideNarrow {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    padding-bottom: 63%;
    margin-top: -62%;
}

.calloutBlock.winery.flipped .mediaSquare {
    right: inherit;
    left: 0;
}

.calloutBlock.winery.flipped .mediaMedium {
    right: inherit;
    left: 0;
}

.fullBlock {
    padding: 60px 20px;
}

.small-order-1.text-right .mediaLarge, .small-order-2.text-right .mediaLarge {
    margin-left: auto;
}

.mediumDiamond {
    padding-bottom: 22.5%;
    padding-bottom: clamp(140px, 22.5%, 318px);
    width: 22.5%;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    margin: -30% -4% 0 auto;
    position: relative;
    max-width: 318px;
    min-width: 140px;
}

.small-order-2.text-right .mediumDiamond {
    margin: 0 -4% 0 auto;
    z-index: 1;
}

.menuFeature .mediaMedium {
    padding-bottom: 46%;
    padding-bottom: clamp(178px, 46%, 342px);
    height: 0;
    margin-left: 0;
    margin-bottom: -20%;
}

.menuFeature .mediaLarge {
    right: 3%;
    position: relative;
    float: right;
}

.menuFeature .mediaWideNarrow, .centerFeature .mediaWideNarrow {
    padding-bottom: 40%;
    width: 100%;
}

.menuCollage .mediaSquare {
    padding-bottom: 46%;
    float: none;
    margin-top: 8%;
    max-width: 430px;
    right: 0;
    position: absolute;
    bottom: -8%;
    z-index: 1;
}

.collageSpread {
    padding-bottom: 98%;
}

    .collageSpread article > div {
        position: absolute;
    }

.spreadSquare {
    max-width: 248px;
    width: 41%;
    right: 0;
    top: 0;
}

.spreadLarge {
    max-width: 512px;
    width: 66%;
    right: 0;
    top: 0;
}

.spreadLargeV {
    max-width: 340px;
    width: 36%;
    right: 0;
    top: 0;
}

.spreadMedium {
    max-width: 450px;
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    top: 0;
    right: 0;
    width: 46%;
}

.spreadSmallV:nth-of-type(4) {
    max-width: 200px;
    right: 0;
    width: 20%;
    top: 0;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.spreadSmallV:nth-of-type(5) {
    max-width: 200px;
    right: 0;
    width: 20%;
    top: 0;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}

.spreadSquare.spread {
    width: 41%;
    right: 57%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 1;
}

.spreadLarge.spread {
    right: 20%;
    top: 36%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.spreadLargeV.spread {
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.spreadMedium.spread {
    top: -3%;
    right: 24%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.spreadSmallV.spread:nth-of-type(4) {
    right: 34%;
    top: 24%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.spreadSmallV.spread:nth-of-type(5) {
    right: 15%;
    top: 22%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.fullImage {
    margin-top: 60px;
}

.flowerMask {
    width: 23%;
    padding-top: 23%;
    margin: -2% 0 0 50%;
}

    .flowerMask .imageMask img {
        mask-mode: alpha;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
        mask-size: 100%;
    }

.imageMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.maskLeft img {
    -webkit-clip-path: inset(0 30% 30% 0);
    clip-path: inset(0 30% 30% 0);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.maskRight img {
    -webkit-clip-path: inset(0 0 30% 30%);
    clip-path: inset(0 0 30% 30%);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.maskCenter img {
    -webkit-clip-path: inset(0 30% 30% 30%);
    clip-path: inset(0 30% 30% 30%);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
}

.collageDiamond .maskCenter img, .mediumDiamond .maskCenter img {
    -webkit-clip-path: polygon(50% 15%, 85% 50%, 50% 85%, 15% 50%);
    clip-path: polygon(50% 15%, 85% 50%, 50% 85%, 15% 50%);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.maskLeft.removeMask img, .maskRight.removeMask img, .maskCenter.removeMask img {
    -webkit-clip-path: inset(0 0 0% 0%);
    clip-path: inset(0 0 0% 0%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.collageDiamond .maskCenter.removeMask img, .mediumDiamond .maskCenter.removeMask img {
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.responsive-embed.widescreen {
    /*width: calc(100% - 40px);
	padding-bottom: 51.25%;*/
    margin: 30px auto;
}

.blockCoverImage {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    position: absolute;
}

    .blockCoverImage .sectionH1 {
        top: 50%;
        position: relative;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: white;
    }

    .blockCoverImage.collapse {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transition: all 1s ease-out;
        transition: all 1s ease-out;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

.visitGallery > article:last-of-type .small-order-3 {
    position: relative;
}

.visitGallery > article:last-of-type .textBadge {
    right: -8%;
    bottom: 15%;
}

.visitGallery > article:last-of-type .small-order-3 > img {
    max-width: 420px;
    width: 100%;
    margin: 40px 0 0 -20px;
}

.visitGallery > article:last-of-type .small-order-4 > img {
    margin-top: 0%;
    margin-bottom: -50%;
    right: -34%;
    position: relative;
}

.fullBackground {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .collageGroup .textBadge {
        top: -15%;
    }

    .collageMediumV {
        margin: -80% -16px 0 0;
    }

    .calloutBlock.winery .mediaSquare {
        top: -36%;
    }

    .featureCollage .collageMediumH {
        margin-top: -46%;
        margin-right: -25%;
    }

    .wineryBlock .mediaWideNarrow {
        padding-bottom: 40%;
        margin-top: -40%;
    }

    .deepBlueGreenTan .collageSmall, .darkerRed .collageSmall, .deepBlueGreen .collageSmall {
        right: 10%;
        bottom: 15%;
    }

    .deepBlueGreenTan .collageSquare, .darkerRed .collageSquare, .deepBlueGreen .collageSquare {
        position: absolute;
        float: none;
        right: 4%;
        bottom: -8%;
    }

    /*.visitGallery > article:last-of-type .textBadge {
		right: 5%;
		bottom: 22%;
	}*/

    .calloutBlock.winery > article:first-of-type .mediaSquare {
        max-width: 600px;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    section.collageGroup {
        padding: 0 0 60px;
    }

        section.collageGroup.deepBlue {
            padding: 0;
        }

        section.collageGroup.tanCharcoal {
            padding-bottom: 60px;
        }

    .textBadge, .textBadge img {
        width: 168px;
        height: 168px;
    }

    .collageGroup .textBadge {
        left: 30%;
        top: 0;
    }

    .mediaMedium {
        padding-bottom: 27%;
        width: 65%;
    }

    .mediaLarge {
        padding-bottom: 120%;
        width: 100%;
        padding-bottom: clamp(360px, 120%, 760px);
    }

    .mediaSquareLarge {
        padding-bottom: 88%;
        width: 88%;
    }

    .calloutBlock.winery .mediaSquare {
        bottom: 0%;
        top: inherit;
    }

    .calloutBlock.winery .mediaMedium {
        width: 132%;
        /*position: absolute;*/
        bottom: -8%;
        right: 48%;
    }

    .wineryBlock .mediaWideNarrow {
        width: calc(100% - 50px);
        padding-bottom: 18%;
        padding-bottom: clamp(150px, 18%, 300px);
        margin: 0 25px;
        margin-top: -14%;
    }

    .fullBlock {
        padding: 120px 60px;
    }

    .collageSquare {
        margin-top: 20%;
    }

    .collageMediumH {
        padding-bottom: 46%;
        padding-bottom: clamp(296px, 46%, 322px);
        width: 72%;
        margin-top: -7%;
        margin-right: 12%;
    }

    .collageSquareM {
        margin-top: 6%;
    }

    .collageGroup.deepBlue .collageSquareM {
        margin-top: -2%;
    }

    .featureCollage .collageMediumH {
        margin-top: -7%;
        margin-right: 12%;
    }

    #fcw-rustic .collageGroup .collageMediumH {
        padding-bottom: 46%;
        padding-bottom: clamp(296px, 46%, 322px);
        width: 72%;
        margin-top: -7%;
        margin-right: 12%;
    }

    .collageMediumV2 {
        width: 57%;
        padding-bottom: 37%;
        margin: -20% -20px 0 0;
    }

    .collageLargeH.shiftLeft, .collageLargeH.shiftRight {
        padding-bottom: 30%;
        margin: 100px 0 0 0;
        width: 52%;
    }

    .collageLargeH.shiftRight {
        margin: 0 40px 0 0;
        width: 88%;
    }

    .collageGroup.deepBlue .collageLargeH.shiftLeft {
        margin: 30px 0 0 0;
    }

    .collageMediumH.shiftLeft {
        margin-top: -19%;
        margin-right: 20%;
    }

    .collageLargeC, .oliveGold .collageLargeC {
        padding-bottom: 37%;
        width: 90%;
    }

    .oliveGold .collageLargeC {
        margin-top: 0;
    }

    .small-order-2.text-right .mediumDiamond {
        position: absolute;
        bottom: -15%;
        margin-left: -26%;
        width: 44%;
        padding-bottom: 44%;
        padding-bottom: clamp(140px, 44%, 318px);
    }

    .featureCollage article:nth-of-type(3) {
        padding-top: 0;
    }

    #fcw-private-events .featureCollage article:nth-of-type(3) {
        margin-top: -60px;
        padding-bottom: 0;
    }

    .featureCollage.padded {
        padding: 0 20px;
        margin-top: 120px;
    }

    .featureCollage .collageMedium {
        margin: -20px 0 0 -20px;
        padding-bottom: 31%;
        width: 35%;
    }

    .featureCollage .textBadge {
        right: 73%;
        top: 36%;
    }

        .featureCollage .textBadge.shiftRight {
            right: 18%;
            top: initial;
            bottom: -40%;
        }

    .featureCollage p {
        max-width: 50%;
        margin: 20px auto;
    }

    .collageMediumV {
        padding-bottom: 34%;
        width: 25%;
        margin: -46px -20px 0 0;
    }

    .collageLargeH {
        padding-bottom: 36%;
        margin: 100px 0 0 40px;
        width: 90%;
    }

    .deepBlueGreenTan .collageSmall, .darkerRed .collageSmall, .deepBlueGreen .collageSmall {
        right: 10%;
        bottom: 42%;
    }

    .deepBlueGreenTan .collageSquare, .darkerRed .collageSquare, .deepBlueGreen .collageSquare {
        right: 4%;
        bottom: 10%;
    }

    .menuFeature .mediaMedium {
        margin-left: 10%;
        margin-bottom: 90px;
    }

    .menuFeature .mediaLarge {
        position: absolute;
        top: 15%;
        float: none;
    }

    .menuFeature .mediaWideNarrow {
        padding-bottom: 30%;
        margin-top: -10%;
        width: calc(100% - 50px);
    }

    .calloutBlock.flipped .menuCollage .mediaLarge {
        float: left;
        margin-left: -10%;
    }

    .centerFeature .mediaWideNarrow {
        padding-bottom: 30%;
        width: calc(100% - 50px);
    }

    #pools.featureCollage .collageMediumH {
        margin-top: -8%;
    }

    .collageSpread {
        padding-bottom: 64%;
        padding-bottom: clamp(200px, 64%, 700px);
        overflow: hidden;
    }

    .spreadSquare.spread {
        right: 76%;
        top: 4%;
    }

    .spreadLarge.spread {
        right: 46%;
        top: 32%;
    }

    .spreadLargeV.spread {
        right: 0;
        top: 0;
    }

    .spreadMedium.spread {
        right: 22%;
        top: -3%;
    }

    .spreadSmallV.spread:nth-of-type(4) {
        right: 36%;
        top: 25%;
    }

    .spreadSmallV.spread:nth-of-type(5) {
        right: 23%;
        top: 26%;
    }

    .calloutBlock.winery.flipped .mediaSquare {
        left: -25%;
    }

    .calloutBlock.winery.flipped .mediaMedium {
        left: 48%;
    }

    .calloutBlock.winery > article:first-of-type .mediaSquare {
        padding-bottom: 41%;
        bottom: -13%;
    }

    .responsive-embed.widescreen {
        /*width: calc(100% - 120px);*/
        margin: 0 auto;
    }

    .visitGallery > article:last-of-type .small-order-3 {
        position: absolute;
        top: -30%;
    }

        .visitGallery > article:last-of-type .small-order-3 > img {
            margin: 0;
        }

    .visitGallery > article:last-of-type .small-order-4 > img {
        right: 0;
        margin-top: -20%;
        margin-bottom: -18%;
    }

    section.collageGroup .paddingTop {
        padding-top: 60px;
    }
}


/**** COMPONENTS ****/
section.sloganScroll {
    padding: 60px 0;
}

    section.sloganScroll > article {
        overflow: hidden;
    }

    section.sloganScroll div.sectionH2 {
        font-family: 'FinancierDisplay-Regular', serif;
        width: 3000px;
        height: 120px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 0.6;
        line-height: 120px;
        -webkit-transition: all 4s;
        transition: all 4s;
    }

        section.sloganScroll div.sectionH2.sloganScroll {
            -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
            -webkit-transition: all 4s;
            transition: all 4s;
        }

.fullWidth {
    width: 100%;
    padding-bottom: 36%;
}

.flipped .small-order-2.text-right div.sectionH2.vertical {
    top: 8%;
}

.cardSet {
    padding: 60px 0;
}

    .cardSet > article {
        border-top: 2px solid #B29062;
    }

        .cardSet > article.cell {
            padding: 40px 20px 20px;
            position: relative;
            width: 100%;
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .cardSet > article:first-of-type {
            border-top: none;
        }

        .cardSet > article button, .cardSet > article a.button {
            position: absolute;
            bottom: 0;
            opacity: 0;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

.cardBackground {
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.cardNumber {
    font-family: 'FinancierDisplay-Semibold', serif;
    font-size: 63px;
    line-height: 68px;
    color: #B29062;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #B29062;
    position: relative;
    z-index: 1;
}

    .cardNumber.white {
        color: #ffffff;
        margin-bottom: 40px;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #ffffff;
    }

.cartTitle, .cardPretext, .cardText {
    width: 80%;
    position: relative;
    z-index: 1;
}

.cardSet > article img {
    position: relative;
    z-index: 1;
    max-width: 160px;
    margin-top: auto;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.cardPretext, .pretext, .pretextAlt {
    font-family: 'FinancierDisplay-RegularItalic', serif;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.4px;
    margin-bottom: 14px;
}

.pretext {
    font-family: 'FinancierDisplay-SemiboldItalic';
    color: #B29062;
}

.pretextAlt {
    font-family: 'FinancierDisplay-RegularItalic';
    color: #0a0a0a;
}

.cardSet > article .cardBackground.slideIn {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.cardSet > article button.slideIn, .cardSet > article a.button.slideIn {
    bottom: 60px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.cardSet > article .cartTitle.white, .cardSet > article .cardPretext.white, .cardSet > article .cardText.white {
    color: white;
}

.calloutBlock {
    padding: 60px 0;
    position: relative;
}

    .calloutBlock#allstory {
        padding: 120px 0;
    }

    .calloutBlock article {
        position: relative;
    }

        .calloutBlock article.small-order-3 {
            margin: 90px 0 180px;
        }

            .calloutBlock article.small-order-3.small-offset-2 {
                margin: 90px 0 90px 16.66667%;
            }

        .calloutBlock article:last-of-type, .calloutBlock.flipped article:first-of-type {
            padding-top: 8%;
        }

    .calloutBlock.winery article:last-of-type, .calloutBlock.winery.flipped article:first-of-type {
        padding-top: 16%;
    }

    .calloutBlock.flipped article:last-of-type, #membership .calloutBlock.winery article:last-of-type, #fcw-events main > section:last-of-type article:first-of-type {
        padding-top: 0;
    }

    .calloutBlock#inspiration.flipped article:first-of-type {
        padding-top: 0;
    }

    .calloutBlock#inspiration.flipped article:last-of-type {
        padding-top: 16%;
    }

#fcw-home #private-events + section.calloutBlock.flipped, #fcw-events main > section:last-of-type {
    padding-top: 0;
}

.calloutBlock#inspiration article .mediaMedium {
    width: 100%;
    padding-bottom: 64%;
    margin-bottom: 60px;
}

.calloutBlock .button {
    margin-top: 40px;
}

.calloutBlock .textBadge {
    right: 9%;
    bottom: -10%;
    top: initial;
}

    .calloutBlock .textBadge.topLeft {
        top: -29%;
        left: 52%;
    }

    .calloutBlock .textBadge.overlay {
        z-index: 2;
        top: 560px;
        right: -7%;
    }

    .calloutBlock .textBadge.shiftRight {
        top: -12%;
        right: 2%;
        z-index: 2;
    }

    .calloutBlock .textBadge.bottomLeft {
        top: -5%;
        right: -4%;
    }

.featureEventBlock .textBadge.topRight {
    top: -6%;
    right: 2%;
}

.calloutBlock .textBadge.bottomRight {
    right: -8%;
    bottom: -3%;
}

.calloutBlock.bottles {
    /*height: 150vh;
	min-height: 1140px;*/
    padding-bottom: 0;
}

    .calloutBlock.bottles .bottleFan {
        position: absolute;
        bottom: 6%;
        left: -20%;
    }

.calloutBlock .calloutContentBlock {
    margin: 60px 0 0;
    z-index: 1;
    position: relative;
}

.calloutDetails {
    margin-left: 20px;
}

    .calloutDetails li {
        padding-left: 0;
        margin-bottom: 5px;
        font-weight: 500;
    }

.featureBlock {
    padding: 0 20px 20px;
    margin-bottom: 60px;
}

    .featureBlock.withCards {
        margin-bottom: 0;
        padding-bottom: 0;
        margin-top: 20px;
    }

#fcw-home #events.featureBlock, #fcw-home #join + section.featureBlock.cardSet, #fcw-visit #events.featureBlock {
    margin-bottom: 0;
}

.featureBlock.withCards > article {
    padding-left: 40px;
    padding-right: 40px;
}

.featureBlock.withCards h3 {
    margin: 40px auto;
    max-width: 900px;
}

.featureBlock.eventsAlt {
    background-position: center;
    background-size: cover;
    margin-bottom: 200px;
}

.featureBlock .sectionH1, .featureBlock h5, .featureBlock h4 {
    margin: 40px auto;
}

#pools-cabines .featureBlock .eventBlockDate h5 {
    margin: 0 20px 10px;
}

#pools-cabines .featureBlock .eventBlockDate p {
    margin: 0 20px 20px;
}

    #pools-cabines .featureBlock .eventBlockDate p span {
        color: #AA8B2E;
    }

.featureBlock .button {
    margin-bottom: 40px;
}

.wineryBlock {
    padding-top: 30px;
}

.contactBlock {
    padding: 30px;
    margin-top: 40px;
}

    .contactBlock .media-object-section {
        margin-top: 14px;
    }

        .contactBlock .media-object-section:first-child {
            padding-right: 10px;
        }

        .contactBlock .media-object-section p {
            line-height: 1.2;
            margin: 0;
        }

    .contactBlock p:last-of-type {
        margin-bottom: 0;
    }

.featureEventBlock {
    width: calc(100% - 40px);
    margin: 60px auto;
    max-width: 900px;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.eventBlockContent {
    background: white;
    padding: 60px;
}

    .eventBlockContent h4, .eventBlock h4 {
        font-family: 'FinancierDisplay-Bold', serif;
        font-size: 30px;
        line-height: 34px;
        letter-spacing: 0;
        max-width: 100% !important;
    }

    .eventBlockContent h4, .eventBlockContent p {
        color: black;
    }

    .eventBlockContent h4 {
        margin-top: 10px;
    }

    .eventBlockContent div.preheader {
        text-align: left;
        margin-bottom: 0;
    }

#fcw-membership .eventBlockContent {
    padding: 40px 20px;
}

.eventBlockDate {
    padding: 50px 0;
}

    .eventBlockDate .eventMonth {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 2px;
        color: white;
        text-transform: uppercase;
    }

    .eventBlockDate .eventDay {
        font-family: 'FinancierDisplay-Bold', serif;
        font-size: 160px;
        line-height: 174px;
        color: white;
    }

.eventBlocks, .colorBlocks {
    width: calc(100% - 20px);
    margin: -80px auto 0;
}

.wineryBlock .eventBlocks, .fullBlock .eventBlocks {
    margin-top: 40px;
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
}

.fullBlock .eventBlocks {
    width: 100%;
}

.eventBlocks.marginTop, .colorBlocks {
    margin-top: 80px;
}

.featureBlock.eventsAlt .eventBlocks, .fullBlock .colorBlocks {
    margin-top: 0;
}

.eventBlock, .colorBlock {
    padding: 40px;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.memberConcierge .eventBlock {
    padding: 20px 40px;
}

.colorBlock {
    background-repeat: no-repeat;
    background-position: top right;
    background-blend-mode: multiply;
}

/*#sustainability .colorBlock, */ #who-we-are .colorBlock, #membership .colorBlock, #fcw-contact .colorBlock, #fcw-visit .colorBlock, #fcw-tastings-experiences .colorBlock {
    cursor: auto;
}

#who-we-are .colorBlock, .colorBlock.artOverlay {
    background-blend-mode: luminosity;
    background-size: 25%;
    background-position: right 25%;
}

#private-events .colorBlock {
    background-blend-mode: luminosity;
    background-size: 15%;
    background-position: right 25%;
}

    #private-events .colorBlock:first-of-type {
        background-size: 20%;
    }

.colorBlock.artOverlay:last-of-type {
    background-size: 20%;
}

.featureEventBlock.slideIn, .eventBlock.slideIn, .colorBlock.slideIn {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
    z-index: 1;
}

.featureBlock.eventsAlt .featureEventBlock {
    -webkit-box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.1);
}

.eventBlock h4 {
    margin-bottom: 40px;
    margin-top: 10px;
    margin-left: 0;
}

.memberConcierge .eventBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .memberConcierge .eventBlock h4 {
        margin-bottom: 4px;
        margin-top: 0;
    }

    .memberConcierge .eventBlock a {
        margin-bottom: 4px;
        margin-top: 0;
        display: block;
        font-family: 'FinancierDisplay-Bold', serif;
        font-size: 30px;
        line-height: 34px;
        letter-spacing: 0;
        color: white;
    }

        .memberConcierge .eventBlock a::after {
            display: none;
        }

.eventBlock div.preheader {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0;
    text-align: left;
}

.colorBlock h3 {
    margin-bottom: 20px;
}

.colorBlock h6 {
    color: white;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 25px;
}

.colorBlock p:last-of-type {
    margin-bottom: 0;
}

.colorBlock .media-object {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.eventBlock .eventDate {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-top: auto;
    width: 100%;
}

    .eventBlock .eventDate::after, .wineryBlock .eventBlock h3::after, .fullBlock .eventBlock h3::after, .fullBlock .memberConcierge .eventBlock h4::after {
        content: '\f054';
        font-family: 'Font Awesome 5 Free';
        color: #B29062;
        position: absolute;
        right: 0;
    }

.wineryBlock .eventBlock h3::after, .fullBlock .eventBlock h3::after, .fullBlock .memberConcierge .eventBlock h4::after {
    color: white;
    font-size: 1.125rem;
    right: 30px;
    bottom: 30px;
    line-height: 1;
}

.helpBlock {
    padding: 60px 0;
    height: 50vh;
}

.heroBlock {
    padding: 60px 0;
}

    .heroBlock article {
        padding: 80px 60px;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
    }

        .heroBlock article.slideIn {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 1;
        }

.sustainability {
    padding-top: 60px;
    z-index: 1;
}

    .sustainability img {
        margin-bottom: 20px;
    }

.sideScroll, .scroller {
    padding-bottom: 46%;
    padding-bottom: clamp(200px, 46%, 650px);
    margin-top: 80px;
    transform: translate(0px, 0px) translateZ(0px) !important;
}

    .sideScroll article img, .scroller article img {
        position: absolute;
        top: 0;
        right: 0;
    }

        .sideScroll article img:nth-of-type(1) {
            margin-right: -146%;
            width: 26%;
            max-width: 372px;
        }

        .sideScroll article img:nth-of-type(2) {
            margin-right: -137%;
            top: 11%;
            max-width: 400px;
            width: 28%;
        }

        .sideScroll article img:nth-of-type(3) {
            margin-right: -128%;
            max-width: 415px;
            width: 29%;
        }

        .sideScroll article img:nth-of-type(4) {
            margin-right: -114%;
            top: 50%;
            max-width: 310px;
            width: 22%;
        }

        .sideScroll article img:nth-of-type(5) {
            margin-right: -95%;
            max-width: 400px;
            width: 28%;
        }

html.skrollr body {
    height: auto !important;
}

.scroller article img {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

    .scroller article img:nth-of-type(1) {
        width: 26%;
        max-width: 372px;
        /*transform: translateX(-285%);*/
        right: calc(100vw - 26%);
    }

    .scroller article img:nth-of-type(2) {
        top: 11%;
        max-width: 400px;
        width: 28%;
        /*transform: translateX(-185%);*/
        z-index: 1;
        right: calc(80vw - 28%);
    }

    .scroller article img:nth-of-type(3) {
        max-width: 415px;
        width: 29%;
        /*transform: translateX(0);*/
        right: calc(0vw);
    }

    .scroller article img:nth-of-type(4) {
        top: 50%;
        max-width: 310px;
        width: 22%;
        /*transform: translateX(-93%);*/
        z-index: 1;
        right: calc(36vw - 22%);
    }

    .scroller article img:nth-of-type(5) {
        max-width: 400px;
        width: 28%;
        /*transform: translateX(-118%);*/
        z-index: 0;
        right: calc(60vw - 28%);
    }

.skrollr-mobile, .skrollr-mobile body {
    overflow: auto !important;
}

    .skrollr-mobile .scroller article img:nth-of-type(1) {
        right: calc(100vw - 26%) !important;
    }

    .skrollr-mobile .scroller article img:nth-of-type(2) {
        right: calc(80vw - 28%) !important;
    }

    .skrollr-mobile .scroller article img:nth-of-type(3) {
        right: calc(0vw) !important;
    }

    .skrollr-mobile .scroller article img:nth-of-type(4) {
        right: calc(36vw - 22%) !important;
    }

    .skrollr-mobile .scroller article img:nth-of-type(5) {
        right: calc(60vw - 28%) !important;
    }

.awardBlock, .awardBlock > article {
    margin-top: 60px;
}

    .awardBlock article img {
        max-width: 136px;
        margin: 0 auto 20px;
    }

    .awardBlock article > div > div.cell {
        padding: 0 30px;
    }

    .awardBlock article > div > div:nth-of-type(n + 2) {
        margin: 20px 0;
    }

.statBlocks {
    margin-top: 20px;
}

    .statBlocks figure {
        height: 140px;
        width: 140px;
        font-family: 'FinancierDisplay-Bold', serif;
        font-size: 60px;
        letter-spacing: 0;
        line-height: 140px;
        border-radius: 140px;
        border: 2px solid #31352E;
        color: #31352E;
        text-align: center;
        margin: 20px auto;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

        .statBlocks figure.fadeIn {
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

    .statBlocks figcaption {
        font-family: 'Montserrat', sans-serif;
        color: #31352E;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        line-height: 22px;
    }

.careerBlock {
    border-bottom: #B29062 double;
    margin-bottom: 50px;
}

    .careerBlock h3 {
        line-height: 1.1;
        margin: 0 auto 20px;
    }

    .careerBlock p:first-of-type {
        margin-top: 30px;
    }

    .careerBlock div.preheader, .careerBlock div.pretext {
        font-family: 'Montserrat', sans-serif;
        margin: 0 auto;
        font-size: 16px;
        text-transform: uppercase;
        line-height: 22px;
        letter-spacing: 1.1px;
    }

    .careerBlock div.preheader {
        color: #B29062;
    }

.helpBlock p, .heroBlock p {
    margin: 20px auto 30px;
}

.announcementBar {
    padding: 16px 0;
}

    .announcementBar h5 {
        margin: 0 auto 10px;
    }

    .announcementBar p {
        margin: 0 auto 15px;
    }

        .announcementBar p a {
            position: relative;
            display: inline-block;
            font-weight: normal;
        }

            .announcementBar p a::after {
                content: '';
                display: block;
                width: 100%;
                height: 2px;
                background-color: white;
                bottom: -6px;
                position: absolute;
            }

.scrollBox, .loadingBox {
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);
    padding: 30px;
    border-radius: 8px;
}

.scrollView {
    height: 800px;
    overflow: scroll;
}

    .scrollView .media-object, .loadingView .media-object {
        margin-bottom: 60px;
    }

        .scrollView .media-object img, .loadingView .media-object img {
            max-width: 220px;
        }

.menuFeature > article:nth-of-type(2), .calloutBlock .menuBlock {
    padding: 60px 40px 40px;
    z-index: 1;
}

    .menuFeature > article > p, .calloutBlock .menuBlock p {
        font-weight: 600;
    }

        .menuFeature > article > p > a, .calloutBlock .menuBlock p a {
            font-size: 16px;
        }

main section.menuFeature article a:not(.button)::after, main section.calloutBlock article.menuBlock a:not(.button)::after {
    background-color: white;
}

.menuFeature img {
    margin-bottom: 40px;
}

div.menuItem {
    margin-bottom: 40px;
    position: relative;
}

    div.menuItem::after {
        display: block;
        content: '\2666';
        width: 100%;
        height: 20px;
        line-height: 20px;
        color: white;
        text-align: center;
        -webkit-transform: scaleX(1.4);
        transform: scaleX(1.4);
        font-size: 17px;
    }

    div.menuItem:nth-child(5)::after {
        display: none;
    }

/* Medium and up */
@media screen and (min-width: 40em) {
    .calloutBlock.bottles {
        /*min-height: 1440px;*/
    }

    .sideScroll article img:nth-of-type(1) {
        margin-right: -22%;
    }

    .sideScroll article img:nth-of-type(2) {
        margin-right: -22%;
    }

    .sideScroll article img:nth-of-type(3) {
        margin-right: -29%;
    }

    .sideScroll article img:nth-of-type(4) {
        margin-right: -30%;
    }

    .sideScroll article img:nth-of-type(5) {
        margin-right: -36%;
    }

    .scrollView .media-object-section:first-child, .loadingView .media-object-section:first-child {
        padding-right: 30px;
    }

    .wineryBlock .eventBlocks, .fullBlock .eventBlocks {
        margin-top: 60px;
    }

    .menuFeature > article:nth-of-type(2), .calloutBlock .menuBlock {
        padding: 60px 80px 40px;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    .calloutBlock article.small-order-3 {
        margin-left: 8.33333%;
    }

        .calloutBlock article.small-order-3.large-offset-1 {
            margin: 90px 0 90px 8.33333%;
        }

    .calloutBlock .textBadge {
        bottom: 0;
    }

    .calloutBlock.bottles {
        min-height: 1400px;
    }

        .calloutBlock.bottles .bottleFan {
            top: 0;
            left: -10%;
        }

    .calloutBlock .textBadge.topLeft {
        top: -8%;
        left: -14%;
    }

    .calloutBlock .textBadge.topRight {
        top: 2%;
        right: 14%;
    }

    .calloutBlock .textBadge.shiftRight {
        top: 2%;
        right: -12%;
    }

    .calloutBlock.winery article:last-of-type, .calloutBlock.winery.flipped article:first-of-type, #membership .calloutBlock.winery article:last-of-type {
        padding-top: 4%;
    }

    #fcw-home #visit article:first-of-type, #fcw-visit #private-events + section.calloutBlock.flipped article:first-of-type, #fcw-rustic #visit article:last-of-type, #fcw-events .calloutBlock article, #fcw-tastings .calloutBlock article {
        padding-top: 0;
    }

    .calloutBlock .textBadge.bottomLeft {
        bottom: -5%;
        left: -15%;
        top: inherit;
        right: inherit;
    }

    .calloutBlock .textBadge.bottomRight {
        right: 3%;
        bottom: 10%;
    }

    .calloutBlock .calloutContentBlock {
        margin: 0 0 100px;
    }

    .wineryBlock {
        padding-top: 80px;
        margin-bottom: 100px;
    }

        .wineryBlock .eventBlocks {
            margin-bottom: 120px;
        }

    .cardSet > article {
        border-top: none;
        border-left: 2px solid #B29062;
    }

        .cardSet > article:first-of-type {
            border-left: none;
        }

        .cardSet > article.cell {
            padding: 40px 30px 10px;
            width: 33.333%;
        }

        .cardSet > article .cardBackground.slideIn {
            opacity: 0;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

        .cardSet > article button.slideIn, .cardSet > article a.button.slideIn {
            opacity: 0;
            bottom: 0;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
        }

        .cardSet > article .cartTitle.white, .cardSet > article .cardPretext.white, .cardSet > article .cardText.white {
            color: #0a0a0a;
        }

        .cardSet > article:hover, .cardSet > article:focus {
            /*cursor: url("../img/rollover-cursor-circle.acf17dbe05eb.svg"), auto;*/
        }

            .cardSet > article:hover .cardBackground, .cardSet > article:focus .cardBackground {
                opacity: 1;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                background-size: cover;
                width: 100%;
                height: 100%;
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transform-origin: center;
                transform-origin: center;
            }

            .cardSet > article:hover button, .cardSet > article:hover a.button, .cardSet > article:focus button, .cardSet > article:focus a.button {
                bottom: 60px;
                opacity: 1;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s;
            }

            .cardSet > article:hover .cartTitle, .cardSet > article:focus .cartTitle, .cardSet > article:hover .cardPretext, .cardSet > article:focus .cardPretext, .cardSet > article:hover .cardText, .cardSet > article:focus .cardText {
                color: white;
            }

    .featureBlock {
        padding: 0 40px 40px;
    }

        .featureBlock.withCards {
            margin-top: 120px;
        }

        .featureBlock h5, .featureBlock h4 {
            max-width: 50%;
        }

    #pools-cabines .featureBlock h5 {
        max-width: 100%;
    }

    .featureBlock.eventsAlt {
        background-position: right;
        background-size: contain;
        margin-bottom: 60px;
    }

        .featureBlock.eventsAlt.flipped {
            background-position: left;
        }

    .eventBlocks {
        width: calc(100% - 120px);
    }

    .eventBlock {
        margin-bottom: 60px;
    }

    .wineryBlock .eventBlock, .fullBlock .eventBlock {
        margin-bottom: 0;
    }

    .fullBlock .memberConcierge .eventBlock {
        margin-bottom: 30px;
    }

    #fcw-membership .eventBlockContent {
        padding: 60px;
    }

    .colorBlock {
        margin-bottom: 0;
    }

        .colorBlock .media-object {
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
        }

    .featureEventBlock {
        width: calc(100% - 120px);
    }

    #membership .eventsAlt .featureEventBlock {
        margin-left: 150px;
        width: 40%;
    }

    .eventsAlt.flipped .featureEventBlock {
        margin-right: 150px;
        width: 40%;
        float: right;
    }

    section.sloganScroll div.sectionH2 {
        height: 220px;
        line-height: 220px;
    }

    .helpBlock, .heroBlock {
        height: 70vh;
    }

    .awardBlock, .awardBlock > article {
        margin-top: 0;
    }

    .sideScroll article img:nth-of-type(1) {
        margin-right: 28%;
    }

    .sideScroll article img:nth-of-type(2) {
        margin-right: 21%;
    }

    .sideScroll article img:nth-of-type(3) {
        margin-right: 8%;
    }

    .sideScroll article img:nth-of-type(4) {
        margin-right: 1%;
    }

    .sideScroll article img:nth-of-type(5) {
        margin-right: -14%;
    }

    .announcementBar h5, .announcementBar p {
        margin: 0 auto;
    }

    .careerBlock {
        margin-bottom: 50px;
    }

    #fcw-visit main > section:last-of-type, #fcw-events main > section:last-of-type, #fcw-rustic main > section:last-of-type {
        padding-bottom: 150px;
    }
}

/* Extra Large and up */
@media screen and (min-width: 75em) {
    .calloutBlock .textBadge {
        bottom: 15%;
    }
}

/* 1440 and up */
@media screen and (min-width: 90em) {
    .scroller article img:nth-of-type(1) {
        right: calc(100vw - 372px);
    }

    .scroller article img:nth-of-type(2) {
        right: calc(80vw - 400px);
    }

    .scroller article img:nth-of-type(3) {
        right: calc(0vw);
    }

    .scroller article img:nth-of-type(4) {
        right: calc(36vw - 310px);
    }

    #fcw-visit .scroller article img:nth-of-type(4) {
        top: 36%;
    }

    .scroller article img:nth-of-type(5) {
        right: calc(60vw - 400px);
    }
}


/**** FLOATING ELEMENTS ****/
.decor {
    position: absolute;
    mix-blend-mode: multiply;
}

    .decor.flowerCrop {
        top: -30%;
        left: 58%;
        width: 130px;
        mix-blend-mode: normal;
    }

    .decor.flowerArt {
        left: -100px;
        width: 340px;
        bottom: -400px;
        mix-blend-mode: normal;
    }

section > img.decor.star:first-of-type {
    width: 50px;
    right: 80%;
    top: -10px;
}

section > img.decor.star:last-of-type {
    width: 95px;
    top: 75%;
    right: 20px;
}

section#hideaways article:nth-last-of-type(2) .decor.star {
    width: 50px;
    right: -50px;
    top: 10px;
}

.decor.leaf {
    width: 200px;
    right: -50px;
    bottom: -220px;
    z-index: 1;
}

.decor.leaf2 {
    left: 2%;
    min-width: 250px;
    bottom: 0;
    top: -20%;
    z-index: 0;
    width: 20%;
}

.decor.orange {
    left: -90px;
    width: 210px;
    top: -130%;
}

.decor.cocoa {
    right: -70px;
    top: -100px;
    width: 240px;
}

.decor.starAnise {
    bottom: 0;
    left: -150px;
    width: 350px;
}

.decor.wineryLogo {
    width: 150px;
    right: 0px;
    top: 45%;
}

.decor.grapes {
    width: 38%;
    top: 60%;
}

.decor.reserve {
    bottom: 0;
    width: 64%;
}

.decor.lavendar {
    right: 0;
    top: -50%;
    width: 75%;
    max-width: 403px;
}

.decor.vineLeaf {
    right: 0;
    top: 36%;
    width: 66%;
    max-width: 451px;
}

.decor.water {
    right: 0;
    top: 59%;
    max-width: 309px;
    width: 42%;
}

.decor.grapes2 {
    right: 0;
    top: -40%;
    max-width: 434px;
    width: 60%;
}

.fullBlock .decor.grapes2 {
    top: inherit;
    bottom: 10%;
}

.decor.oak {
    bottom: 0;
    max-width: 434px;
    width: 65%;
}

.decor.espresso {
    max-width: 350px;
    right: 0;
    bottom: -2%;
}

.decor.flowers {
    right: 0;
    max-width: 450px;
    bottom: 4%;
}

.decor.rustic {
    bottom: -18%;
    right: -20%;
}

.decor.bottle {
    width: 600px;
    bottom: -15%;
    left: -46%;
    max-width: inherit;
}

#fcw-membership #gift .decor {
    top: 10% !important;
    width: 80% !important;
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.diamond-collection .decor {
    mix-blend-mode: color-burn;
    opacity: 0.7;
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.directors-cut .decor {
    mix-blend-mode: color-burn;
    opacity: 0.8;
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.sofia .decor {
    mix-blend-mode: color-dodge;
    opacity: 0.9;
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.gia-coppola-wine .decor {
    mix-blend-mode: multiply;
    opacity: 0.1;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.archimedes .decor {
    mix-blend-mode: multiply;
    opacity: 0.13;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.eleanor .decor {
    mix-blend-mode: multiply;
    opacity: 0.2;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.francis-coppola-reserve .decor {
    mix-blend-mode: multiply;
    opacity: 0.7;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.francis-coppola-reserve > div.grid-x > div.grid-x > div:nth-of-type(2) > img:nth-of-type(1) {
    opacity: 0.16;
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.the-family-coppola .decor {
    mix-blend-mode: multiply;
    opacity: 0.15;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.storytellers .decor {
    mix-blend-mode: multiply;
    opacity: 0.2;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.rosso-bianco .decor {
    mix-blend-mode: multiply;
    opacity: 0.2;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.bees-box .decor {
    mix-blend-mode: multiply;
    opacity: 0.2;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.mammarella .decor {
    mix-blend-mode: multiply;
    opacity: 0.8;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

#fcw-our-wines section.featureCarousel .flickityWineCarousel .carousel-cell.pool-house .decor {
    mix-blend-mode: screen;
    opacity: 0.2;
    /*-webkit-filter: invert(100%);
            filter: invert(100%);*/
}



/* Medium and up */
@media screen and (min-width: 40em) {
    .decor.flowerCrop {
        top: -20%;
        left: 75%;
    }

    .decor.wineryLogo {
        width: 200px;
    }

    .decor.leaf2 {
        top: -14%;
    }

    .decor.rustic {
        bottom: -75%;
        right: -25%;
    }

    .decor.bottle {
        width: 83%;
        bottom: -13%;
        left: -12%;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    .decor {
        position: absolute;
        mix-blend-mode: multiply;
    }

        .decor.flowerCrop {
            width: 260px;
            left: 65%;
        }

        .decor.flowerArt {
            width: 500px;
            bottom: -500px;
            right: 0;
            left: initial;
        }

    section > img.decor.star:first-of-type {
        right: 50%;
        top: 18%;
    }

    section > img.decor.star:last-of-type {
        right: 20%;
        top: 25%;
    }

    section#hideaways article:nth-last-of-type(2) .decor.star {
        width: 75px;
        bottom: 30%;
        right: 20%;
        top: initial;
    }

    .decor.leaf {
        right: 0;
        bottom: -240px;
        width: 339px;
    }

    .decor.leaf2 {
        left: 10%;
        top: 6%;
    }

    .decor.orange {
        right: -160px;
        top: -100px;
        width: 400px;
        left: initial;
    }

    .decor.cocoa {
        right: 0px;
        top: -240px;
        width: 340px;
    }

    .decor.starAnise {
        bottom: 160px;
        width: 450px;
        left: 0;
    }

    .decor.wineryLogo {
        width: 280px;
        top: 58%;
    }

    .decor.grapes {
        width: 20%;
        top: 68%;
        left: 14%;
    }

    .decor.reserve {
        bottom: -16%;
        width: 40%;
    }

    .decor.vineLeaf {
        top: -3%;
    }

    .decor.water {
        right: 32%;
        top: -2%;
    }

    .decor.rustic {
        bottom: -60%;
        right: 3%;
    }

    .decor.bottle {
        width: 65%;
        bottom: -26%;
        left: -12%;
    }

    #fcw-membership #gift .decor {
        top: 3% !important;
        width: 62% !important;
    }
}


/**** CAROUSELS, SLIDERS ****/
section.featureCarousel > article.cell {
    padding: 33px;
}

.flickityCarousel, .flickityWineCarousel {
    z-index: 1;
}

    .flickityCarousel div.sectionH1, .flickityWineCarousel div.sectionH1 {
        margin: 40px auto;
    }

    .flickityWineCarousel div.sectionH1 {
        margin-bottom: 0;
    }

    .flickityCarousel h5, .flickityWineCarousel h5 {
        margin: 40px auto;
    }

    .flickityCarousel .carousel-cell, .flickityWineCarousel .carousel-cell, .venueCarousel .carousel-cell, .venueMapCarousel .carousel-cell {
        width: 100%;
        min-height: 100%;
        padding-bottom: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: hidden;
    }

    .flickityWineCarousel .carousel-cell {
        padding-bottom: 20px;
    }

.venueCarousel .carousel-cell, .venueMapCarousel .carousel-cell {
    padding-bottom: 10px;
}

    .flickityCarousel .carousel-cell > div, .flickityWineCarousel .carousel-cell > div, .venueCarousel .carousel-cell > div, .venueMapCarousel .carousel-cell > div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .flickityWineCarousel .carousel-cell > div > div:last-of-type {
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start;
        }

.flickityCarousel .flickity-page-dots, .flickityWineCarousel .flickity-page-dots {
    bottom: 40px;
}

.venueCarousel .flickity-page-dots, .venueMapCarousel .flickity-page-dots {
    bottom: -15px;
}

.flickityWineCarousel .flickity-page-dots {
    display: none;
}

    .flickityCarousel .flickity-page-dots .dot, .flickityWineCarousel .flickity-page-dots .dot, .venueCarousel .flickity-page-dots .dot, .venueMapCarousel .flickity-page-dots .dot {
        height: 8px;
        width: 8px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #fff;
        margin: 0 4px;
        border-radius: 0;
        opacity: 1;
        padding: 0;
    }

.venueCarousel .flickity-page-dots .dot, .venueMapCarousel .flickity-page-dots .dot {
    background-color: #898B87;
}

    .flickityCarousel .flickity-page-dots .dot.is-selected, .flickityWineCarousel .flickity-page-dots .dot.is-selected, .venueCarousel .flickity-page-dots .dot.is-selected, .venueMapCarousel .flickity-page-dots .dot.is-selected {
        background-color: #AA8B2E;
    }

.flickityCarousel .flickity-prev-next-button, .cardCarousel .flickity-prev-next-button, .blockCarousel .flickity-prev-next-button, .timelineCarousel .flickity-prev-next-button, .lifestyleCarousel .flickity-prev-next-button, .eventCarousel .flickity-prev-next-button, .flickityWineCarousel .flickity-prev-next-button, .venueCarousel .flickity-prev-next-button, .venueMapCarousel .flickity-prev-next-button {
    height: 94px;
    width: 33px;
    background-color: #B29062;
    padding: 0;
    border-radius: 0;
}

.flickityCarousel .flickity-button:hover, .flickityCarousel .flickity-button:focus, .cardCarousel .flickity-button:hover, .cardCarousel .flickity-button:focus, .blockCarousel .flickity-button:hover, .blockCarousel .flickity-button:focus, .timelineCarousel .flickity-button:hover, .timelineCarousel .flickity-button:focus, .lifestyleCarousel .flickity-button:hover, .lifestyleCarousel .flickity-button:focus, .eventCarousel .flickity-button:hover, .eventCarousel .flickity-button:focus, .flickityWineCarousel .flickity-button:hover, .flickityWineCarousel .flickity-button:focus, .venueCarousel .flickity-button:hover, .venueCarousel .flickity-button:focus, .venueMapCarousel .flickity-button:hover, .venueMapCarousel .flickity-button:focus {
    background-color: #a08157;
}

.flickityCarousel .flickity-prev-next-button .flickity-button-icon, .cardCarousel .flickity-prev-next-button .flickity-button-icon, .blockCarousel .flickity-prev-next-button .flickity-button-icon, .timelineCarousel .flickity-prev-next-button .flickity-button-icon, .lifestyleCarousel .flickity-prev-next-button .flickity-button-icon, .eventCarousel .flickity-prev-next-button .flickity-button-icon, .flickityWineCarousel .flickity-prev-next-button .flickity-button-icon, .venueCarousel .flickity-prev-next-button .flickity-button-icon, .venueMapCarousel .flickity-prev-next-button .flickity-button-icon {
    width: 44%;
    height: 44%;
    fill: white;
    left: 26%;
    top: 28%;
}

.flickityCarousel .flickity-prev-next-button.next, .cardCarousel .flickity-prev-next-button.next, .blockCarousel .flickity-prev-next-button.next, .timelineCarousel .flickity-prev-next-button.next, .lifestyleCarousel .flickity-prev-next-button.next, .eventCarousel .flickity-prev-next-button.next, .flickityWineCarousel .flickity-prev-next-button.next, .venueCarousel .flickity-prev-next-button.next, .venueMapCarousel .flickity-prev-next-button.next {
    right: -33px;
}

.flickityCarousel .flickity-prev-next-button.previous, .cardCarousel .flickity-prev-next-button.previous, .blockCarousel .flickity-prev-next-button.previous, .timelineCarousel .flickity-prev-next-button.previous, .lifestyleCarousel .flickity-prev-next-button.previous, .eventCarousel .flickity-prev-next-button.previous, .flickityWineCarousel .flickity-prev-next-button.previous, .venueCarousel .flickity-prev-next-button.previous, .venueMapCarousel .flickity-prev-next-button.previous {
    left: -33px;
}

.flickityWineCarousel .carousel-cell .button {
    margin-top: 20px;
}

.flickityWineCarousel .carousel-cell > div.grid-x > div.grid-x > div:nth-of-type(2), .flickityWineCarousel .carousel-cell > div.grid-x > div.grid-x > div:nth-of-type(3) {
    position: relative;
}

    .flickityWineCarousel .carousel-cell > div.grid-x > div.grid-x > div:nth-of-type(2) > img:last-of-type {
        z-index: 1;
        position: relative;
    }

    .flickityWineCarousel .carousel-cell > div.grid-x > div.grid-x > div:nth-of-type(2) > img:nth-of-type(1) {
        width: 260px;
        bottom: -10%;
        left: -8%;
    }

    .flickityWineCarousel .carousel-cell > div.grid-x > div.grid-x > div:nth-of-type(2) > img:nth-of-type(2) {
        right: -16%;
        top: 17%;
        width: 260px;
    }

.wineCarouselNav {
    width: 200px;
    left: calc(33.333% - 200px);
    position: absolute;
    top: calc(50%);
    height: 60%;
    overflow-y: scroll;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow-y: hidden;
    height: 300px;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, black), color-stop(60%, black), to(transparent));
    -webkit-mask-image: linear-gradient(transparent 0%, black 40%, black 60%, transparent 100%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, black), color-stop(60%, black), to(transparent));
    mask-image: linear-gradient(transparent 0%, black 40%, black 60%, transparent 100%);
}

    .wineCarouselNav .carousel-cell {
        width: 100%;
        margin: 0;
        cursor: pointer;
        height: auto;
    }

        .wineCarouselNav .carousel-cell p {
            font-family: 'FinancierDisplay-RegularItalic';
            font-size: 24px;
            letter-spacing: 0.9px;
            opacity: 0.7;
            line-height: 1;
            margin: 0;
            padding: 8px 0;
        }

        .wineCarouselNav .carousel-cell.is-nav-selected p {
            font-family: 'FinancierDisplay-SemiboldItalic';
            opacity: 1;
        }

    .wineCarouselNav > div.carousel-cell:first-of-type {
        margin-top: calc(50% + 20px);
    }

    .wineCarouselNav > div.carousel-cell:last-of-type {
        margin-bottom: calc(50% + 20px);
    }

.navCarousel .carousel-cell {
    padding-bottom: 0;
    width: auto;
    height: 60px;
}

.venueCarouselNav {
    margin-bottom: 40px;
}

    .venueCarouselNav .carousel-cell {
        padding-bottom: 0;
        height: 40px;
        width: auto;
        white-space: nowrap;
    }

.navCarousel .carousel-cell a, .navCarousel .carousel-cell a:visited {
    line-height: 60px;
    padding: 1.282rem 1rem;
    white-space: nowrap;
    font-weight: 600;
}

.venueCarouselNav .carousel-cell {
    color: #7F7F7F;
    font-family: 'FinancierDisplay-Semibold', serif;
    font-size: 24px;
    letter-spacing: 0.4px;
    text-align: center;
    margin: 0 10px;
}

    .navCarousel .carousel-cell.is-active a, .venueCarouselNav .carousel-cell.is-selected {
        color: #000;
    }

    .venueCarouselNav .carousel-cell.is-selected {
        font-family: 'FinancierDisplay-SemiboldItalic', serif;
    }

        .navCarousel .carousel-cell.is-active::after, .venueCarouselNav .carousel-cell.is-selected::after {
            background-color: #AA8B2E;
            display: block;
            width: 100%;
            content: '';
            height: 2px;
            bottom: 0;
            position: absolute;
        }

.navCarousel .flickity-prev-next-button.next {
    right: 0;
    border-radius: 0;
    height: 100%;
    width: 40px;
    background: #F4F4F4;
}

.navCarousel .flickity-prev-next-button.previous {
    left: 0;
    border-radius: 0;
    height: 100%;
    width: 40px;
    background: #F4F4F4;
}

.navCarousel .flickity-prev-next-button .flickity-button-icon {
    fill: #B29062;
}

.navCarousel .flickity-button:disabled {
    opacity: 0;
}

.cardCarousel .carousel-cell div.sectionH2.vertical {
    color: white;
    font-size: 90px;
    left: 64px;
    right: inherit;
    -webkit-transform: rotate(90deg) translate(-50%, 0);
    transform: rotate(90deg) translate(-50%, 0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    top: 50%;
    letter-spacing: 8px;
}

.cardCarousel {
    margin-bottom: 200px;
    width: calc(100% - 22px);
    margin-left: 11px;
}

    .cardCarousel .flickity-button:disabled {
        opacity: 0;
    }

    .cardCarousel .carousel-cell {
        padding: 0 10px;
        width: 175px;
        overflow: hidden;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin: 180px auto 0px;
        height: 554px;
    }

    .cardCarousel .flickity-slider > div.carousel-cell:nth-of-type(2) {
        margin-bottom: 36px;
        margin-top: 144px;
    }

    .cardCarousel .flickity-slider > div.carousel-cell:nth-of-type(3) {
        margin-bottom: 72px;
        margin-top: 108px;
    }

    .cardCarousel .flickity-slider > div.carousel-cell:nth-of-type(4) {
        margin-bottom: 108px;
        margin-top: 72px;
    }

    .cardCarousel .flickity-slider > div.carousel-cell:nth-of-type(5) {
        margin-bottom: 144px;
        margin-top: 36px;
    }

    .cardCarousel .flickity-slider > div.carousel-cell:nth-of-type(6) {
        margin-bottom: 180px;
        margin-top: 0px;
    }

    .cardCarousel .carousel-cell img {
        /*clip-path: inset(0 100px 0 0);*/
        width: -webkit-fit-content;
        width: -moz-fit-content;
        max-width: 275px;
        width: fit-content;
    }

    .cardCarousel .carousel-cell a {
        color: white;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        visibility: hidden;
    }

        .cardCarousel .carousel-cell a i.fas {
            position: absolute;
            bottom: 16px;
            right: 20px;
            opacity: 0;
        }

    .cardCarousel .carousel-cell:hover a, .cardCarousel .carousel-cell:focus a {
        visibility: visible;
    }

        .cardCarousel .carousel-cell:hover a i.fas, .cardCarousel .carousel-cell:focus a i.fas {
            opacity: 1;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }

    .cardCarousel .carousel-cell a:not(.button)::after {
        content: none;
    }

.blockCarousel {
    max-width: 560px;
    margin-left: 33px;
    width: calc(100% - 66px);
    margin-bottom: 50px;
}

    .blockCarousel .flickity-viewport, .blockCarousel .flickity-prev-next-button.previous {
        z-index: 2;
    }

    .blockCarousel::before {
        content: '';
        display: block;
        width: 100%;
        height: calc(100% + 80px);
        position: absolute;
        top: -40px;
        left: -100px;
        background: #31352E;
        z-index: 1;
    }

.deepBlueGreen .blockCarousel::before {
    background: #262833;
}

.blockCarousel .carousel-cell {
    width: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .blockCarousel .carousel-cell img {
        width: 100%;
        max-width: 560px;
        height: 100%;
        display: block;
    }

.blockNavCarousel {
    margin: 20px auto 40px;
}

    .blockNavCarousel .carousel-cell {
        cursor: pointer;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 15px;
        margin: 0 10px;
        padding: 10px 0;
        opacity: 0.6;
        width: auto;
        white-space: nowrap;
    }

        .blockNavCarousel .carousel-cell.is-selected {
            opacity: 1;
        }

            .blockNavCarousel .carousel-cell.is-selected::after {
                background-color: #AA8B2E;
                display: block;
                width: 100%;
                content: '';
                height: 2px;
                bottom: 0;
                position: absolute;
            }

.eventCarousel {
}

    .eventCarousel .flickity-viewport {
    }

    .eventCarousel .carousel-cell, .venueCarousel .carousel-cell, .venueMapCarousel .carousel-cell {
        width: 100%;
    }

.timelineCarousel {
    width: calc(100% - 60px);
    margin: 0 30px 30px;
}

    .timelineCarousel .carousel-cell {
        width: 400px;
        height: 680px;
        padding-right: 30px;
        position: absolute;
        left: 0%;
        border-bottom: 10px solid #A06910;
        margin-bottom: 30px;
    }

.lifestyleCarousel {
    margin-bottom: 120px;
}

    .lifestyleCarousel .carousel-cell {
        width: 322px;
    }

    .lifestyleCarousel .flickity-slider > div:nth-of-type(odd) {
        padding-bottom: 10%;
    }

    .lifestyleCarousel .flickity-slider > div:nth-of-type(even) {
        padding-top: 10%;
    }

    .lifestyleCarousel figure {
        margin: 0 20px;
        position: relative;
        width: 100%;
    }

    .lifestyleCarousel a::after {
        display: none !important;
    }

    .lifestyleCarousel a, .lifestyleCarousel a img {
        width: 100%;
        position: relative;
    }

    .lifestyleCarousel figcaption > div {
        font-size: 0.6875rem;
        color: #000;
        margin-top: 10px;
        font-weight: normal;
    }

        .lifestyleCarousel figcaption > div img {
            max-width: 11px;
            vertical-align: bottom;
            margin-left: 5px;
        }

    .lifestyleCarousel .flickity-prev-next-button.next {
        right: 0;
    }

    .lifestyleCarousel .flickity-prev-next-button.previous {
        left: 0;
    }

.dateBlock01, .dateBlock02 {
    width: 76%;
    height: calc(100% - 26px);
    position: absolute;
    bottom: 0;
}

    .dateBlock01 img, .dateBlock02 img {
        width: 100%;
    }

    .dateBlock01::after, .dateBlock02::after {
        content: '\f0fe';
        display: block;
        position: absolute;
        top: 248.5px;
        right: 0px;
        font-family: 'Font Awesome 5 Free', sans-serif;
        color: white;
        background: rgba(0,0,0,0.6);
        width: 30px;
        height: 30px;
        line-height: 30px;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .dateBlock01.mobile::after, .dateBlock02.mobile::after {
        visibility: visible;
        opacity: 1;
    }

.dateBlock02 {
    height: 56%;
    left: 66px;
}

.timelineCarousel .carousel-cell:nth-of-type(odd) .dateBlock01 {
    height: 82%;
}

.timelineCarousel .carousel-cell:nth-of-type(odd) .dateBlock02 {
    height: 42%;
}

.dateBlock01 .mainYear, .dateBlock02 .mainYear {
    font-family: 'FinancierDisplay-Semibold', serif;
    font-size: 90px;
    line-height: 97px;
    color: #B29062;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #B29062;
    position: relative;
    z-index: 1;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
}

    .dateBlock01 .mainYear.fadeIn, .dateBlock02 .mainYear.fadeIn {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

.dateBlock01 .imageMask, .dateBlock02 .imageMask {
    top: 68px;
    border-left: 2px solid #B29062;
    height: calc(100% - 52px);
}

.secondaryYear {
    color: #474038;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 26px;
    position: absolute;
    bottom: -46px;
}

.dateBlockHover {
    position: absolute;
    background: rgba(0,0,0,0.6);
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 0 70%;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

    .dateBlockHover.show {
        visibility: visible;
        opacity: 1;
    }

.dateBlockHoverContent {
    height: 100%;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 15px;
}

.dateBlockHover h4 {
    font-family: 'FinancierDisplay-Bold', serif;
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0;
}

.dateBlockHover h4, .dateBlockHover p {
    color: white;
    text-align: left;
}

.dateBlockHover p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
}

.horizontalFan {
    position: relative;
    padding-bottom: 58%;
}

.spiralFan {
    position: relative;
    top: -20px;
    height: 0;
    padding-bottom: 125%;
    padding-bottom: clamp(500px, 125%, 1500px);
    width: 124%;
    left: 0;
}

.horizontalFan > img {
    position: absolute;
    width: 30%;
    bottom: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.spiralFan > img {
    position: absolute;
    width: 25%;
    top: -12%;
    -webkit-transition: all 1s;
    transition: all 1s;
    left: 0;
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

.horizontalFan.spread > img:nth-of-type(1) {
    left: 14%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 27%;
    bottom: 4%;
}

.horizontalFan.spread > img:nth-of-type(2) {
    left: 26%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 28%;
    bottom: 2%;
}

.horizontalFan.spread > img:nth-of-type(3) {
    left: 38%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 29%;
    bottom: 1%;
}

.horizontalFan.spread > img:nth-of-type(6) {
    left: 62%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 29%;
    bottom: 1%;
}

.horizontalFan.spread > img:nth-of-type(5) {
    left: 74%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 28%;
    bottom: 2%;
}

.horizontalFan.spread > img:nth-of-type(4) {
    left: 86%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 27.5%;
    bottom: 4%;
}

section.gold.featureBlock .horizontalFan {
    padding-bottom: 60%;
    width: 75%;
    margin: 0 auto;
}

    section.gold.featureBlock .horizontalFan.spread > img:nth-of-type(1) {
        left: 0%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 27%;
        bottom: 4%;
    }

    section.gold.featureBlock .horizontalFan.spread > img:nth-of-type(2) {
        left: 24%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 28%;
        bottom: 2%;
    }

    section.gold.featureBlock .horizontalFan.spread > img:nth-of-type(3) {
        left: 47%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 29%;
        bottom: 1%;
    }

    section.gold.featureBlock .horizontalFan.spread > img:nth-of-type(5) {
        left: 73%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 28%;
        bottom: 2%;
    }

    section.gold.featureBlock .horizontalFan.spread > img:nth-of-type(4) {
        left: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 27%;
        bottom: 3%;
    }

.spiralFan.spread > img:nth-of-type(2) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 7%;
    left: -7%;
}

.spiralFan.spread > img:nth-of-type(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    top: 26%;
    left: 0%;
}

.spiralFan.spread > img:nth-of-type(4) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    top: 40%;
    left: 18%;
}

.spiralFan.spread > img:nth-of-type(5) {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    top: 46%;
    left: 39%;
}

.spiralFan.spread > img:nth-of-type(6) {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    top: 47%;
    left: 61%;
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .spiralFan {
        top: 0;
    }

    .horizontalFan {
        padding-bottom: 62%;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    section.featureCarousel > article.cell {
        padding: 50px;
    }

    .flickityWineCarousel .flickity-page-dots {
        display: block;
    }

    .flickityCarousel .flickity-prev-next-button.next, .flickityWineCarousel .flickity-prev-next-button.next {
        right: 0;
    }

    .flickityCarousel .flickity-prev-next-button.previous, .flickityWineCarousel .flickity-prev-next-button.previous {
        left: 0;
    }

    .flickityWineCarousel .carousel-cell {
        padding-bottom: 90px;
    }

    .cardCarousel {
        width: 100%;
        margin-left: auto;
    }

        .cardCarousel .carousel-cell:hover, .cardCarousel .carousel-cell:focus {
            width: 275px;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            z-index: 2;
        }

    .blockCarousel {
        width: calc(100% - 100px);
        margin-left: 100px;
        margin-bottom: 0;
    }

        .blockCarousel::before {
            height: calc(100% + 150px);
            top: -75px;
        }

    .blockNavCarousel, .blockNavCarousel .flickity-viewport {
        height: 160px !important;
    }

        .blockNavCarousel .flickity-slider {
            -webkit-transform: translateX(0%) !important;
            transform: translateX(0%) !important;
        }

    .blockNavCarousel {
        margin: 40px auto 0;
    }

        .blockNavCarousel .carousel-cell {
            position: relative !important;
            left: 0 !important;
            display: inline-block;
        }

    .cardCarousel .carousel-cell div.sectionH2.vertical {
        left: 46px;
    }

    .timelineCarousel {
        margin: 20px 30px 90px;
    }

        .timelineCarousel .carousel-cell > div .imageMask img:hover + .dateBlockHover, .timelineCarousel .carousel-cell > div .imageMask .dateBlockHover:hover, .timelineCarousel .carousel-cell > div .imageMask img:focus + .dateBlockHover, .timelineCarousel .carousel-cell > div .imageMask .dateBlockHover:focus {
            visibility: visible;
            opacity: 1;
        }

    .lifestyleCarousel .carousel-cell {
        width: 600px;
    }

    .spiralFan {
        top: 0;
        /*padding-bottom: 100%;*/
        max-width: 1200px;
        width: 80%;
        position: absolute;
    }
}


/**** MODALS, SLIDE-INS, POP-UPS, OVERLAYS ****/
#careersModal {
    padding: 30px 30px 10px;
}

#eventModal, #eventModal-1, #eventModalGallery, #venueMapModal, .venueModalGallery, #menusModal {
    padding: 30px;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.formModal {
    padding: 30px;
}

    .formModal h4 {
        font-family: 'FinancierDisplay-Bold', serif;
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0;
    }

    .formModal form h5 {
        margin: 15px 0;
    }

#eventModal h2, #eventModal-1 h2, #eventModalGallery h2 {
    margin-bottom: 15px;
    margin-top: 30px;
}

#venueMapModal h2, .venueModalGallery h2, #menusModal h2 {
    margin-bottom: 30px;
    margin-top: 15px;
}

#policyModal p a {
    text-decoration: underline;
}

#ageGate, #shareModal {
    max-width: 400px;
    padding: 30px;
    width: 100%;
    height: auto;
    min-height: auto;
    text-align: center;
    margin: 0 auto;
}

.slideInBlock {
    position: fixed;
    height: 100%;
    top: 0;
    z-index: 1000;
    width: 83.33333%;
    overflow-y: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

    .slideInBlock > img, #fullOverlay > div > img {
        width: 40px;
        right: 0;
        position: absolute;
        cursor: pointer;
    }

    .slideInBlock > div > img {
        margin-bottom: 40px;
    }

    .slideInBlock > div > h3, #fullOverlay > div > div > h3 {
        width: 100%;
        margin-bottom: 30px;
    }

    .slideInBlock > div > .button, #fullOverlay > div > div > .button {
        margin-top: 20px;
    }

    .slideInBlock.slideLeft {
        left: -83.33333%;
    }

    .slideInBlock.slideRight {
        right: -83.33333%;
    }

    .slideInBlock.slideLeft.slide {
        left: 0;
        opacity: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .slideInBlock.slideRight.slide {
        right: 0;
        opacity: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

#fullOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
}

    #fullOverlay > div {
        height: 100%;
    }

    #fullOverlay.show {
        opacity: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        visibility: visible;
    }

    #fullOverlay::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(144,86,38,0.9);
        z-index: -1;
    }

    #fullOverlay p > a, #fullOverlay p > a:visited {
        text-decoration: underline;
        text-decoration-color: #AA8B2E;
        text-decoration-thickness: 2px;
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        line-height: 28px;
    }

/* Medium and up */
@media screen and (min-width: 40em) {
    .slideInBlock {
        width: 50%;
    }

        .slideInBlock.slideLeft {
            left: -50%;
        }

        .slideInBlock.slideRight {
            right: -50%;
        }
}

/* Large and up */
@media screen and (min-width: 64em) {
    #careersModal {
        width: calc(100% - 40px);
        max-width: 1200px;
        padding: 120px 120px 80px;
    }

    #eventModal, #eventModal-1, #eventModalGallery, #venueMapModal, .venueModalGallery, #menusModal {
        max-width: 1200px;
        width: calc(100% - 40px);
    }

        #eventModalGallery h2 {
            margin-top: 10px;
        }

    .slideInBlock {
        width: 33.33333%;
    }

        .slideInBlock.slideLeft {
            left: -33.33333%;
        }

        .slideInBlock.slideRight {
            right: -33.33333%;
        }

    #fullOverlay p > a, #fullOverlay p > a:visited {
        font-size: 16px;
        line-height: 26px;
    }
}


/**** FOOTER ****/
footer {
    background: #000;
}
    #email-popup {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 450px;
        z-index: 1;

        position: relative;
    }

    #email-popup ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #email-popup li {
        padding: 0;
        margin: 0;
    }
    #email-popup form {
      display: flex;
        height: 42px;
    }






    footer img {
        margin-bottom: 30px;
    }

    footer h6 {
        color: white;
        margin: 0 auto 14px;
        text-align: left;
        font-family: 'Montserrat', sans-serif;
        font-size: 0.875rem;
        font-weight: 700;
        letter-spacing: 0;
    }

    footer p {
        font-size: 0.75rem;
        color: rgba(255,255,255,0.6);
        font-weight: 600;
        margin-bottom: 20px;
        line-height: 1.6;
    }

    footer form input[type=text] {
        width: calc(100% - 120px);
        margin-right: 0;
        min-width: 150px;
        margin-bottom: 5px;
        font-size: 0.875rem;
        border: none;
        float: left;
        margin-top: 0;
        padding-top: 10px;
    }

    footer form button.button.goldButton {
        margin-bottom: 5px;
        width: 120px;
        padding: 11px 0 10px;
        background-color: #A06910;
        min-width: auto;
        font-size: 0.875rem;
        line-height: 1;
        border: 2px solid #A06910;
    }

    footer > nav, footer > div {
        padding: 0 16px;
    }

    footer nav .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
        border: none;
        background: url("../img/plus-icon.efded6014894.svg");
        width: 12px;
        height: 12px;
        margin-top: 3px;
        background-size: contain;
        right: 0;
    }

    footer nav .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
        background: url("../img/minus-icon.fa6ad3b95bd5.svg");
    }

    footer nav > ul.menu {
        margin-bottom: 40px;
    }

        footer nav > ul.menu > li {
            border-top: 1px solid rgba(242,240,233,0.2);
            padding-bottom: 18px;
        }

            footer nav > ul.menu > li.singleNav {
                border-top: none;
                padding-bottom: 0;
            }

    footer nav ul.menu li {
        padding-left: 0;
        margin-bottom: 0;
    }

        footer nav ul.menu li a {
            color: white;
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            font-size: 0.875rem;
            padding: 24px 0 6px;
            line-height: 1.4;
        }

    footer nav > ul.menu > li.singleNav a {
        padding-top: 12px;
    }

    footer nav ul.menu li ul.nested.is-accordion-submenu {
        margin-left: 0;
        margin-top: 6px;
    }

    footer nav ul.menu li ul li.is-submenu-item a {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 1.2;
        padding: 6px 0;
        color: rgba(255,255,255,0.8);
    }

    footer nav ul.menu li ul.vertical li a {
        font-size: 0.75rem;
        color: rgba(255,255,255,0.8);
        padding: 7px 10px 7px 0;
        font-weight: 600;
    }

    footer .socialLinks {
        margin-top: 18px;
    }

        footer .socialLinks a {
            font-size: 1.25rem;
            margin-right: 24px;
            color: white;
        }

    footer > div:last-of-type {
        margin-top: 40px;
        padding-bottom: 4px;
    }

        footer > div:last-of-type > div {
            margin-bottom: 14px;
        }

        footer > div:last-of-type p {
            color: rgba(255,255,255,0.6);
            font-weight: 600;
            font-size: 0.625rem;
            margin: 0 auto;
            font-weight: 500;
        }

        footer > div:last-of-type a, footer > div:last-of-type a:visited {
            color: rgba(255,255,255,0.6);
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            font-size: 0.625rem;
            margin: 0 20px 6px 0;
            display: inline-block;
            text-decoration: underline;
        }

.breadcrumbNav .breadcrumbs {
    padding: 20px 0;
    margin-bottom: 0;
}

    .breadcrumbNav .breadcrumbs li {
        color: white;
        font-size: 0.625rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        text-transform: none;
    }

        .breadcrumbNav .breadcrumbs li a, .breadcrumbNav .breadcrumbs li a:visited {
            color: #ccc;
            text-decoration: none;
        }

        .breadcrumbNav .breadcrumbs li:not(:last-child)::after {
            content: '';
            width: 16px;
            height: 1px;
            background: #E6AA19;
            margin: 7px 10px;
            display: inline-block;
            vertical-align: top;
        }

.fancybox-bg {
    background: #ffffff;
}

.feast-nav{
    display: flex;
    justify-content: center;
    align-items: center;
}
.feast-nav a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    position: inherit;
    padding-left: 0;
    margin-bottom: 0;
}

#pizzaLogo {
	max-width: 300px;
}

.cardSet > article:hover .cardNumber, .cardSet > article:focus .cardNumber {
	color: white;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 0;
}

a.brandLink::after {
	display: none !important;
}

.cardSet > article.showRecipe .cardBackground {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
}

/* Medium and up */
@media screen and (min-width: 40em) {
    footer > nav:nth-of-type(2) > div:last-of-type {
        margin-top: 50px;
    }

        footer > nav:nth-of-type(2) > div:last-of-type div > ul.menu > li:nth-of-type(n+3) > a {
            padding-top: 8px;
        }

    footer img {
        margin-top: 24px;
    }

    .breadcrumbNav {
        margin-bottom: 40px;
    }

        .breadcrumbNav ul {
            border-bottom: 1px solid rgba(242,240,233,0.2);
        }
}

/* Large and up */
@media screen and (min-width: 64em) {
    footer > nav, .panel article .tabs-content {
        max-width: 1248px;
        margin: 0 auto;
    }

        footer > nav:nth-of-type(2) > div:last-of-type {
            margin-top: 0;
        }

    footer > div:last-of-type p {
        margin: 7px auto 0px;
    }
}




/**** PRINT STYLES ****/
@media print {
    .topBanner, a[href]::after, .join-rewards, .promo, a.button, footer {
        display: none;
    }

    .navBar > div > div {
        visibility: hidden;
        display: none;
    }

        .navBar > div > div:nth-of-type(3) {
            visibility: visible;
            display: block;
            width: 100%;
        }
}