@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,500;0,700;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://use.typekit.net/icy2bfv.css"); /** * Foundation for Sites * Version 6.6.3 * https://get.foundation * Licensed under MIT Open Source */ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,500;0,700;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://use.typekit.net/icy2bfv.css"); /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .foundation-mq { font-family: "small=0em&xsmall=25.875em&medium=48em&large=64em&xlarge=80em&xxlarge=90em&xxxlarge=102.5em&xxxxlarge=118.75em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fff; font-family: "Inter", sans-serif; font-weight: normal; line-height: 1.5; color: #404040; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 40px; } select { box-sizing: border-box; width: 100%; border-radius: 40px; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } [data-whatinput=mouse] button { outline: 0; } button { padding: 0; appearance: none; border: 0; border-radius: 40px; background: transparent; line-height: 1; cursor: auto; } pre { overflow: auto; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row { max-width: 69rem; margin-right: auto; margin-left: auto; display: flex; flex-flow: row wrap; } .row .row { margin-right: -0.3125rem; margin-left: -0.3125rem; } @media print, screen and (min-width: 48em) { .row .row { margin-right: -0.5rem; margin-left: -0.5rem; } } @media print, screen and (min-width: 64em) { .row .row { margin-right: -0.5rem; margin-left: -0.5rem; } } @media screen and (min-width: 80em) { .row .row { margin-right: -0.5rem; margin-left: -0.5rem; } } @media screen and (min-width: 90em) { .row .row { margin-right: -0.5rem; margin-left: -0.5rem; } } @media screen and (min-width: 102.5em) { .row .row { margin-right: -0.5rem; margin-left: -0.5rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row { margin-right: 0; margin-left: 0; } .column, body.no-flexbox .columns, .columns { flex: 1 1 0px; padding-right: 0.3125rem; padding-left: 0.3125rem; } @media print, screen and (min-width: 48em) { .column, body.no-flexbox .columns, .columns { padding-right: 0.5rem; padding-left: 0.5rem; } } .column, body.no-flexbox .columns, .columns { min-width: 0; } .column.row.row, .row.row.columns { float: none; display: block; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .small-offset-0 { margin-left: 0%; } .small-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .small-offset-1 { margin-left: 8.3333333333%; } .small-3 { flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.6666666667%; } .small-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .small-offset-3 { margin-left: 25%; } .small-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .small-offset-4 { margin-left: 33.3333333333%; } .small-6 { flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.6666666667%; } .small-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .small-offset-6 { margin-left: 50%; } .small-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .small-offset-7 { margin-left: 58.3333333333%; } .small-9 { flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.6666666667%; } .small-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .small-offset-9 { margin-left: 75%; } .small-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .small-offset-10 { margin-left: 83.3333333333%; } .small-12 { flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.6666666667%; } .small-up-1 { flex-wrap: wrap; } .small-up-1 > .column, body.no-flexbox .small-up-1 > .columns, .small-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .small-up-2 { flex-wrap: wrap; } .small-up-2 > .column, body.no-flexbox .small-up-2 > .columns, .small-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .small-up-3 { flex-wrap: wrap; } .small-up-3 > .column, body.no-flexbox .small-up-3 > .columns, .small-up-3 > .columns { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .small-up-4 { flex-wrap: wrap; } .small-up-4 > .column, body.no-flexbox .small-up-4 > .columns, .small-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .small-up-5 { flex-wrap: wrap; } .small-up-5 > .column, body.no-flexbox .small-up-5 > .columns, .small-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .small-up-6 { flex-wrap: wrap; } .small-up-6 > .column, body.no-flexbox .small-up-6 > .columns, .small-up-6 > .columns { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .small-up-7 { flex-wrap: wrap; } .small-up-7 > .column, body.no-flexbox .small-up-7 > .columns, .small-up-7 > .columns { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .small-up-8 { flex-wrap: wrap; } .small-up-8 > .column, body.no-flexbox .small-up-8 > .columns, .small-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, body.no-flexbox .small-collapse > .columns, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-uncollapse > .column, body.no-flexbox .small-uncollapse > .columns, .small-uncollapse > .columns { padding-right: 0.3125rem; padding-left: 0.3125rem; } @media print, screen and (min-width: 48em) { .medium-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .medium-offset-1 { margin-left: 8.3333333333%; } .medium-3 { flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.6666666667%; } .medium-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .medium-offset-4 { margin-left: 33.3333333333%; } .medium-6 { flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.6666666667%; } .medium-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .medium-offset-7 { margin-left: 58.3333333333%; } .medium-9 { flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.6666666667%; } .medium-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .medium-offset-10 { margin-left: 83.3333333333%; } .medium-12 { flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.6666666667%; } .medium-up-1 { flex-wrap: wrap; } .medium-up-1 > .column, body.no-flexbox .medium-up-1 > .columns, .medium-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .medium-up-2 { flex-wrap: wrap; } .medium-up-2 > .column, body.no-flexbox .medium-up-2 > .columns, .medium-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .medium-up-3 { flex-wrap: wrap; } .medium-up-3 > .column, body.no-flexbox .medium-up-3 > .columns, .medium-up-3 > .columns { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .medium-up-4 { flex-wrap: wrap; } .medium-up-4 > .column, body.no-flexbox .medium-up-4 > .columns, .medium-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .medium-up-5 { flex-wrap: wrap; } .medium-up-5 > .column, body.no-flexbox .medium-up-5 > .columns, .medium-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .medium-up-6 { flex-wrap: wrap; } .medium-up-6 > .column, body.no-flexbox .medium-up-6 > .columns, .medium-up-6 > .columns { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .medium-up-7 { flex-wrap: wrap; } .medium-up-7 > .column, body.no-flexbox .medium-up-7 > .columns, .medium-up-7 > .columns { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .medium-up-8 { flex-wrap: wrap; } .medium-up-8 > .column, body.no-flexbox .medium-up-8 > .columns, .medium-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 48em) and (min-width: 48em) { .medium-expand { flex: 1 1 0px; } } .row.medium-unstack > .column, .row.medium-unstack > .columns { flex: 0 0 100%; } @media print, screen and (min-width: 48em) { .row.medium-unstack > .column, .row.medium-unstack > .columns { flex: 1 1 0px; } .medium-collapse > .column, body.no-flexbox .medium-collapse > .columns, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-uncollapse > .column, body.no-flexbox .medium-uncollapse > .columns, .medium-uncollapse > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } } @media print, screen and (min-width: 64em) { .large-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .large-offset-0 { margin-left: 0%; } .large-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .large-offset-1 { margin-left: 8.3333333333%; } .large-3 { flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.6666666667%; } .large-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .large-offset-3 { margin-left: 25%; } .large-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .large-offset-4 { margin-left: 33.3333333333%; } .large-6 { flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.6666666667%; } .large-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .large-offset-6 { margin-left: 50%; } .large-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .large-offset-7 { margin-left: 58.3333333333%; } .large-9 { flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.6666666667%; } .large-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .large-offset-9 { margin-left: 75%; } .large-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .large-offset-10 { margin-left: 83.3333333333%; } .large-12 { flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.6666666667%; } .large-up-1 { flex-wrap: wrap; } .large-up-1 > .column, body.no-flexbox .large-up-1 > .columns, .large-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .large-up-2 { flex-wrap: wrap; } .large-up-2 > .column, body.no-flexbox .large-up-2 > .columns, .large-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .large-up-3 { flex-wrap: wrap; } .large-up-3 > .column, body.no-flexbox .large-up-3 > .columns, .large-up-3 > .columns { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .large-up-4 { flex-wrap: wrap; } .large-up-4 > .column, body.no-flexbox .large-up-4 > .columns, .large-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .large-up-5 { flex-wrap: wrap; } .large-up-5 > .column, body.no-flexbox .large-up-5 > .columns, .large-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .large-up-6 { flex-wrap: wrap; } .large-up-6 > .column, body.no-flexbox .large-up-6 > .columns, .large-up-6 > .columns { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .large-up-7 { flex-wrap: wrap; } .large-up-7 > .column, body.no-flexbox .large-up-7 > .columns, .large-up-7 > .columns { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .large-up-8 { flex-wrap: wrap; } .large-up-8 > .column, body.no-flexbox .large-up-8 > .columns, .large-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { flex: 1 1 0px; } } .row.large-unstack > .column, .row.large-unstack > .columns { flex: 0 0 100%; } @media print, screen and (min-width: 64em) { .row.large-unstack > .column, .row.large-unstack > .columns { flex: 1 1 0px; } .large-collapse > .column, body.no-flexbox .large-collapse > .columns, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-uncollapse > .column, body.no-flexbox .large-uncollapse > .columns, .large-uncollapse > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } } @media screen and (min-width: 80em) { .xlarge-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .xlarge-offset-0 { margin-left: 0%; } .xlarge-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .xlarge-offset-1 { margin-left: 8.3333333333%; } .xlarge-3 { flex: 0 0 25%; max-width: 25%; } .xlarge-offset-2 { margin-left: 16.6666666667%; } .xlarge-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .xlarge-offset-3 { margin-left: 25%; } .xlarge-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .xlarge-offset-4 { margin-left: 33.3333333333%; } .xlarge-6 { flex: 0 0 50%; max-width: 50%; } .xlarge-offset-5 { margin-left: 41.6666666667%; } .xlarge-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .xlarge-offset-6 { margin-left: 50%; } .xlarge-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .xlarge-offset-7 { margin-left: 58.3333333333%; } .xlarge-9 { flex: 0 0 75%; max-width: 75%; } .xlarge-offset-8 { margin-left: 66.6666666667%; } .xlarge-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .xlarge-offset-9 { margin-left: 75%; } .xlarge-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .xlarge-offset-10 { margin-left: 83.3333333333%; } .xlarge-12 { flex: 0 0 100%; max-width: 100%; } .xlarge-offset-11 { margin-left: 91.6666666667%; } .xlarge-up-1 { flex-wrap: wrap; } .xlarge-up-1 > .column, body.no-flexbox .xlarge-up-1 > .columns, .xlarge-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .xlarge-up-2 { flex-wrap: wrap; } .xlarge-up-2 > .column, body.no-flexbox .xlarge-up-2 > .columns, .xlarge-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .xlarge-up-3 { flex-wrap: wrap; } .xlarge-up-3 > .column, body.no-flexbox .xlarge-up-3 > .columns, .xlarge-up-3 > .columns { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .xlarge-up-4 { flex-wrap: wrap; } .xlarge-up-4 > .column, body.no-flexbox .xlarge-up-4 > .columns, .xlarge-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .xlarge-up-5 { flex-wrap: wrap; } .xlarge-up-5 > .column, body.no-flexbox .xlarge-up-5 > .columns, .xlarge-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .xlarge-up-6 { flex-wrap: wrap; } .xlarge-up-6 > .column, body.no-flexbox .xlarge-up-6 > .columns, .xlarge-up-6 > .columns { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .xlarge-up-7 { flex-wrap: wrap; } .xlarge-up-7 > .column, body.no-flexbox .xlarge-up-7 > .columns, .xlarge-up-7 > .columns { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .xlarge-up-8 { flex-wrap: wrap; } .xlarge-up-8 > .column, body.no-flexbox .xlarge-up-8 > .columns, .xlarge-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media screen and (min-width: 80em) and (min-width: 80em) { .xlarge-expand { flex: 1 1 0px; } } .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns { flex: 0 0 100%; } @media screen and (min-width: 80em) { .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns { flex: 1 1 0px; } .xlarge-collapse > .column, body.no-flexbox .xlarge-collapse > .columns, .xlarge-collapse > .columns { padding-right: 0; padding-left: 0; } .xlarge-uncollapse > .column, body.no-flexbox .xlarge-uncollapse > .columns, .xlarge-uncollapse > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } } @media screen and (min-width: 90em) { .xxlarge-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .xxlarge-offset-0 { margin-left: 0%; } .xxlarge-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .xxlarge-offset-1 { margin-left: 8.3333333333%; } .xxlarge-3 { flex: 0 0 25%; max-width: 25%; } .xxlarge-offset-2 { margin-left: 16.6666666667%; } .xxlarge-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .xxlarge-offset-3 { margin-left: 25%; } .xxlarge-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .xxlarge-offset-4 { margin-left: 33.3333333333%; } .xxlarge-6 { flex: 0 0 50%; max-width: 50%; } .xxlarge-offset-5 { margin-left: 41.6666666667%; } .xxlarge-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .xxlarge-offset-6 { margin-left: 50%; } .xxlarge-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .xxlarge-offset-7 { margin-left: 58.3333333333%; } .xxlarge-9 { flex: 0 0 75%; max-width: 75%; } .xxlarge-offset-8 { margin-left: 66.6666666667%; } .xxlarge-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .xxlarge-offset-9 { margin-left: 75%; } .xxlarge-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .xxlarge-offset-10 { margin-left: 83.3333333333%; } .xxlarge-12 { flex: 0 0 100%; max-width: 100%; } .xxlarge-offset-11 { margin-left: 91.6666666667%; } .xxlarge-up-1 { flex-wrap: wrap; } .xxlarge-up-1 > .column, body.no-flexbox .xxlarge-up-1 > .columns, .xxlarge-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .xxlarge-up-2 { flex-wrap: wrap; } .xxlarge-up-2 > .column, body.no-flexbox .xxlarge-up-2 > .columns, .xxlarge-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .xxlarge-up-3 { flex-wrap: wrap; } .xxlarge-up-3 > .column, body.no-flexbox .xxlarge-up-3 > .columns, .xxlarge-up-3 > .columns { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .xxlarge-up-4 { flex-wrap: wrap; } .xxlarge-up-4 > .column, body.no-flexbox .xxlarge-up-4 > .columns, .xxlarge-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .xxlarge-up-5 { flex-wrap: wrap; } .xxlarge-up-5 > .column, body.no-flexbox .xxlarge-up-5 > .columns, .xxlarge-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .xxlarge-up-6 { flex-wrap: wrap; } .xxlarge-up-6 > .column, body.no-flexbox .xxlarge-up-6 > .columns, .xxlarge-up-6 > .columns { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .xxlarge-up-7 { flex-wrap: wrap; } .xxlarge-up-7 > .column, body.no-flexbox .xxlarge-up-7 > .columns, .xxlarge-up-7 > .columns { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .xxlarge-up-8 { flex-wrap: wrap; } .xxlarge-up-8 > .column, body.no-flexbox .xxlarge-up-8 > .columns, .xxlarge-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media screen and (min-width: 90em) and (min-width: 90em) { .xxlarge-expand { flex: 1 1 0px; } } .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns { flex: 0 0 100%; } @media screen and (min-width: 90em) { .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns { flex: 1 1 0px; } .xxlarge-collapse > .column, body.no-flexbox .xxlarge-collapse > .columns, .xxlarge-collapse > .columns { padding-right: 0; padding-left: 0; } .xxlarge-uncollapse > .column, body.no-flexbox .xxlarge-uncollapse > .columns, .xxlarge-uncollapse > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } } @media screen and (min-width: 102.5em) { .xxxlarge-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .xxxlarge-offset-0 { margin-left: 0%; } .xxxlarge-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .xxxlarge-offset-1 { margin-left: 8.3333333333%; } .xxxlarge-3 { flex: 0 0 25%; max-width: 25%; } .xxxlarge-offset-2 { margin-left: 16.6666666667%; } .xxxlarge-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .xxxlarge-offset-3 { margin-left: 25%; } .xxxlarge-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .xxxlarge-offset-4 { margin-left: 33.3333333333%; } .xxxlarge-6 { flex: 0 0 50%; max-width: 50%; } .xxxlarge-offset-5 { margin-left: 41.6666666667%; } .xxxlarge-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .xxxlarge-offset-6 { margin-left: 50%; } .xxxlarge-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .xxxlarge-offset-7 { margin-left: 58.3333333333%; } .xxxlarge-9 { flex: 0 0 75%; max-width: 75%; } .xxxlarge-offset-8 { margin-left: 66.6666666667%; } .xxxlarge-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .xxxlarge-offset-9 { margin-left: 75%; } .xxxlarge-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .xxxlarge-offset-10 { margin-left: 83.3333333333%; } .xxxlarge-12 { flex: 0 0 100%; max-width: 100%; } .xxxlarge-offset-11 { margin-left: 91.6666666667%; } .xxxlarge-up-1 { flex-wrap: wrap; } .xxxlarge-up-1 > .column, body.no-flexbox .xxxlarge-up-1 > .columns, .xxxlarge-up-1 > .columns { flex: 0 0 100%; max-width: 100%; } .xxxlarge-up-2 { flex-wrap: wrap; } .xxxlarge-up-2 > .column, body.no-flexbox .xxxlarge-up-2 > .columns, .xxxlarge-up-2 > .columns { flex: 0 0 50%; max-width: 50%; } .xxxlarge-up-3 { flex-wrap: wrap; } .xxxlarge-up-3 > .column, body.no-flexbox .xxxlarge-up-3 > .columns, .xxxlarge-up-3 > .columns { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .xxxlarge-up-4 { flex-wrap: wrap; } .xxxlarge-up-4 > .column, body.no-flexbox .xxxlarge-up-4 > .columns, .xxxlarge-up-4 > .columns { flex: 0 0 25%; max-width: 25%; } .xxxlarge-up-5 { flex-wrap: wrap; } .xxxlarge-up-5 > .column, body.no-flexbox .xxxlarge-up-5 > .columns, .xxxlarge-up-5 > .columns { flex: 0 0 20%; max-width: 20%; } .xxxlarge-up-6 { flex-wrap: wrap; } .xxxlarge-up-6 > .column, body.no-flexbox .xxxlarge-up-6 > .columns, .xxxlarge-up-6 > .columns { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .xxxlarge-up-7 { flex-wrap: wrap; } .xxxlarge-up-7 > .column, body.no-flexbox .xxxlarge-up-7 > .columns, .xxxlarge-up-7 > .columns { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .xxxlarge-up-8 { flex-wrap: wrap; } .xxxlarge-up-8 > .column, body.no-flexbox .xxxlarge-up-8 > .columns, .xxxlarge-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } } @media screen and (min-width: 102.5em) and (min-width: 102.5em) { .xxxlarge-expand { flex: 1 1 0px; } } .row.xxxlarge-unstack > .column, .row.xxxlarge-unstack > .columns { flex: 0 0 100%; } @media screen and (min-width: 102.5em) { .row.xxxlarge-unstack > .column, .row.xxxlarge-unstack > .columns { flex: 1 1 0px; } .xxxlarge-collapse > .column, body.no-flexbox .xxxlarge-collapse > .columns, .xxxlarge-collapse > .columns { padding-right: 0; padding-left: 0; } .xxxlarge-uncollapse > .column, body.no-flexbox .xxxlarge-uncollapse > .columns, .xxxlarge-uncollapse > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } } .shrink { flex: 0 0 auto; max-width: 100%; } .column-block { margin-bottom: 0.625rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 48em) { .column-block { margin-bottom: 1rem; } .column-block > :last-child { margin-bottom: 0; } } body.no-flexbox .row { max-width: 69rem; margin-right: auto; margin-left: auto; } body.no-flexbox .row::before, body.no-flexbox .row::after { display: table; content: " "; flex-basis: 0; order: 1; } body.no-flexbox .row::after { clear: both; } body.no-flexbox .row.collapse > .column, body.no-flexbox .row.collapse > .columns { padding-right: 0; padding-left: 0; } body.no-flexbox .row .row { margin-right: -0.3125rem; margin-left: -0.3125rem; } @media print, screen and (min-width: 48em) { body.no-flexbox .row .row { margin-right: -0.5rem; margin-left: -0.5rem; } } @media print, screen and (min-width: 64em) { body.no-flexbox .row .row { margin-right: -0.5rem; margin-left: -0.5rem; } } @media screen and (min-width: 80em) { body.no-flexbox .row .row { margin-right: -0.5rem; margin-left: -0.5rem; } } @media screen and (min-width: 90em) { body.no-flexbox .row .row { margin-right: -0.5rem; margin-left: -0.5rem; } } @media screen and (min-width: 102.5em) { body.no-flexbox .row .row { margin-right: -0.5rem; margin-left: -0.5rem; } } body.no-flexbox .row .row.collapse { margin-right: 0; margin-left: 0; } body.no-flexbox .row.expanded { max-width: none; } body.no-flexbox .row.expanded .row { margin-right: auto; margin-left: auto; } body.no-flexbox .row:not(.expanded) .row { max-width: none; } body.no-flexbox .row.gutter-small > .column, body.no-flexbox .row.gutter-small > .columns { padding-right: 0.3125rem; padding-left: 0.3125rem; } body.no-flexbox .row.gutter-medium > .column, body.no-flexbox .row.gutter-medium > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } body.no-flexbox .column, body.no-flexbox .columns { width: 100%; float: left; padding-right: 0.3125rem; padding-left: 0.3125rem; } @media print, screen and (min-width: 48em) { body.no-flexbox .column, body.no-flexbox .columns { padding-right: 0.5rem; padding-left: 0.5rem; } } body.no-flexbox .column, body.no-flexbox .columns, body.no-flexbox .column:last-child:not(:first-child) { float: left; clear: none; } body.no-flexbox .column:last-child:not(:first-child), body.no-flexbox .columns:last-child:not(:first-child) { float: right; } body.no-flexbox .column.end:last-child:last-child, body.no-flexbox .end.columns:last-child:last-child { float: left; } body.no-flexbox .column.row.row, body.no-flexbox .row.row.columns { float: none; } body.no-flexbox .row .column.row.row, body.no-flexbox .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } body.no-flexbox .small-1 { width: 8.3333333333%; } body.no-flexbox .small-push-1 { position: relative; left: 8.3333333333%; } body.no-flexbox .small-pull-1 { position: relative; left: -8.3333333333%; } body.no-flexbox .small-offset-0 { margin-left: 0%; } body.no-flexbox .small-2 { width: 16.6666666667%; } body.no-flexbox .small-push-2 { position: relative; left: 16.6666666667%; } body.no-flexbox .small-pull-2 { position: relative; left: -16.6666666667%; } body.no-flexbox .small-offset-1 { margin-left: 8.3333333333%; } body.no-flexbox .small-3 { width: 25%; } body.no-flexbox .small-push-3 { position: relative; left: 25%; } body.no-flexbox .small-pull-3 { position: relative; left: -25%; } body.no-flexbox .small-offset-2 { margin-left: 16.6666666667%; } body.no-flexbox .small-4 { width: 33.3333333333%; } body.no-flexbox .small-push-4 { position: relative; left: 33.3333333333%; } body.no-flexbox .small-pull-4 { position: relative; left: -33.3333333333%; } body.no-flexbox .small-offset-3 { margin-left: 25%; } body.no-flexbox .small-5 { width: 41.6666666667%; } body.no-flexbox .small-push-5 { position: relative; left: 41.6666666667%; } body.no-flexbox .small-pull-5 { position: relative; left: -41.6666666667%; } body.no-flexbox .small-offset-4 { margin-left: 33.3333333333%; } body.no-flexbox .small-6 { width: 50%; } body.no-flexbox .small-push-6 { position: relative; left: 50%; } body.no-flexbox .small-pull-6 { position: relative; left: -50%; } body.no-flexbox .small-offset-5 { margin-left: 41.6666666667%; } body.no-flexbox .small-7 { width: 58.3333333333%; } body.no-flexbox .small-push-7 { position: relative; left: 58.3333333333%; } body.no-flexbox .small-pull-7 { position: relative; left: -58.3333333333%; } body.no-flexbox .small-offset-6 { margin-left: 50%; } body.no-flexbox .small-8 { width: 66.6666666667%; } body.no-flexbox .small-push-8 { position: relative; left: 66.6666666667%; } body.no-flexbox .small-pull-8 { position: relative; left: -66.6666666667%; } body.no-flexbox .small-offset-7 { margin-left: 58.3333333333%; } body.no-flexbox .small-9 { width: 75%; } body.no-flexbox .small-push-9 { position: relative; left: 75%; } body.no-flexbox .small-pull-9 { position: relative; left: -75%; } body.no-flexbox .small-offset-8 { margin-left: 66.6666666667%; } body.no-flexbox .small-10 { width: 83.3333333333%; } body.no-flexbox .small-push-10 { position: relative; left: 83.3333333333%; } body.no-flexbox .small-pull-10 { position: relative; left: -83.3333333333%; } body.no-flexbox .small-offset-9 { margin-left: 75%; } body.no-flexbox .small-11 { width: 91.6666666667%; } body.no-flexbox .small-push-11 { position: relative; left: 91.6666666667%; } body.no-flexbox .small-pull-11 { position: relative; left: -91.6666666667%; } body.no-flexbox .small-offset-10 { margin-left: 83.3333333333%; } body.no-flexbox .small-12 { width: 100%; } body.no-flexbox .small-offset-11 { margin-left: 91.6666666667%; } body.no-flexbox .small-up-1 > .column, body.no-flexbox .small-up-1 > .columns { float: left; width: 100%; } body.no-flexbox .small-up-1 > .column:nth-of-type(1n), body.no-flexbox .small-up-1 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .small-up-1 > .column:nth-of-type(1n+1), body.no-flexbox .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; } body.no-flexbox .small-up-1 > .column:last-child, body.no-flexbox .small-up-1 > .columns:last-child { float: left; } body.no-flexbox .small-up-2 > .column, body.no-flexbox .small-up-2 > .columns { float: left; width: 50%; } body.no-flexbox .small-up-2 > .column:nth-of-type(1n), body.no-flexbox .small-up-2 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .small-up-2 > .column:nth-of-type(2n+1), body.no-flexbox .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; } body.no-flexbox .small-up-2 > .column:last-child, body.no-flexbox .small-up-2 > .columns:last-child { float: left; } body.no-flexbox .small-up-3 > .column, body.no-flexbox .small-up-3 > .columns { float: left; width: 33.3333333333%; } body.no-flexbox .small-up-3 > .column:nth-of-type(1n), body.no-flexbox .small-up-3 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .small-up-3 > .column:nth-of-type(3n+1), body.no-flexbox .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; } body.no-flexbox .small-up-3 > .column:last-child, body.no-flexbox .small-up-3 > .columns:last-child { float: left; } body.no-flexbox .small-up-4 > .column, body.no-flexbox .small-up-4 > .columns { float: left; width: 25%; } body.no-flexbox .small-up-4 > .column:nth-of-type(1n), body.no-flexbox .small-up-4 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .small-up-4 > .column:nth-of-type(4n+1), body.no-flexbox .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; } body.no-flexbox .small-up-4 > .column:last-child, body.no-flexbox .small-up-4 > .columns:last-child { float: left; } body.no-flexbox .small-up-5 > .column, body.no-flexbox .small-up-5 > .columns { float: left; width: 20%; } body.no-flexbox .small-up-5 > .column:nth-of-type(1n), body.no-flexbox .small-up-5 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .small-up-5 > .column:nth-of-type(5n+1), body.no-flexbox .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; } body.no-flexbox .small-up-5 > .column:last-child, body.no-flexbox .small-up-5 > .columns:last-child { float: left; } body.no-flexbox .small-up-6 > .column, body.no-flexbox .small-up-6 > .columns { float: left; width: 16.6666666667%; } body.no-flexbox .small-up-6 > .column:nth-of-type(1n), body.no-flexbox .small-up-6 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .small-up-6 > .column:nth-of-type(6n+1), body.no-flexbox .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; } body.no-flexbox .small-up-6 > .column:last-child, body.no-flexbox .small-up-6 > .columns:last-child { float: left; } body.no-flexbox .small-up-7 > .column, body.no-flexbox .small-up-7 > .columns { float: left; width: 14.2857142857%; } body.no-flexbox .small-up-7 > .column:nth-of-type(1n), body.no-flexbox .small-up-7 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .small-up-7 > .column:nth-of-type(7n+1), body.no-flexbox .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; } body.no-flexbox .small-up-7 > .column:last-child, body.no-flexbox .small-up-7 > .columns:last-child { float: left; } body.no-flexbox .small-up-8 > .column, body.no-flexbox .small-up-8 > .columns { float: left; width: 12.5%; } body.no-flexbox .small-up-8 > .column:nth-of-type(1n), body.no-flexbox .small-up-8 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .small-up-8 > .column:nth-of-type(8n+1), body.no-flexbox .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } body.no-flexbox .small-up-8 > .column:last-child, body.no-flexbox .small-up-8 > .columns:last-child { float: left; } body.no-flexbox .small-collapse > .column, body.no-flexbox .small-collapse > .columns { padding-right: 0; padding-left: 0; } body.no-flexbox .small-collapse .row { margin-right: 0; margin-left: 0; } body.no-flexbox .expanded.row .small-collapse.row { margin-right: 0; margin-left: 0; } body.no-flexbox .small-uncollapse > .column, body.no-flexbox .small-uncollapse > .columns { padding-right: 0.3125rem; padding-left: 0.3125rem; } body.no-flexbox .small-centered, body.no-flexbox .small-centered:last-child:not(:first-child) { float: none; clear: both; } body.no-flexbox .small-centered { margin-right: auto; margin-left: auto; } body.no-flexbox .small-uncentered, body.no-flexbox .small-uncentered:last-child:not(:first-child), body.no-flexbox .small-push-0, body.no-flexbox .small-push-0:last-child:not(:first-child), body.no-flexbox .small-pull-0, body.no-flexbox .small-pull-0:last-child:not(:first-child) { float: left; clear: none; } body.no-flexbox .small-uncentered:last-child:not(:first-child), body.no-flexbox .small-push-0:last-child:not(:first-child), body.no-flexbox .small-pull-0:last-child:not(:first-child) { float: right; } body.no-flexbox .small-uncentered, body.no-flexbox .small-push-0, body.no-flexbox .small-pull-0 { position: static; margin-right: 0; margin-left: 0; } @media print, screen and (min-width: 48em) { body.no-flexbox .medium-1 { width: 8.3333333333%; } body.no-flexbox .medium-push-1 { position: relative; left: 8.3333333333%; } body.no-flexbox .medium-pull-1 { position: relative; left: -8.3333333333%; } body.no-flexbox .medium-offset-0 { margin-left: 0%; } body.no-flexbox .medium-2 { width: 16.6666666667%; } body.no-flexbox .medium-push-2 { position: relative; left: 16.6666666667%; } body.no-flexbox .medium-pull-2 { position: relative; left: -16.6666666667%; } body.no-flexbox .medium-offset-1 { margin-left: 8.3333333333%; } body.no-flexbox .medium-3 { width: 25%; } body.no-flexbox .medium-push-3 { position: relative; left: 25%; } body.no-flexbox .medium-pull-3 { position: relative; left: -25%; } body.no-flexbox .medium-offset-2 { margin-left: 16.6666666667%; } body.no-flexbox .medium-4 { width: 33.3333333333%; } body.no-flexbox .medium-push-4 { position: relative; left: 33.3333333333%; } body.no-flexbox .medium-pull-4 { position: relative; left: -33.3333333333%; } body.no-flexbox .medium-offset-3 { margin-left: 25%; } body.no-flexbox .medium-5 { width: 41.6666666667%; } body.no-flexbox .medium-push-5 { position: relative; left: 41.6666666667%; } body.no-flexbox .medium-pull-5 { position: relative; left: -41.6666666667%; } body.no-flexbox .medium-offset-4 { margin-left: 33.3333333333%; } body.no-flexbox .medium-6 { width: 50%; } body.no-flexbox .medium-push-6 { position: relative; left: 50%; } body.no-flexbox .medium-pull-6 { position: relative; left: -50%; } body.no-flexbox .medium-offset-5 { margin-left: 41.6666666667%; } body.no-flexbox .medium-7 { width: 58.3333333333%; } body.no-flexbox .medium-push-7 { position: relative; left: 58.3333333333%; } body.no-flexbox .medium-pull-7 { position: relative; left: -58.3333333333%; } body.no-flexbox .medium-offset-6 { margin-left: 50%; } body.no-flexbox .medium-8 { width: 66.6666666667%; } body.no-flexbox .medium-push-8 { position: relative; left: 66.6666666667%; } body.no-flexbox .medium-pull-8 { position: relative; left: -66.6666666667%; } body.no-flexbox .medium-offset-7 { margin-left: 58.3333333333%; } body.no-flexbox .medium-9 { width: 75%; } body.no-flexbox .medium-push-9 { position: relative; left: 75%; } body.no-flexbox .medium-pull-9 { position: relative; left: -75%; } body.no-flexbox .medium-offset-8 { margin-left: 66.6666666667%; } body.no-flexbox .medium-10 { width: 83.3333333333%; } body.no-flexbox .medium-push-10 { position: relative; left: 83.3333333333%; } body.no-flexbox .medium-pull-10 { position: relative; left: -83.3333333333%; } body.no-flexbox .medium-offset-9 { margin-left: 75%; } body.no-flexbox .medium-11 { width: 91.6666666667%; } body.no-flexbox .medium-push-11 { position: relative; left: 91.6666666667%; } body.no-flexbox .medium-pull-11 { position: relative; left: -91.6666666667%; } body.no-flexbox .medium-offset-10 { margin-left: 83.3333333333%; } body.no-flexbox .medium-12 { width: 100%; } body.no-flexbox .medium-offset-11 { margin-left: 91.6666666667%; } body.no-flexbox .medium-up-1 > .column, body.no-flexbox .medium-up-1 > .columns { float: left; width: 100%; } body.no-flexbox .medium-up-1 > .column:nth-of-type(1n), body.no-flexbox .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .medium-up-1 > .column:nth-of-type(1n+1), body.no-flexbox .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } body.no-flexbox .medium-up-1 > .column:last-child, body.no-flexbox .medium-up-1 > .columns:last-child { float: left; } body.no-flexbox .medium-up-2 > .column, body.no-flexbox .medium-up-2 > .columns { float: left; width: 50%; } body.no-flexbox .medium-up-2 > .column:nth-of-type(1n), body.no-flexbox .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .medium-up-2 > .column:nth-of-type(2n+1), body.no-flexbox .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } body.no-flexbox .medium-up-2 > .column:last-child, body.no-flexbox .medium-up-2 > .columns:last-child { float: left; } body.no-flexbox .medium-up-3 > .column, body.no-flexbox .medium-up-3 > .columns { float: left; width: 33.3333333333%; } body.no-flexbox .medium-up-3 > .column:nth-of-type(1n), body.no-flexbox .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .medium-up-3 > .column:nth-of-type(3n+1), body.no-flexbox .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } body.no-flexbox .medium-up-3 > .column:last-child, body.no-flexbox .medium-up-3 > .columns:last-child { float: left; } body.no-flexbox .medium-up-4 > .column, body.no-flexbox .medium-up-4 > .columns { float: left; width: 25%; } body.no-flexbox .medium-up-4 > .column:nth-of-type(1n), body.no-flexbox .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .medium-up-4 > .column:nth-of-type(4n+1), body.no-flexbox .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } body.no-flexbox .medium-up-4 > .column:last-child, body.no-flexbox .medium-up-4 > .columns:last-child { float: left; } body.no-flexbox .medium-up-5 > .column, body.no-flexbox .medium-up-5 > .columns { float: left; width: 20%; } body.no-flexbox .medium-up-5 > .column:nth-of-type(1n), body.no-flexbox .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .medium-up-5 > .column:nth-of-type(5n+1), body.no-flexbox .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } body.no-flexbox .medium-up-5 > .column:last-child, body.no-flexbox .medium-up-5 > .columns:last-child { float: left; } body.no-flexbox .medium-up-6 > .column, body.no-flexbox .medium-up-6 > .columns { float: left; width: 16.6666666667%; } body.no-flexbox .medium-up-6 > .column:nth-of-type(1n), body.no-flexbox .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .medium-up-6 > .column:nth-of-type(6n+1), body.no-flexbox .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } body.no-flexbox .medium-up-6 > .column:last-child, body.no-flexbox .medium-up-6 > .columns:last-child { float: left; } body.no-flexbox .medium-up-7 > .column, body.no-flexbox .medium-up-7 > .columns { float: left; width: 14.2857142857%; } body.no-flexbox .medium-up-7 > .column:nth-of-type(1n), body.no-flexbox .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .medium-up-7 > .column:nth-of-type(7n+1), body.no-flexbox .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } body.no-flexbox .medium-up-7 > .column:last-child, body.no-flexbox .medium-up-7 > .columns:last-child { float: left; } body.no-flexbox .medium-up-8 > .column, body.no-flexbox .medium-up-8 > .columns { float: left; width: 12.5%; } body.no-flexbox .medium-up-8 > .column:nth-of-type(1n), body.no-flexbox .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .medium-up-8 > .column:nth-of-type(8n+1), body.no-flexbox .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } body.no-flexbox .medium-up-8 > .column:last-child, body.no-flexbox .medium-up-8 > .columns:last-child { float: left; } body.no-flexbox .medium-collapse > .column, body.no-flexbox .medium-collapse > .columns { padding-right: 0; padding-left: 0; } body.no-flexbox .medium-collapse .row { margin-right: 0; margin-left: 0; } body.no-flexbox .expanded.row .medium-collapse.row { margin-right: 0; margin-left: 0; } body.no-flexbox .medium-uncollapse > .column, body.no-flexbox .medium-uncollapse > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } body.no-flexbox .medium-centered, body.no-flexbox .medium-centered:last-child:not(:first-child) { float: none; clear: both; } body.no-flexbox .medium-centered { margin-right: auto; margin-left: auto; } body.no-flexbox .medium-uncentered, body.no-flexbox .medium-uncentered:last-child:not(:first-child), body.no-flexbox .medium-push-0, body.no-flexbox .medium-push-0:last-child:not(:first-child), body.no-flexbox .medium-pull-0, body.no-flexbox .medium-pull-0:last-child:not(:first-child) { float: left; clear: none; } body.no-flexbox .medium-uncentered:last-child:not(:first-child), body.no-flexbox .medium-push-0:last-child:not(:first-child), body.no-flexbox .medium-pull-0:last-child:not(:first-child) { float: right; } body.no-flexbox .medium-uncentered, body.no-flexbox .medium-push-0, body.no-flexbox .medium-pull-0 { position: static; margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { body.no-flexbox .large-1 { width: 8.3333333333%; } body.no-flexbox .large-push-1 { position: relative; left: 8.3333333333%; } body.no-flexbox .large-pull-1 { position: relative; left: -8.3333333333%; } body.no-flexbox .large-offset-0 { margin-left: 0%; } body.no-flexbox .large-2 { width: 16.6666666667%; } body.no-flexbox .large-push-2 { position: relative; left: 16.6666666667%; } body.no-flexbox .large-pull-2 { position: relative; left: -16.6666666667%; } body.no-flexbox .large-offset-1 { margin-left: 8.3333333333%; } body.no-flexbox .large-3 { width: 25%; } body.no-flexbox .large-push-3 { position: relative; left: 25%; } body.no-flexbox .large-pull-3 { position: relative; left: -25%; } body.no-flexbox .large-offset-2 { margin-left: 16.6666666667%; } body.no-flexbox .large-4 { width: 33.3333333333%; } body.no-flexbox .large-push-4 { position: relative; left: 33.3333333333%; } body.no-flexbox .large-pull-4 { position: relative; left: -33.3333333333%; } body.no-flexbox .large-offset-3 { margin-left: 25%; } body.no-flexbox .large-5 { width: 41.6666666667%; } body.no-flexbox .large-push-5 { position: relative; left: 41.6666666667%; } body.no-flexbox .large-pull-5 { position: relative; left: -41.6666666667%; } body.no-flexbox .large-offset-4 { margin-left: 33.3333333333%; } body.no-flexbox .large-6 { width: 50%; } body.no-flexbox .large-push-6 { position: relative; left: 50%; } body.no-flexbox .large-pull-6 { position: relative; left: -50%; } body.no-flexbox .large-offset-5 { margin-left: 41.6666666667%; } body.no-flexbox .large-7 { width: 58.3333333333%; } body.no-flexbox .large-push-7 { position: relative; left: 58.3333333333%; } body.no-flexbox .large-pull-7 { position: relative; left: -58.3333333333%; } body.no-flexbox .large-offset-6 { margin-left: 50%; } body.no-flexbox .large-8 { width: 66.6666666667%; } body.no-flexbox .large-push-8 { position: relative; left: 66.6666666667%; } body.no-flexbox .large-pull-8 { position: relative; left: -66.6666666667%; } body.no-flexbox .large-offset-7 { margin-left: 58.3333333333%; } body.no-flexbox .large-9 { width: 75%; } body.no-flexbox .large-push-9 { position: relative; left: 75%; } body.no-flexbox .large-pull-9 { position: relative; left: -75%; } body.no-flexbox .large-offset-8 { margin-left: 66.6666666667%; } body.no-flexbox .large-10 { width: 83.3333333333%; } body.no-flexbox .large-push-10 { position: relative; left: 83.3333333333%; } body.no-flexbox .large-pull-10 { position: relative; left: -83.3333333333%; } body.no-flexbox .large-offset-9 { margin-left: 75%; } body.no-flexbox .large-11 { width: 91.6666666667%; } body.no-flexbox .large-push-11 { position: relative; left: 91.6666666667%; } body.no-flexbox .large-pull-11 { position: relative; left: -91.6666666667%; } body.no-flexbox .large-offset-10 { margin-left: 83.3333333333%; } body.no-flexbox .large-12 { width: 100%; } body.no-flexbox .large-offset-11 { margin-left: 91.6666666667%; } body.no-flexbox .large-up-1 > .column, body.no-flexbox .large-up-1 > .columns { float: left; width: 100%; } body.no-flexbox .large-up-1 > .column:nth-of-type(1n), body.no-flexbox .large-up-1 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .large-up-1 > .column:nth-of-type(1n+1), body.no-flexbox .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } body.no-flexbox .large-up-1 > .column:last-child, body.no-flexbox .large-up-1 > .columns:last-child { float: left; } body.no-flexbox .large-up-2 > .column, body.no-flexbox .large-up-2 > .columns { float: left; width: 50%; } body.no-flexbox .large-up-2 > .column:nth-of-type(1n), body.no-flexbox .large-up-2 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .large-up-2 > .column:nth-of-type(2n+1), body.no-flexbox .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } body.no-flexbox .large-up-2 > .column:last-child, body.no-flexbox .large-up-2 > .columns:last-child { float: left; } body.no-flexbox .large-up-3 > .column, body.no-flexbox .large-up-3 > .columns { float: left; width: 33.3333333333%; } body.no-flexbox .large-up-3 > .column:nth-of-type(1n), body.no-flexbox .large-up-3 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .large-up-3 > .column:nth-of-type(3n+1), body.no-flexbox .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } body.no-flexbox .large-up-3 > .column:last-child, body.no-flexbox .large-up-3 > .columns:last-child { float: left; } body.no-flexbox .large-up-4 > .column, body.no-flexbox .large-up-4 > .columns { float: left; width: 25%; } body.no-flexbox .large-up-4 > .column:nth-of-type(1n), body.no-flexbox .large-up-4 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .large-up-4 > .column:nth-of-type(4n+1), body.no-flexbox .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } body.no-flexbox .large-up-4 > .column:last-child, body.no-flexbox .large-up-4 > .columns:last-child { float: left; } body.no-flexbox .large-up-5 > .column, body.no-flexbox .large-up-5 > .columns { float: left; width: 20%; } body.no-flexbox .large-up-5 > .column:nth-of-type(1n), body.no-flexbox .large-up-5 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .large-up-5 > .column:nth-of-type(5n+1), body.no-flexbox .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } body.no-flexbox .large-up-5 > .column:last-child, body.no-flexbox .large-up-5 > .columns:last-child { float: left; } body.no-flexbox .large-up-6 > .column, body.no-flexbox .large-up-6 > .columns { float: left; width: 16.6666666667%; } body.no-flexbox .large-up-6 > .column:nth-of-type(1n), body.no-flexbox .large-up-6 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .large-up-6 > .column:nth-of-type(6n+1), body.no-flexbox .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } body.no-flexbox .large-up-6 > .column:last-child, body.no-flexbox .large-up-6 > .columns:last-child { float: left; } body.no-flexbox .large-up-7 > .column, body.no-flexbox .large-up-7 > .columns { float: left; width: 14.2857142857%; } body.no-flexbox .large-up-7 > .column:nth-of-type(1n), body.no-flexbox .large-up-7 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .large-up-7 > .column:nth-of-type(7n+1), body.no-flexbox .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } body.no-flexbox .large-up-7 > .column:last-child, body.no-flexbox .large-up-7 > .columns:last-child { float: left; } body.no-flexbox .large-up-8 > .column, body.no-flexbox .large-up-8 > .columns { float: left; width: 12.5%; } body.no-flexbox .large-up-8 > .column:nth-of-type(1n), body.no-flexbox .large-up-8 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .large-up-8 > .column:nth-of-type(8n+1), body.no-flexbox .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } body.no-flexbox .large-up-8 > .column:last-child, body.no-flexbox .large-up-8 > .columns:last-child { float: left; } body.no-flexbox .large-collapse > .column, body.no-flexbox .large-collapse > .columns { padding-right: 0; padding-left: 0; } body.no-flexbox .large-collapse .row { margin-right: 0; margin-left: 0; } body.no-flexbox .expanded.row .large-collapse.row { margin-right: 0; margin-left: 0; } body.no-flexbox .large-uncollapse > .column, body.no-flexbox .large-uncollapse > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } body.no-flexbox .large-centered, body.no-flexbox .large-centered:last-child:not(:first-child) { float: none; clear: both; } body.no-flexbox .large-centered { margin-right: auto; margin-left: auto; } body.no-flexbox .large-uncentered, body.no-flexbox .large-uncentered:last-child:not(:first-child), body.no-flexbox .large-push-0, body.no-flexbox .large-push-0:last-child:not(:first-child), body.no-flexbox .large-pull-0, body.no-flexbox .large-pull-0:last-child:not(:first-child) { float: left; clear: none; } body.no-flexbox .large-uncentered:last-child:not(:first-child), body.no-flexbox .large-push-0:last-child:not(:first-child), body.no-flexbox .large-pull-0:last-child:not(:first-child) { float: right; } body.no-flexbox .large-uncentered, body.no-flexbox .large-push-0, body.no-flexbox .large-pull-0 { position: static; margin-right: 0; margin-left: 0; } } @media screen and (min-width: 80em) { body.no-flexbox .xlarge-1 { width: 8.3333333333%; } body.no-flexbox .xlarge-push-1 { position: relative; left: 8.3333333333%; } body.no-flexbox .xlarge-pull-1 { position: relative; left: -8.3333333333%; } body.no-flexbox .xlarge-offset-0 { margin-left: 0%; } body.no-flexbox .xlarge-2 { width: 16.6666666667%; } body.no-flexbox .xlarge-push-2 { position: relative; left: 16.6666666667%; } body.no-flexbox .xlarge-pull-2 { position: relative; left: -16.6666666667%; } body.no-flexbox .xlarge-offset-1 { margin-left: 8.3333333333%; } body.no-flexbox .xlarge-3 { width: 25%; } body.no-flexbox .xlarge-push-3 { position: relative; left: 25%; } body.no-flexbox .xlarge-pull-3 { position: relative; left: -25%; } body.no-flexbox .xlarge-offset-2 { margin-left: 16.6666666667%; } body.no-flexbox .xlarge-4 { width: 33.3333333333%; } body.no-flexbox .xlarge-push-4 { position: relative; left: 33.3333333333%; } body.no-flexbox .xlarge-pull-4 { position: relative; left: -33.3333333333%; } body.no-flexbox .xlarge-offset-3 { margin-left: 25%; } body.no-flexbox .xlarge-5 { width: 41.6666666667%; } body.no-flexbox .xlarge-push-5 { position: relative; left: 41.6666666667%; } body.no-flexbox .xlarge-pull-5 { position: relative; left: -41.6666666667%; } body.no-flexbox .xlarge-offset-4 { margin-left: 33.3333333333%; } body.no-flexbox .xlarge-6 { width: 50%; } body.no-flexbox .xlarge-push-6 { position: relative; left: 50%; } body.no-flexbox .xlarge-pull-6 { position: relative; left: -50%; } body.no-flexbox .xlarge-offset-5 { margin-left: 41.6666666667%; } body.no-flexbox .xlarge-7 { width: 58.3333333333%; } body.no-flexbox .xlarge-push-7 { position: relative; left: 58.3333333333%; } body.no-flexbox .xlarge-pull-7 { position: relative; left: -58.3333333333%; } body.no-flexbox .xlarge-offset-6 { margin-left: 50%; } body.no-flexbox .xlarge-8 { width: 66.6666666667%; } body.no-flexbox .xlarge-push-8 { position: relative; left: 66.6666666667%; } body.no-flexbox .xlarge-pull-8 { position: relative; left: -66.6666666667%; } body.no-flexbox .xlarge-offset-7 { margin-left: 58.3333333333%; } body.no-flexbox .xlarge-9 { width: 75%; } body.no-flexbox .xlarge-push-9 { position: relative; left: 75%; } body.no-flexbox .xlarge-pull-9 { position: relative; left: -75%; } body.no-flexbox .xlarge-offset-8 { margin-left: 66.6666666667%; } body.no-flexbox .xlarge-10 { width: 83.3333333333%; } body.no-flexbox .xlarge-push-10 { position: relative; left: 83.3333333333%; } body.no-flexbox .xlarge-pull-10 { position: relative; left: -83.3333333333%; } body.no-flexbox .xlarge-offset-9 { margin-left: 75%; } body.no-flexbox .xlarge-11 { width: 91.6666666667%; } body.no-flexbox .xlarge-push-11 { position: relative; left: 91.6666666667%; } body.no-flexbox .xlarge-pull-11 { position: relative; left: -91.6666666667%; } body.no-flexbox .xlarge-offset-10 { margin-left: 83.3333333333%; } body.no-flexbox .xlarge-12 { width: 100%; } body.no-flexbox .xlarge-offset-11 { margin-left: 91.6666666667%; } body.no-flexbox .xlarge-up-1 > .column, body.no-flexbox .xlarge-up-1 > .columns { float: left; width: 100%; } body.no-flexbox .xlarge-up-1 > .column:nth-of-type(1n), body.no-flexbox .xlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xlarge-up-1 > .column:nth-of-type(1n+1), body.no-flexbox .xlarge-up-1 > .columns:nth-of-type(1n+1) { clear: both; } body.no-flexbox .xlarge-up-1 > .column:last-child, body.no-flexbox .xlarge-up-1 > .columns:last-child { float: left; } body.no-flexbox .xlarge-up-2 > .column, body.no-flexbox .xlarge-up-2 > .columns { float: left; width: 50%; } body.no-flexbox .xlarge-up-2 > .column:nth-of-type(1n), body.no-flexbox .xlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xlarge-up-2 > .column:nth-of-type(2n+1), body.no-flexbox .xlarge-up-2 > .columns:nth-of-type(2n+1) { clear: both; } body.no-flexbox .xlarge-up-2 > .column:last-child, body.no-flexbox .xlarge-up-2 > .columns:last-child { float: left; } body.no-flexbox .xlarge-up-3 > .column, body.no-flexbox .xlarge-up-3 > .columns { float: left; width: 33.3333333333%; } body.no-flexbox .xlarge-up-3 > .column:nth-of-type(1n), body.no-flexbox .xlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xlarge-up-3 > .column:nth-of-type(3n+1), body.no-flexbox .xlarge-up-3 > .columns:nth-of-type(3n+1) { clear: both; } body.no-flexbox .xlarge-up-3 > .column:last-child, body.no-flexbox .xlarge-up-3 > .columns:last-child { float: left; } body.no-flexbox .xlarge-up-4 > .column, body.no-flexbox .xlarge-up-4 > .columns { float: left; width: 25%; } body.no-flexbox .xlarge-up-4 > .column:nth-of-type(1n), body.no-flexbox .xlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xlarge-up-4 > .column:nth-of-type(4n+1), body.no-flexbox .xlarge-up-4 > .columns:nth-of-type(4n+1) { clear: both; } body.no-flexbox .xlarge-up-4 > .column:last-child, body.no-flexbox .xlarge-up-4 > .columns:last-child { float: left; } body.no-flexbox .xlarge-up-5 > .column, body.no-flexbox .xlarge-up-5 > .columns { float: left; width: 20%; } body.no-flexbox .xlarge-up-5 > .column:nth-of-type(1n), body.no-flexbox .xlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xlarge-up-5 > .column:nth-of-type(5n+1), body.no-flexbox .xlarge-up-5 > .columns:nth-of-type(5n+1) { clear: both; } body.no-flexbox .xlarge-up-5 > .column:last-child, body.no-flexbox .xlarge-up-5 > .columns:last-child { float: left; } body.no-flexbox .xlarge-up-6 > .column, body.no-flexbox .xlarge-up-6 > .columns { float: left; width: 16.6666666667%; } body.no-flexbox .xlarge-up-6 > .column:nth-of-type(1n), body.no-flexbox .xlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xlarge-up-6 > .column:nth-of-type(6n+1), body.no-flexbox .xlarge-up-6 > .columns:nth-of-type(6n+1) { clear: both; } body.no-flexbox .xlarge-up-6 > .column:last-child, body.no-flexbox .xlarge-up-6 > .columns:last-child { float: left; } body.no-flexbox .xlarge-up-7 > .column, body.no-flexbox .xlarge-up-7 > .columns { float: left; width: 14.2857142857%; } body.no-flexbox .xlarge-up-7 > .column:nth-of-type(1n), body.no-flexbox .xlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xlarge-up-7 > .column:nth-of-type(7n+1), body.no-flexbox .xlarge-up-7 > .columns:nth-of-type(7n+1) { clear: both; } body.no-flexbox .xlarge-up-7 > .column:last-child, body.no-flexbox .xlarge-up-7 > .columns:last-child { float: left; } body.no-flexbox .xlarge-up-8 > .column, body.no-flexbox .xlarge-up-8 > .columns { float: left; width: 12.5%; } body.no-flexbox .xlarge-up-8 > .column:nth-of-type(1n), body.no-flexbox .xlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xlarge-up-8 > .column:nth-of-type(8n+1), body.no-flexbox .xlarge-up-8 > .columns:nth-of-type(8n+1) { clear: both; } body.no-flexbox .xlarge-up-8 > .column:last-child, body.no-flexbox .xlarge-up-8 > .columns:last-child { float: left; } body.no-flexbox .xlarge-collapse > .column, body.no-flexbox .xlarge-collapse > .columns { padding-right: 0; padding-left: 0; } body.no-flexbox .xlarge-collapse .row { margin-right: 0; margin-left: 0; } body.no-flexbox .expanded.row .xlarge-collapse.row { margin-right: 0; margin-left: 0; } body.no-flexbox .xlarge-uncollapse > .column, body.no-flexbox .xlarge-uncollapse > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } body.no-flexbox .xlarge-centered, body.no-flexbox .xlarge-centered:last-child:not(:first-child) { float: none; clear: both; } body.no-flexbox .xlarge-centered { margin-right: auto; margin-left: auto; } body.no-flexbox .xlarge-uncentered, body.no-flexbox .xlarge-uncentered:last-child:not(:first-child), body.no-flexbox .xlarge-push-0, body.no-flexbox .xlarge-push-0:last-child:not(:first-child), body.no-flexbox .xlarge-pull-0, body.no-flexbox .xlarge-pull-0:last-child:not(:first-child) { float: left; clear: none; } body.no-flexbox .xlarge-uncentered:last-child:not(:first-child), body.no-flexbox .xlarge-push-0:last-child:not(:first-child), body.no-flexbox .xlarge-pull-0:last-child:not(:first-child) { float: right; } body.no-flexbox .xlarge-uncentered, body.no-flexbox .xlarge-push-0, body.no-flexbox .xlarge-pull-0 { position: static; margin-right: 0; margin-left: 0; } } @media screen and (min-width: 90em) { body.no-flexbox .xxlarge-1 { width: 8.3333333333%; } body.no-flexbox .xxlarge-push-1 { position: relative; left: 8.3333333333%; } body.no-flexbox .xxlarge-pull-1 { position: relative; left: -8.3333333333%; } body.no-flexbox .xxlarge-offset-0 { margin-left: 0%; } body.no-flexbox .xxlarge-2 { width: 16.6666666667%; } body.no-flexbox .xxlarge-push-2 { position: relative; left: 16.6666666667%; } body.no-flexbox .xxlarge-pull-2 { position: relative; left: -16.6666666667%; } body.no-flexbox .xxlarge-offset-1 { margin-left: 8.3333333333%; } body.no-flexbox .xxlarge-3 { width: 25%; } body.no-flexbox .xxlarge-push-3 { position: relative; left: 25%; } body.no-flexbox .xxlarge-pull-3 { position: relative; left: -25%; } body.no-flexbox .xxlarge-offset-2 { margin-left: 16.6666666667%; } body.no-flexbox .xxlarge-4 { width: 33.3333333333%; } body.no-flexbox .xxlarge-push-4 { position: relative; left: 33.3333333333%; } body.no-flexbox .xxlarge-pull-4 { position: relative; left: -33.3333333333%; } body.no-flexbox .xxlarge-offset-3 { margin-left: 25%; } body.no-flexbox .xxlarge-5 { width: 41.6666666667%; } body.no-flexbox .xxlarge-push-5 { position: relative; left: 41.6666666667%; } body.no-flexbox .xxlarge-pull-5 { position: relative; left: -41.6666666667%; } body.no-flexbox .xxlarge-offset-4 { margin-left: 33.3333333333%; } body.no-flexbox .xxlarge-6 { width: 50%; } body.no-flexbox .xxlarge-push-6 { position: relative; left: 50%; } body.no-flexbox .xxlarge-pull-6 { position: relative; left: -50%; } body.no-flexbox .xxlarge-offset-5 { margin-left: 41.6666666667%; } body.no-flexbox .xxlarge-7 { width: 58.3333333333%; } body.no-flexbox .xxlarge-push-7 { position: relative; left: 58.3333333333%; } body.no-flexbox .xxlarge-pull-7 { position: relative; left: -58.3333333333%; } body.no-flexbox .xxlarge-offset-6 { margin-left: 50%; } body.no-flexbox .xxlarge-8 { width: 66.6666666667%; } body.no-flexbox .xxlarge-push-8 { position: relative; left: 66.6666666667%; } body.no-flexbox .xxlarge-pull-8 { position: relative; left: -66.6666666667%; } body.no-flexbox .xxlarge-offset-7 { margin-left: 58.3333333333%; } body.no-flexbox .xxlarge-9 { width: 75%; } body.no-flexbox .xxlarge-push-9 { position: relative; left: 75%; } body.no-flexbox .xxlarge-pull-9 { position: relative; left: -75%; } body.no-flexbox .xxlarge-offset-8 { margin-left: 66.6666666667%; } body.no-flexbox .xxlarge-10 { width: 83.3333333333%; } body.no-flexbox .xxlarge-push-10 { position: relative; left: 83.3333333333%; } body.no-flexbox .xxlarge-pull-10 { position: relative; left: -83.3333333333%; } body.no-flexbox .xxlarge-offset-9 { margin-left: 75%; } body.no-flexbox .xxlarge-11 { width: 91.6666666667%; } body.no-flexbox .xxlarge-push-11 { position: relative; left: 91.6666666667%; } body.no-flexbox .xxlarge-pull-11 { position: relative; left: -91.6666666667%; } body.no-flexbox .xxlarge-offset-10 { margin-left: 83.3333333333%; } body.no-flexbox .xxlarge-12 { width: 100%; } body.no-flexbox .xxlarge-offset-11 { margin-left: 91.6666666667%; } body.no-flexbox .xxlarge-up-1 > .column, body.no-flexbox .xxlarge-up-1 > .columns { float: left; width: 100%; } body.no-flexbox .xxlarge-up-1 > .column:nth-of-type(1n), body.no-flexbox .xxlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxlarge-up-1 > .column:nth-of-type(1n+1), body.no-flexbox .xxlarge-up-1 > .columns:nth-of-type(1n+1) { clear: both; } body.no-flexbox .xxlarge-up-1 > .column:last-child, body.no-flexbox .xxlarge-up-1 > .columns:last-child { float: left; } body.no-flexbox .xxlarge-up-2 > .column, body.no-flexbox .xxlarge-up-2 > .columns { float: left; width: 50%; } body.no-flexbox .xxlarge-up-2 > .column:nth-of-type(1n), body.no-flexbox .xxlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxlarge-up-2 > .column:nth-of-type(2n+1), body.no-flexbox .xxlarge-up-2 > .columns:nth-of-type(2n+1) { clear: both; } body.no-flexbox .xxlarge-up-2 > .column:last-child, body.no-flexbox .xxlarge-up-2 > .columns:last-child { float: left; } body.no-flexbox .xxlarge-up-3 > .column, body.no-flexbox .xxlarge-up-3 > .columns { float: left; width: 33.3333333333%; } body.no-flexbox .xxlarge-up-3 > .column:nth-of-type(1n), body.no-flexbox .xxlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxlarge-up-3 > .column:nth-of-type(3n+1), body.no-flexbox .xxlarge-up-3 > .columns:nth-of-type(3n+1) { clear: both; } body.no-flexbox .xxlarge-up-3 > .column:last-child, body.no-flexbox .xxlarge-up-3 > .columns:last-child { float: left; } body.no-flexbox .xxlarge-up-4 > .column, body.no-flexbox .xxlarge-up-4 > .columns { float: left; width: 25%; } body.no-flexbox .xxlarge-up-4 > .column:nth-of-type(1n), body.no-flexbox .xxlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxlarge-up-4 > .column:nth-of-type(4n+1), body.no-flexbox .xxlarge-up-4 > .columns:nth-of-type(4n+1) { clear: both; } body.no-flexbox .xxlarge-up-4 > .column:last-child, body.no-flexbox .xxlarge-up-4 > .columns:last-child { float: left; } body.no-flexbox .xxlarge-up-5 > .column, body.no-flexbox .xxlarge-up-5 > .columns { float: left; width: 20%; } body.no-flexbox .xxlarge-up-5 > .column:nth-of-type(1n), body.no-flexbox .xxlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxlarge-up-5 > .column:nth-of-type(5n+1), body.no-flexbox .xxlarge-up-5 > .columns:nth-of-type(5n+1) { clear: both; } body.no-flexbox .xxlarge-up-5 > .column:last-child, body.no-flexbox .xxlarge-up-5 > .columns:last-child { float: left; } body.no-flexbox .xxlarge-up-6 > .column, body.no-flexbox .xxlarge-up-6 > .columns { float: left; width: 16.6666666667%; } body.no-flexbox .xxlarge-up-6 > .column:nth-of-type(1n), body.no-flexbox .xxlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxlarge-up-6 > .column:nth-of-type(6n+1), body.no-flexbox .xxlarge-up-6 > .columns:nth-of-type(6n+1) { clear: both; } body.no-flexbox .xxlarge-up-6 > .column:last-child, body.no-flexbox .xxlarge-up-6 > .columns:last-child { float: left; } body.no-flexbox .xxlarge-up-7 > .column, body.no-flexbox .xxlarge-up-7 > .columns { float: left; width: 14.2857142857%; } body.no-flexbox .xxlarge-up-7 > .column:nth-of-type(1n), body.no-flexbox .xxlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxlarge-up-7 > .column:nth-of-type(7n+1), body.no-flexbox .xxlarge-up-7 > .columns:nth-of-type(7n+1) { clear: both; } body.no-flexbox .xxlarge-up-7 > .column:last-child, body.no-flexbox .xxlarge-up-7 > .columns:last-child { float: left; } body.no-flexbox .xxlarge-up-8 > .column, body.no-flexbox .xxlarge-up-8 > .columns { float: left; width: 12.5%; } body.no-flexbox .xxlarge-up-8 > .column:nth-of-type(1n), body.no-flexbox .xxlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxlarge-up-8 > .column:nth-of-type(8n+1), body.no-flexbox .xxlarge-up-8 > .columns:nth-of-type(8n+1) { clear: both; } body.no-flexbox .xxlarge-up-8 > .column:last-child, body.no-flexbox .xxlarge-up-8 > .columns:last-child { float: left; } body.no-flexbox .xxlarge-collapse > .column, body.no-flexbox .xxlarge-collapse > .columns { padding-right: 0; padding-left: 0; } body.no-flexbox .xxlarge-collapse .row { margin-right: 0; margin-left: 0; } body.no-flexbox .expanded.row .xxlarge-collapse.row { margin-right: 0; margin-left: 0; } body.no-flexbox .xxlarge-uncollapse > .column, body.no-flexbox .xxlarge-uncollapse > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } body.no-flexbox .xxlarge-centered, body.no-flexbox .xxlarge-centered:last-child:not(:first-child) { float: none; clear: both; } body.no-flexbox .xxlarge-centered { margin-right: auto; margin-left: auto; } body.no-flexbox .xxlarge-uncentered, body.no-flexbox .xxlarge-uncentered:last-child:not(:first-child), body.no-flexbox .xxlarge-push-0, body.no-flexbox .xxlarge-push-0:last-child:not(:first-child), body.no-flexbox .xxlarge-pull-0, body.no-flexbox .xxlarge-pull-0:last-child:not(:first-child) { float: left; clear: none; } body.no-flexbox .xxlarge-uncentered:last-child:not(:first-child), body.no-flexbox .xxlarge-push-0:last-child:not(:first-child), body.no-flexbox .xxlarge-pull-0:last-child:not(:first-child) { float: right; } body.no-flexbox .xxlarge-uncentered, body.no-flexbox .xxlarge-push-0, body.no-flexbox .xxlarge-pull-0 { position: static; margin-right: 0; margin-left: 0; } } @media screen and (min-width: 102.5em) { body.no-flexbox .xxxlarge-1 { width: 8.3333333333%; } body.no-flexbox .xxxlarge-push-1 { position: relative; left: 8.3333333333%; } body.no-flexbox .xxxlarge-pull-1 { position: relative; left: -8.3333333333%; } body.no-flexbox .xxxlarge-offset-0 { margin-left: 0%; } body.no-flexbox .xxxlarge-2 { width: 16.6666666667%; } body.no-flexbox .xxxlarge-push-2 { position: relative; left: 16.6666666667%; } body.no-flexbox .xxxlarge-pull-2 { position: relative; left: -16.6666666667%; } body.no-flexbox .xxxlarge-offset-1 { margin-left: 8.3333333333%; } body.no-flexbox .xxxlarge-3 { width: 25%; } body.no-flexbox .xxxlarge-push-3 { position: relative; left: 25%; } body.no-flexbox .xxxlarge-pull-3 { position: relative; left: -25%; } body.no-flexbox .xxxlarge-offset-2 { margin-left: 16.6666666667%; } body.no-flexbox .xxxlarge-4 { width: 33.3333333333%; } body.no-flexbox .xxxlarge-push-4 { position: relative; left: 33.3333333333%; } body.no-flexbox .xxxlarge-pull-4 { position: relative; left: -33.3333333333%; } body.no-flexbox .xxxlarge-offset-3 { margin-left: 25%; } body.no-flexbox .xxxlarge-5 { width: 41.6666666667%; } body.no-flexbox .xxxlarge-push-5 { position: relative; left: 41.6666666667%; } body.no-flexbox .xxxlarge-pull-5 { position: relative; left: -41.6666666667%; } body.no-flexbox .xxxlarge-offset-4 { margin-left: 33.3333333333%; } body.no-flexbox .xxxlarge-6 { width: 50%; } body.no-flexbox .xxxlarge-push-6 { position: relative; left: 50%; } body.no-flexbox .xxxlarge-pull-6 { position: relative; left: -50%; } body.no-flexbox .xxxlarge-offset-5 { margin-left: 41.6666666667%; } body.no-flexbox .xxxlarge-7 { width: 58.3333333333%; } body.no-flexbox .xxxlarge-push-7 { position: relative; left: 58.3333333333%; } body.no-flexbox .xxxlarge-pull-7 { position: relative; left: -58.3333333333%; } body.no-flexbox .xxxlarge-offset-6 { margin-left: 50%; } body.no-flexbox .xxxlarge-8 { width: 66.6666666667%; } body.no-flexbox .xxxlarge-push-8 { position: relative; left: 66.6666666667%; } body.no-flexbox .xxxlarge-pull-8 { position: relative; left: -66.6666666667%; } body.no-flexbox .xxxlarge-offset-7 { margin-left: 58.3333333333%; } body.no-flexbox .xxxlarge-9 { width: 75%; } body.no-flexbox .xxxlarge-push-9 { position: relative; left: 75%; } body.no-flexbox .xxxlarge-pull-9 { position: relative; left: -75%; } body.no-flexbox .xxxlarge-offset-8 { margin-left: 66.6666666667%; } body.no-flexbox .xxxlarge-10 { width: 83.3333333333%; } body.no-flexbox .xxxlarge-push-10 { position: relative; left: 83.3333333333%; } body.no-flexbox .xxxlarge-pull-10 { position: relative; left: -83.3333333333%; } body.no-flexbox .xxxlarge-offset-9 { margin-left: 75%; } body.no-flexbox .xxxlarge-11 { width: 91.6666666667%; } body.no-flexbox .xxxlarge-push-11 { position: relative; left: 91.6666666667%; } body.no-flexbox .xxxlarge-pull-11 { position: relative; left: -91.6666666667%; } body.no-flexbox .xxxlarge-offset-10 { margin-left: 83.3333333333%; } body.no-flexbox .xxxlarge-12 { width: 100%; } body.no-flexbox .xxxlarge-offset-11 { margin-left: 91.6666666667%; } body.no-flexbox .xxxlarge-up-1 > .column, body.no-flexbox .xxxlarge-up-1 > .columns { float: left; width: 100%; } body.no-flexbox .xxxlarge-up-1 > .column:nth-of-type(1n), body.no-flexbox .xxxlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxxlarge-up-1 > .column:nth-of-type(1n+1), body.no-flexbox .xxxlarge-up-1 > .columns:nth-of-type(1n+1) { clear: both; } body.no-flexbox .xxxlarge-up-1 > .column:last-child, body.no-flexbox .xxxlarge-up-1 > .columns:last-child { float: left; } body.no-flexbox .xxxlarge-up-2 > .column, body.no-flexbox .xxxlarge-up-2 > .columns { float: left; width: 50%; } body.no-flexbox .xxxlarge-up-2 > .column:nth-of-type(1n), body.no-flexbox .xxxlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxxlarge-up-2 > .column:nth-of-type(2n+1), body.no-flexbox .xxxlarge-up-2 > .columns:nth-of-type(2n+1) { clear: both; } body.no-flexbox .xxxlarge-up-2 > .column:last-child, body.no-flexbox .xxxlarge-up-2 > .columns:last-child { float: left; } body.no-flexbox .xxxlarge-up-3 > .column, body.no-flexbox .xxxlarge-up-3 > .columns { float: left; width: 33.3333333333%; } body.no-flexbox .xxxlarge-up-3 > .column:nth-of-type(1n), body.no-flexbox .xxxlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxxlarge-up-3 > .column:nth-of-type(3n+1), body.no-flexbox .xxxlarge-up-3 > .columns:nth-of-type(3n+1) { clear: both; } body.no-flexbox .xxxlarge-up-3 > .column:last-child, body.no-flexbox .xxxlarge-up-3 > .columns:last-child { float: left; } body.no-flexbox .xxxlarge-up-4 > .column, body.no-flexbox .xxxlarge-up-4 > .columns { float: left; width: 25%; } body.no-flexbox .xxxlarge-up-4 > .column:nth-of-type(1n), body.no-flexbox .xxxlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxxlarge-up-4 > .column:nth-of-type(4n+1), body.no-flexbox .xxxlarge-up-4 > .columns:nth-of-type(4n+1) { clear: both; } body.no-flexbox .xxxlarge-up-4 > .column:last-child, body.no-flexbox .xxxlarge-up-4 > .columns:last-child { float: left; } body.no-flexbox .xxxlarge-up-5 > .column, body.no-flexbox .xxxlarge-up-5 > .columns { float: left; width: 20%; } body.no-flexbox .xxxlarge-up-5 > .column:nth-of-type(1n), body.no-flexbox .xxxlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxxlarge-up-5 > .column:nth-of-type(5n+1), body.no-flexbox .xxxlarge-up-5 > .columns:nth-of-type(5n+1) { clear: both; } body.no-flexbox .xxxlarge-up-5 > .column:last-child, body.no-flexbox .xxxlarge-up-5 > .columns:last-child { float: left; } body.no-flexbox .xxxlarge-up-6 > .column, body.no-flexbox .xxxlarge-up-6 > .columns { float: left; width: 16.6666666667%; } body.no-flexbox .xxxlarge-up-6 > .column:nth-of-type(1n), body.no-flexbox .xxxlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxxlarge-up-6 > .column:nth-of-type(6n+1), body.no-flexbox .xxxlarge-up-6 > .columns:nth-of-type(6n+1) { clear: both; } body.no-flexbox .xxxlarge-up-6 > .column:last-child, body.no-flexbox .xxxlarge-up-6 > .columns:last-child { float: left; } body.no-flexbox .xxxlarge-up-7 > .column, body.no-flexbox .xxxlarge-up-7 > .columns { float: left; width: 14.2857142857%; } body.no-flexbox .xxxlarge-up-7 > .column:nth-of-type(1n), body.no-flexbox .xxxlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxxlarge-up-7 > .column:nth-of-type(7n+1), body.no-flexbox .xxxlarge-up-7 > .columns:nth-of-type(7n+1) { clear: both; } body.no-flexbox .xxxlarge-up-7 > .column:last-child, body.no-flexbox .xxxlarge-up-7 > .columns:last-child { float: left; } body.no-flexbox .xxxlarge-up-8 > .column, body.no-flexbox .xxxlarge-up-8 > .columns { float: left; width: 12.5%; } body.no-flexbox .xxxlarge-up-8 > .column:nth-of-type(1n), body.no-flexbox .xxxlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } body.no-flexbox .xxxlarge-up-8 > .column:nth-of-type(8n+1), body.no-flexbox .xxxlarge-up-8 > .columns:nth-of-type(8n+1) { clear: both; } body.no-flexbox .xxxlarge-up-8 > .column:last-child, body.no-flexbox .xxxlarge-up-8 > .columns:last-child { float: left; } body.no-flexbox .xxxlarge-collapse > .column, body.no-flexbox .xxxlarge-collapse > .columns { padding-right: 0; padding-left: 0; } body.no-flexbox .xxxlarge-collapse .row { margin-right: 0; margin-left: 0; } body.no-flexbox .expanded.row .xxxlarge-collapse.row { margin-right: 0; margin-left: 0; } body.no-flexbox .xxxlarge-uncollapse > .column, body.no-flexbox .xxxlarge-uncollapse > .columns { padding-right: 0.5rem; padding-left: 0.5rem; } body.no-flexbox .xxxlarge-centered, body.no-flexbox .xxxlarge-centered:last-child:not(:first-child) { float: none; clear: both; } body.no-flexbox .xxxlarge-centered { margin-right: auto; margin-left: auto; } body.no-flexbox .xxxlarge-uncentered, body.no-flexbox .xxxlarge-uncentered:last-child:not(:first-child), body.no-flexbox .xxxlarge-push-0, body.no-flexbox .xxxlarge-push-0:last-child:not(:first-child), body.no-flexbox .xxxlarge-pull-0, body.no-flexbox .xxxlarge-pull-0:last-child:not(:first-child) { float: left; clear: none; } body.no-flexbox .xxxlarge-uncentered:last-child:not(:first-child), body.no-flexbox .xxxlarge-push-0:last-child:not(:first-child), body.no-flexbox .xxxlarge-pull-0:last-child:not(:first-child) { float: right; } body.no-flexbox .xxxlarge-uncentered, body.no-flexbox .xxxlarge-push-0, body.no-flexbox .xxxlarge-pull-0 { position: static; margin-right: 0; margin-left: 0; } } body.no-flexbox .column-block { margin-bottom: 0.625rem; } body.no-flexbox .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 48em) { body.no-flexbox .column-block { margin-bottom: 1rem; } body.no-flexbox .column-block > :last-child { margin-bottom: 0; } } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1em; font-size: inherit; line-height: 1.5; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Cormorant Garamond", serif; font-style: normal; font-weight: 600; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: 2rem; line-height: 1.18; margin-top: 0; margin-bottom: 1rem; } h2, .h2 { font-size: 1.875rem; line-height: 1.18; margin-top: 0; margin-bottom: 1rem; } h3, .h3 { font-size: 1.75rem; line-height: 1.18; margin-top: 0; margin-bottom: 1rem; } h4, .h4 { font-size: 1.5rem; line-height: 1.18; margin-top: 0; margin-bottom: 1rem; } h5, .h5 { font-size: 1.25rem; line-height: 1.18; margin-top: 0; margin-bottom: 1rem; } h6, .h6 { font-size: 1rem; line-height: 1.18; margin-top: 0; margin-bottom: 1rem; } @media print, screen and (min-width: 48em) { h1, .h1 { font-size: 2.125rem; } h2, .h2 { font-size: 2.25rem; } h3, .h3 { font-size: 2rem; } h4, .h4 { font-size: 1.375rem; } h5, .h5 { font-size: 1.375rem; } h6, .h6 { font-size: 1rem; } } a { line-height: inherit; color: #404040; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: rgb(55.04, 55.04, 55.04); } a img { border: 0; } hr { clear: both; max-width: 69rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1em; list-style-position: outside; line-height: 1.5; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ul ol, ol ul, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1em; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.5; color: #8a8a8a; } abbr, abbr[title] { border-bottom: 1px dotted #404040; cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #404040; border-radius: 40px; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.125; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #8a8a8a; font-size: 0.8125rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #404040; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.125rem 0.3125rem 0.0625rem; } .code-block { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #404040; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 48em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } @media screen and (min-width: 80em) { .xlarge-text-left { text-align: left; } .xlarge-text-right { text-align: right; } .xlarge-text-center { text-align: center; } .xlarge-text-justify { text-align: justify; } } @media screen and (min-width: 90em) { .xxlarge-text-left { text-align: left; } .xxlarge-text-right { text-align: right; } .xxlarge-text-center { text-align: center; } .xxlarge-text-justify { text-align: justify; } } @media screen and (min-width: 102.5em) { .xxxlarge-text-left { text-align: left; } .xxxlarge-text-right { text-align: right; } .xxxlarge-text-center { text-align: center; } .xxxlarge-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; color-adjust: economy; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } [data-whatinput=mouse] .button, [data-whatinput=mouse] .single-product-form button.bc-btn--form-submit, .single-product-form [data-whatinput=mouse] button.bc-btn--form-submit { outline: 0; } .button, .single-product-form button.bc-btn--form-submit, .single-product-form button.bc-btn--form-submit[disabled], .single-product-form button.bc-btn--form-submit[disabled]:hover { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.8em 1.9em 0.95em; border: 1px solid transparent; border-radius: 40px; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: "Inter", sans-serif; font-size: 1rem; font-weight: 500; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; } .button.tiny, .single-product-form button.tiny.bc-btn--form-submit { font-size: 0.4rem; } .button.small, .single-product-form button.small.bc-btn--form-submit { font-size: 0.875rem; } .button.large, .single-product-form button.large.bc-btn--form-submit { font-size: 1.25rem; } .button.expanded, .single-product-form button.expanded.bc-btn--form-submit { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button, .single-product-form button.bc-btn--form-submit, .single-product-form button.bc-btn--form-submit[disabled], .single-product-form button.bc-btn--form-submit[disabled]:hover, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { background-color: #931A1D; color: #fff; } .button:hover, .single-product-form button.bc-btn--form-submit:hover, .button:focus, .single-product-form button.bc-btn--form-submit:focus { background-color: #931A1D; color: #fff; } .button.primary, .single-product-form button.primary.bc-btn--form-submit, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { background-color: #931A1D; color: #fff; } .button.primary:hover, .single-product-form button.primary.bc-btn--form-submit:hover, .button.primary:focus, .single-product-form button.primary.bc-btn--form-submit:focus { background-color: rgb(117.6, 20.8, 23.2); color: #fff; } .button.secondary, .single-product-form button.secondary.bc-btn--form-submit, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { background-color: #F7F3ED; color: #404040; } .button.secondary:hover, .single-product-form button.secondary.bc-btn--form-submit:hover, .button.secondary:focus, .single-product-form button.secondary.bc-btn--form-submit:focus { background-color: rgb(217.2153846154, 198.3230769231, 169.9846153846); color: #404040; } .button.success, .single-product-form button.success.bc-btn--form-submit, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { background-color: #405A54; color: #fff; } .button.success:hover, .single-product-form button.success.bc-btn--form-submit:hover, .button.success:focus, .single-product-form button.success.bc-btn--form-submit:focus { background-color: rgb(51.2, 72, 67.2); color: #fff; } .button.warning, .single-product-form button.warning.bc-btn--form-submit, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { background-color: #931A1D; color: #fff; } .button.warning:hover, .single-product-form button.warning.bc-btn--form-submit:hover, .button.warning:focus, .single-product-form button.warning.bc-btn--form-submit:focus { background-color: rgb(117.6, 20.8, 23.2); color: #fff; } .button.alert, .single-product-form button.alert.bc-btn--form-submit, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { background-color: #931A1D; color: #fff; } .button.alert:hover, .single-product-form button.alert.bc-btn--form-submit:hover, .button.alert:focus, .single-product-form button.alert.bc-btn--form-submit:focus { background-color: rgb(117.6, 20.8, 23.2); color: #fff; } .button.hollow, .single-product-form button.hollow.bc-btn--form-submit, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; } .button.hollow, .single-product-form button.hollow.bc-btn--form-submit, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { border: 1px solid #931A1D; color: #931A1D; } .button.hollow:hover, .single-product-form button.hollow.bc-btn--form-submit:hover, .button.hollow:focus, .single-product-form button.hollow.bc-btn--form-submit:focus { border-color: rgb(73.5, 13, 14.5); color: rgb(73.5, 13, 14.5); } .button.hollow.primary, .single-product-form button.hollow.primary.bc-btn--form-submit, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { border: 1px solid #931A1D; color: #931A1D; } .button.hollow.primary:hover, .single-product-form button.hollow.primary.bc-btn--form-submit:hover, .button.hollow.primary:focus, .single-product-form button.hollow.primary.bc-btn--form-submit:focus { border-color: rgb(73.5, 13, 14.5); color: rgb(73.5, 13, 14.5); } .button.hollow.secondary, .single-product-form button.hollow.secondary.bc-btn--form-submit, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { border: 1px solid #F7F3ED; color: #F7F3ED; } .button.hollow.secondary:hover, .single-product-form button.hollow.secondary.bc-btn--form-submit:hover, .button.hollow.secondary:focus, .single-product-form button.hollow.secondary.bc-btn--form-submit:focus { border-color: rgb(167.5384615385, 130.3076923077, 74.4615384615); color: rgb(167.5384615385, 130.3076923077, 74.4615384615); } .button.hollow.success, .single-product-form button.hollow.success.bc-btn--form-submit, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { border: 1px solid #405A54; color: #405A54; } .button.hollow.success:hover, .single-product-form button.hollow.success.bc-btn--form-submit:hover, .button.hollow.success:focus, .single-product-form button.hollow.success.bc-btn--form-submit:focus { border-color: #202d2a; color: #202d2a; } .button.hollow.warning, .single-product-form button.hollow.warning.bc-btn--form-submit, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { border: 1px solid #931A1D; color: #931A1D; } .button.hollow.warning:hover, .single-product-form button.hollow.warning.bc-btn--form-submit:hover, .button.hollow.warning:focus, .single-product-form button.hollow.warning.bc-btn--form-submit:focus { border-color: rgb(73.5, 13, 14.5); color: rgb(73.5, 13, 14.5); } .button.hollow.alert, .single-product-form button.hollow.alert.bc-btn--form-submit, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { border: 1px solid #931A1D; color: #931A1D; } .button.hollow.alert:hover, .single-product-form button.hollow.alert.bc-btn--form-submit:hover, .button.hollow.alert:focus, .single-product-form button.hollow.alert.bc-btn--form-submit:focus { border-color: rgb(73.5, 13, 14.5); color: rgb(73.5, 13, 14.5); } .button.clear, .single-product-form button.clear.bc-btn--form-submit, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { border-color: transparent; background-color: transparent; } .button.clear, .single-product-form button.clear.bc-btn--form-submit, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { color: #931A1D; } .button.clear:hover, .single-product-form button.clear.bc-btn--form-submit:hover, .button.clear:focus, .single-product-form button.clear.bc-btn--form-submit:focus { color: rgb(73.5, 13, 14.5); } .button.clear.primary, .single-product-form button.clear.primary.bc-btn--form-submit, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { color: #931A1D; } .button.clear.primary:hover, .single-product-form button.clear.primary.bc-btn--form-submit:hover, .button.clear.primary:focus, .single-product-form button.clear.primary.bc-btn--form-submit:focus { color: rgb(73.5, 13, 14.5); } .button.clear.secondary, .single-product-form button.clear.secondary.bc-btn--form-submit, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { color: #F7F3ED; } .button.clear.secondary:hover, .single-product-form button.clear.secondary.bc-btn--form-submit:hover, .button.clear.secondary:focus, .single-product-form button.clear.secondary.bc-btn--form-submit:focus { color: rgb(167.5384615385, 130.3076923077, 74.4615384615); } .button.clear.success, .single-product-form button.clear.success.bc-btn--form-submit, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { color: #405A54; } .button.clear.success:hover, .single-product-form button.clear.success.bc-btn--form-submit:hover, .button.clear.success:focus, .single-product-form button.clear.success.bc-btn--form-submit:focus { color: #202d2a; } .button.clear.warning, .single-product-form button.clear.warning.bc-btn--form-submit, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { color: #931A1D; } .button.clear.warning:hover, .single-product-form button.clear.warning.bc-btn--form-submit:hover, .button.clear.warning:focus, .single-product-form button.clear.warning.bc-btn--form-submit:focus { color: rgb(73.5, 13, 14.5); } .button.clear.alert, .single-product-form button.clear.alert.bc-btn--form-submit, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { color: #931A1D; } .button.clear.alert:hover, .single-product-form button.clear.alert.bc-btn--form-submit:hover, .button.clear.alert:focus, .single-product-form button.clear.alert.bc-btn--form-submit:focus { color: rgb(73.5, 13, 14.5); } .button.disabled, .single-product-form button.disabled.bc-btn--form-submit, .button[disabled], .single-product-form button[disabled].bc-btn--form-submit, .single-product-form button[disabled].bc-btn--form-submit:hover { opacity: 0.25; cursor: not-allowed; } .button.dropdown::after, .single-product-form button.dropdown.bc-btn--form-submit::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #fff transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1.9em; } .button.dropdown.hollow::after, .single-product-form button.dropdown.hollow.bc-btn--form-submit::after, .button.dropdown.clear::after, .single-product-form button.dropdown.clear.bc-btn--form-submit::after { border-top-color: #931A1D; } .button.dropdown.hollow.primary::after, .single-product-form button.dropdown.hollow.primary.bc-btn--form-submit::after, .button.dropdown.clear.primary::after, .single-product-form button.dropdown.clear.primary.bc-btn--form-submit::after { border-top-color: #931A1D; } .button.dropdown.hollow.secondary::after, .single-product-form button.dropdown.hollow.secondary.bc-btn--form-submit::after, .button.dropdown.clear.secondary::after, .single-product-form button.dropdown.clear.secondary.bc-btn--form-submit::after { border-top-color: #F7F3ED; } .button.dropdown.hollow.success::after, .single-product-form button.dropdown.hollow.success.bc-btn--form-submit::after, .button.dropdown.clear.success::after, .single-product-form button.dropdown.clear.success.bc-btn--form-submit::after { border-top-color: #405A54; } .button.dropdown.hollow.warning::after, .single-product-form button.dropdown.hollow.warning.bc-btn--form-submit::after, .button.dropdown.clear.warning::after, .single-product-form button.dropdown.clear.warning.bc-btn--form-submit::after { border-top-color: #931A1D; } .button.dropdown.hollow.alert::after, .single-product-form button.dropdown.hollow.alert.bc-btn--form-submit::after, .button.dropdown.clear.alert::after, .single-product-form button.dropdown.clear.alert.bc-btn--form-submit::after { border-top-color: #931A1D; } .button.arrow-only::after, .single-product-form button.arrow-only.bc-btn--form-submit::after { top: -0.1em; float: none; margin-left: 0; } a.button:hover, a.button:focus { text-decoration: none; } [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.81625rem; margin: 0 0 0.875rem; padding: 0.69125rem 20px 0.875rem; border: 1px solid #B0B1B2; border-radius: 40px; background-color: transparent; box-shadow: none; font-family: inherit; font-size: 0.875rem; font-weight: normal; line-height: 1.5; color: #404040; transition: border-color 0.25s ease-in-out; } [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus { outline: none; border: 1px solid #949597; background-color: transparent; box-shadow: none; transition: border-color 0.25s ease-in-out; } [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { appearance: none; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type=submit], [type=button] { appearance: none; border-radius: 40px; } input[type=search] { box-sizing: border-box; } ::placeholder { color: #949597; } [type=file], [type=checkbox], [type=radio] { margin: 0 0 0.875rem; } [type=checkbox] + label, [type=radio] + label { display: inline-block; vertical-align: baseline; margin-left: 0.4375rem; margin-right: 0.875rem; margin-bottom: 0; } [type=checkbox] + label[for], [type=radio] + label[for] { cursor: pointer; } label > [type=checkbox], label > [type=radio] { margin-right: 0.4375rem; } [type=file] { width: 100%; } label { display: block; margin: 0; font-size: 1rem; font-weight: 500; line-height: 1.8; color: #404040; } label.middle { margin: 0 0 0.875rem; padding: 0.5rem 0; } .help-text { margin-top: -0.4375rem; font-size: 0.8125rem; font-style: italic; color: #404040; } .input-group { display: flex; width: 100%; margin-bottom: 0.875rem; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 40px 0 0 40px; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 40px 40px 0; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #404040; text-align: center; white-space: nowrap; display: flex; flex: 0 0 auto; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: flex; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 0.875rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.4375rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 2.81625rem; margin: 0 0 0.875rem; padding: 0.69125rem 20px 0.875rem; appearance: none; border: 1px solid #B0B1B2; border-radius: 40px; background-color: transparent; font-family: inherit; font-size: 0.875rem; font-weight: normal; line-height: 1.5; color: #404040; background-image: url("data:image/svg+xml;utf8,"); } @media screen and (min-width: 0\0 ) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select { background-origin: content-box; background-position: right -0.875rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.3125rem; transition: border-color 0.25s ease-in-out; } select:focus { outline: none; border: 1px solid #949597; background-color: transparent; box-shadow: none; transition: border-color 0.25s ease-in-out; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #931A1D; background-color: rgb(244.2, 232.1, 232.4); } .is-invalid-input:not(:focus)::placeholder { color: #931A1D; } .is-invalid-label { color: #931A1D; } .form-error { display: none; margin-top: -0.4375rem; margin-bottom: 0.875rem; font-size: 0.75rem; font-weight: bold; color: #931A1D; } .form-error.is-visible { display: block; } table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 40px; } thead, tbody, tfoot { border: 1px solid rgb(242.25, 242.25, 242.25); background-color: #fff; } caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; } thead { background: rgb(248.625, 248.625, 248.625); color: #404040; } tfoot { background: rgb(242.25, 242.25, 242.25); color: #404040; } thead tr, tfoot tr { background: transparent; } thead th, thead td, tfoot th, tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } tbody th, tbody td { padding: 0.5rem 0.625rem 0.625rem; } tbody tr:nth-child(even) { border-bottom: 0; background-color: rgb(242.25, 242.25, 242.25); } table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid rgb(242.25, 242.25, 242.25); background-color: #fff; } table.unstriped tbody { background-color: #fff; } @media print, screen and (max-width: 63.99875em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: rgb(243.525, 243.525, 243.525); } table.hover tfoot tr:hover { background-color: rgb(237.15, 237.15, 237.15); } table.hover tbody tr:hover { background-color: rgb(249.9, 249.9, 249.9); } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: rgb(237.15, 237.15, 237.15); } .table-scroll { overflow-x: auto; } .align-left { justify-content: flex-start; } .align-right { justify-content: flex-end; } .align-center { justify-content: center; } .align-justify { justify-content: space-between; } .align-spaced { justify-content: space-around; } .align-left.vertical.menu > li > a { justify-content: flex-start; } .align-right.vertical.menu > li > a { justify-content: flex-end; } .align-center.vertical.menu > li > a { justify-content: center; } .align-top { align-items: flex-start; } .align-self-top { align-self: flex-start; } .align-bottom { align-items: flex-end; } .align-self-bottom { align-self: flex-end; } .align-middle { align-items: center; } .align-self-middle { align-self: center; } .align-stretch { align-items: stretch; } .align-self-stretch { align-self: stretch; } .align-center-middle { justify-content: center; align-items: center; align-content: center; } .small-order-1 { order: 1; } .small-order-2 { order: 2; } .small-order-3 { order: 3; } .small-order-4 { order: 4; } .small-order-5 { order: 5; } .small-order-6 { order: 6; } @media print, screen and (min-width: 48em) { .medium-order-1 { order: 1; } .medium-order-2 { order: 2; } .medium-order-3 { order: 3; } .medium-order-4 { order: 4; } .medium-order-5 { order: 5; } .medium-order-6 { order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { order: 1; } .large-order-2 { order: 2; } .large-order-3 { order: 3; } .large-order-4 { order: 4; } .large-order-5 { order: 5; } .large-order-6 { order: 6; } } @media screen and (min-width: 80em) { .xlarge-order-1 { order: 1; } .xlarge-order-2 { order: 2; } .xlarge-order-3 { order: 3; } .xlarge-order-4 { order: 4; } .xlarge-order-5 { order: 5; } .xlarge-order-6 { order: 6; } } @media screen and (min-width: 90em) { .xxlarge-order-1 { order: 1; } .xxlarge-order-2 { order: 2; } .xxlarge-order-3 { order: 3; } .xxlarge-order-4 { order: 4; } .xxlarge-order-5 { order: 5; } .xxlarge-order-6 { order: 6; } } @media screen and (min-width: 102.5em) { .xxxlarge-order-1 { order: 1; } .xxxlarge-order-2 { order: 2; } .xxxlarge-order-3 { order: 3; } .xxxlarge-order-4 { order: 4; } .xxxlarge-order-5 { order: 5; } .xxxlarge-order-6 { order: 6; } } .flex-container { display: flex; } .flex-child-auto { flex: 1 1 auto; } .flex-child-grow { flex: 1 0 auto; } .flex-child-shrink { flex: 0 1 auto; } .flex-dir-row { flex-direction: row; } .flex-dir-row-reverse { flex-direction: row-reverse; } .flex-dir-column { flex-direction: column; } .flex-dir-column-reverse { flex-direction: column-reverse; } @media print, screen and (min-width: 48em) { .medium-flex-container { display: flex; } .medium-flex-child-auto { flex: 1 1 auto; } .medium-flex-child-grow { flex: 1 0 auto; } .medium-flex-child-shrink { flex: 0 1 auto; } .medium-flex-dir-row { flex-direction: row; } .medium-flex-dir-row-reverse { flex-direction: row-reverse; } .medium-flex-dir-column { flex-direction: column; } .medium-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { .large-flex-container { display: flex; } .large-flex-child-auto { flex: 1 1 auto; } .large-flex-child-grow { flex: 1 0 auto; } .large-flex-child-shrink { flex: 0 1 auto; } .large-flex-dir-row { flex-direction: row; } .large-flex-dir-row-reverse { flex-direction: row-reverse; } .large-flex-dir-column { flex-direction: column; } .large-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 80em) { .xlarge-flex-container { display: flex; } .xlarge-flex-child-auto { flex: 1 1 auto; } .xlarge-flex-child-grow { flex: 1 0 auto; } .xlarge-flex-child-shrink { flex: 0 1 auto; } .xlarge-flex-dir-row { flex-direction: row; } .xlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xlarge-flex-dir-column { flex-direction: column; } .xlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 90em) { .xxlarge-flex-container { display: flex; } .xxlarge-flex-child-auto { flex: 1 1 auto; } .xxlarge-flex-child-grow { flex: 1 0 auto; } .xxlarge-flex-child-shrink { flex: 0 1 auto; } .xxlarge-flex-dir-row { flex-direction: row; } .xxlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xxlarge-flex-dir-column { flex-direction: column; } .xxlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 102.5em) { .xxxlarge-flex-container { display: flex; } .xxxlarge-flex-child-auto { flex: 1 1 auto; } .xxxlarge-flex-child-grow { flex: 1 0 auto; } .xxxlarge-flex-child-shrink { flex: 0 1 auto; } .xxxlarge-flex-dir-row { flex-direction: row; } .xxxlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xxxlarge-flex-dir-column { flex-direction: column; } .xxxlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot?eq8xdl"); src: url("../fonts/icomoon.eot?eq8xdl#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?eq8xdl") format("truetype"), url("../fonts/icomoon.woff?eq8xdl") format("woff"), url("../fonts/icomoon.svg?eq8xdl#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook:before { content: "\e900"; } .icon-instagram:before { content: "\e901"; } .icon-pinterest:before { content: "\e902"; } .icon-twitter:before { content: "\e903"; } .icon-youtube:before { content: "\e904"; } .icon-account:before { content: "\e905"; } .icon-calendar:before { content: "\e906"; } .icon-cart:before { content: "\e907"; } .icon-Check-Mark:before { content: "\e908"; } .icon-Checkout-Checkmark:before { content: "\e909"; } .icon-close-remove:before { content: "\e90a"; } .icon-download:before { content: "\e90b"; } .icon-grid:before { content: "\e90c"; } .icon-Heart-Filled:before { content: "\e90d"; } .icon-Heart-Outline:before { content: "\e90e"; } .icon-paper-plane:before { content: "\e90f"; } .icon-phone:before { content: "\e910"; } .icon-iconmonstr-phone-7:before { content: "\e911"; } .icon-speech-bubble:before { content: "\e912"; } .icon-list:before { content: "\e913"; } .icon-Lock:before { content: "\e914"; } .icon-Phone-Filled:before { content: "\e915"; } .icon-Phone-Ghost:before { content: "\e916"; } .icon-phone:before { content: "\e917"; } .icon-pin:before { content: "\e918"; } .icon-Question:before { content: "\e919"; } .icon-search:before { content: "\e91a"; } .icon-Star-Empty:before { content: "\e91b"; } .icon-Star-Full:before { content: "\e91c"; } .icon-Star-Half:before { content: "\e91d"; } .icon-Store-Locator:before { content: "\e91e"; } .icon-Tip:before { content: "\e91f"; } .icon-cancel:before { content: "\e920"; } .icon-circle-right:before { content: "\e921"; } .icon-circle-left:before { content: "\e922"; } .icon-chevron-right:before { content: "\e923"; } .icon-chevron-left:before { content: "\e924"; } html, body { height: 100%; } body { padding-top: 120px; background-color: #F1EDE9; } @media print, screen and (min-width: 48em) { body { padding-top: 130px; } } @media print, screen and (min-width: 64em) { body { padding-top: 105px; } } body.mobile-nav-visible { overflow: hidden; } body.single-post { background-color: #fff; } .admin-bar .site-header { top: 46px; } @media screen and (min-width: 783px) { .admin-bar .site-header { top: 32px; } } .skip-links { position: absolute; bottom: 100%; left: 0; width: 100%; } .skip-links a { transition: opacity 0.2s ease-out, transform 0.2s ease-out; position: absolute; bottom: 0; right: 50px; z-index: 1000; opacity: 0; } .skip-links a:focus { transform: translateY(114%); opacity: 1; } .row { margin: 0 15px; } @media print, screen and (min-width: 25.875em) { .row { margin: 0 31px; } } @media print, screen and (min-width: 48em) { .row { margin: 0 72px; } } @media print, screen and (min-width: 64em) { .row { margin: 0 20px; } } @media screen and (min-width: 71.5em) { .row { margin-left: auto; margin-right: auto; } } .row .products-list-row { margin: 0 -20px; } @media print, screen and (min-width: 48em) { .row .products-list-row { margin: 0 -80px; } } @media print, screen and (min-width: 64em) { .row .products-list-row { margin: 0 -20px; } } @media screen and (min-width: 71.5em) { .row .products-list-row { margin: 0 -0.5rem; } } img.lazy { transition: opacity 0.25s ease-out; opacity: 0; } img.lazy.loaded { opacity: 1; } .page-container { min-height: 100%; display: flex; flex-direction: column; overflow: hidden; position: relative; } .page-title { font-family: "Cormorant Garamond", serif; } .site-content { padding: 25px 0; } @media print, screen and (min-width: 64em) { .site-content { padding: 50px 0; } } .products-category-page .site-content, .bc-product-single .site-content { padding-top: 30px; } .breadcrumbs { display: none; list-style: none; padding: 0; margin: 0 0 25px 0; font-size: 14px; } @media print, screen and (min-width: 64em) { .breadcrumbs { display: flex; } } .breadcrumbs a { color: #585859; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs li + li { padding-left: 20px; margin-left: 15px; position: relative; } .breadcrumbs li + li::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -3px; height: 5px; width: 5px; background-color: #949597; border-radius: 50%; } .button.primary.hollow:hover, .single-product-form button.primary.hollow.bc-btn--form-submit:hover, .button.primary.hollow:focus, .single-product-form button.primary.hollow.bc-btn--form-submit:focus { background-color: #931A1D; border-color: #931A1D; color: #fff; } .button.secondary.hollow:hover, .single-product-form button.secondary.hollow.bc-btn--form-submit:hover, .button.secondary.hollow:focus, .single-product-form button.secondary.hollow.bc-btn--form-submit:focus { background-color: #fff; border-color: #fff; color: #931A1D; } .button.grey, .single-product-form button.grey.bc-btn--form-submit { background-color: #404040; border-color: #404040; color: #fff; } .button.grey:hover, .single-product-form button.grey.bc-btn--form-submit:hover, .button.grey:focus, .single-product-form button.grey.bc-btn--form-submit:focus { background-color: #1C1C1C; border-color: #1C1C1C; } .button.grey.hollow, .single-product-form button.grey.hollow.bc-btn--form-submit { background-color: transparent; color: #404040; border-color: #404040; } .button.grey.hollow:hover, .single-product-form button.grey.hollow.bc-btn--form-submit:hover, .button.grey.hollow:focus, .single-product-form button.grey.hollow.bc-btn--form-submit:focus { background-color: #404040; color: #fff; border-color: #fff; } .button.small, .single-product-form button.small.bc-btn--form-submit { padding: 0.5em 1em 0.5em; } h2, h4, h5, h6 { font-family: "Inter", sans-serif; font-weight: 500; } h2, h3, h4, h5 { margin: 1.25em 0 0.75em; } h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; } .quantity-container { transition: background-color 0.25s ease-out; background-color: #fff; position: relative; border-radius: 4px; border: 1px solid #949597; display: block; min-width: 90px; padding-right: 30px; padding-left: 30px; } .quantity-container .increase, .quantity-container .decrease { width: 32px; height: 32px; position: absolute; top: 50%; margin-top: -16px; border-radius: 0; } .quantity-container .increase:hover::before, .quantity-container .increase:hover::after, .quantity-container .decrease:hover::before, .quantity-container .decrease:hover::after { border-color: #949597; } .quantity-container .increase { right: 5px; } .quantity-container .increase::before { transition: border-color 0.25s ease-out; content: ""; position: absolute; top: 14px; left: 11px; width: 10px; border-top: 2px solid #949597; } .quantity-container .increase::after { transition: border-color 0.25s ease-out; content: ""; position: absolute; top: 10px; left: 15px; height: 10px; border-left: 2px solid #949597; } .quantity-container .decrease { left: 5px; } .quantity-container .decrease::before { transition: border-color 0.25s ease-out; content: ""; position: absolute; top: 14px; left: 11px; width: 10px; border-top: 2px solid #949597; } .quantity-container input[type=number] { border: none; width: 46px; max-width: 100%; padding-left: 0; padding-right: 0; height: 43px; text-align: center; margin: 0 auto; background-color: transparent; box-shadow: none !important; } @media print, screen and (min-width: 64em) { .quantity-container input[type=number] { margin: 0; } } .quantity-container input[type=number]::-webkit-inner-spin-button, .quantity-container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .quantity-container input[type=number] { -moz-appearance: textfield; } .section-title { font-weight: 600; font-family: "Inter", sans-serif; text-align: center; font-size: 20px; margin-bottom: 35px; text-transform: uppercase; letter-spacing: 0.08em; display: block; } @media print, screen and (min-width: 64em) { .section-title { font-size: 22px; } } .regular-page { padding: 30px 0; } .regular-page-title { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #E2DED9; font-size: 30px; } @media print, screen and (min-width: 64em) { .regular-page-title { font-size: 34px; } } .regular-page-title.faq-page-title { margin-bottom: 0; margin-top: 86px; } @media print, screen and (min-width: 64em) { .regular-page-title.faq-page-title { margin-top: 0; } } .regular-page-content a:not(.button) { text-decoration: underline; color: #931A1D; } .regular-page-content a:not(.button):hover { text-decoration: none; } form .input-container input { border: 1px solid #949597; border-radius: 4px; } form .select-container { border: 1px solid #949597; border-radius: 4px; position: relative; align-items: center; display: flex; margin-left: auto; } form .select-container label { padding: 0 5px 0 20px; margin: 0; font-size: 14px; white-space: nowrap; display: none; } @media print, screen and (min-width: 48em) { form .select-container label { display: initial; } } form .select-container select { font-size: 14px; height: 43px; margin: 0; padding-right: 35px; padding-left: 5px; border: none; background-origin: content-box; background-position: right -1.125rem center; background-repeat: no-repeat; background-size: 9px 6px; background-image: url("data:image/svg+xml;utf8,"); border-radius: 0; } form .select-container select:focus { outline: 2px solid; } .panel-wrapper { transition: transform 0.25s ease-out, background-color 0.15s ease-out 0.25s; position: fixed; top: 0; right: 100%; height: 100%; width: auto; z-index: 50; padding: 105px 0 0 0; display: none; } .panel-wrapper.panel-visible { display: flex; transform: translate(100%); width: 100%; background-color: rgba(0, 0, 0, 0.2); } .panel-wrapper.panel-level-1-visible .panel-level-1 { transform: translateX(0); transition-delay: 0.25s; } .panel-wrapper.panel-level-1-visible .panel-level-0 .panel-close { opacity: 0; visibility: hidden; } .panel-wrapper.panel-level-2-visible .panel-level-2 { transform: translateX(0); transition-delay: 0.25s; } .panel-wrapper .panel { height: auto; width: 100%; background-color: #fff; position: absolute; padding-top: 20px; padding-bottom: 50px; } .panel-wrapper .panel-close { transition: opacity 0.25s ease-out, visibility 0.25s ease-out; position: absolute; top: 20px; right: 20px; font-size: 20px; line-height: 1; cursor: pointer; } .panel-wrapper .panel-close::before { font-family: "icomoon"; content: "\e90a"; } .panel-wrapper .panel-level-0 { width: 100%; padding-left: 140px; padding-right: 30px; z-index: 2; /*overflow-y: scroll;*/ } .panel-wrapper .panel-level-1 { width: 375px; padding-left: 50px; padding-right: 30px; position: relative; transition: transform 0.1s ease-out; transform: translateX(-100%); z-index: 1; /*overflow-y: scroll;*/ } .panel-wrapper .panel-level-1::before { content: ""; position: absolute; left: 0; top: 50px; height: 100%; border-left: 1px solid #E2DED9; height: calc(100% - 100px); } .panel-wrapper .panel-level-2 { background-color: rgba(0, 0, 0, 0.2); z-index: 0; transition: transform 0.1s ease-out; transform: translateX(-100%); flex-grow: 1; /*overflow-y: scroll;*/ } .panel-wrapper .panel-level-2 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .panel-wrapper button { border-radius: 0; } .panel-wrapper .shop-all { font-family: "Cormorant Garamond", serif; font-size: 14px; position: relative; display: inline-block; padding-right: 30px; margin-bottom: 30px; } .panel-wrapper .shop-all span { content: ""; position: relative; left: 10px; margin-top: -8px; font-size: 17px; } .panel-wrapper a:hover { text-decoration: underline; } .panel-wrapper .sub-menu { list-style: none; padding: 0; margin: 0; } .panel-wrapper .sub-menu-level-1 { display: flex; justify-content: space-around; align-items: flex-start; flex-flow: row wrap; } .panel-wrapper .sub-menu-level-1 .shop-all-item { flex: 0 0 100%; } .panel-wrapper .sub-menu-level-2 { line-height: 1; } .panel-wrapper .sub-menu-level-2 .menu-item + .menu-item { margin-top: 14px; } .panel-wrapper .sub-menu-level-3 { margin-top: 14px; } .panel-wrapper .menu-item-link-1 { font-family: "Cormorant Garamond", serif; line-height: 2; } .panel-wrapper .menu-item-link:not(.menu-item-link-1) { font-size: 14px; } .products-list { margin-bottom: 20px; } .pagination { margin-bottom: 20px; text-align: center; line-height: 1; position: relative; padding: 0 100px; } .pagination .prev { position: absolute; top: 0; left: 0; } .pagination .next { position: absolute; top: 0; right: 0; } .pagination .page-numbers { padding: 6px; min-width: 30px; border: 1px solid transparent; display: inline-block; } .pagination .page-numbers.current { border-color: #E2DED9; } textarea { border-radius: 20px; resize: none; } label { margin: 0 0 10px 0; } select { padding-right: 30px; font-size: 0.875rem; } blockquote { background-color: #F7F3ED; text-align: center; border: none; padding: 25px; margin: 1.5em 0; } @media print, screen and (min-width: 64em) { blockquote { margin: 2em 0; padding: 50px; } } blockquote p { font-family: "Cormorant Garamond", serif; font-size: 24px; font-weight: 600; line-height: 1.45; color: #404040; } @media print, screen and (min-width: 64em) { blockquote p { font-size: 28px; } } blockquote cite { font-style: normal; color: #404040; font-weight: 500; } .nav-404 { padding: 30px 0; } .nav-404 .nav-title { display: block; margin-bottom: 1em; color: #949597; } .nav-404 .menu { list-style: none; padding: 0; margin: 0; font-size: 14px; } .nav-404 .menu a { text-decoration: none; } .nav-404 .menu a:hover { text-decoration: underline; } .nav-404 .menu li { margin-bottom: 1em; } .nav-404 nav { max-width: 240px; margin: 0 auto 50px auto; } .styled-checkbox input[type=checkbox] { display: none; } .styled-checkbox input[type=checkbox] + label { position: relative; padding-left: 25px; font-size: 14px; font-weight: normal; } .styled-checkbox input[type=checkbox] + label::before { content: ""; position: absolute; top: 4px; left: 0; width: 16px; height: 16px; border: 1px solid; } .styled-checkbox input[type=checkbox]:checked + label::after { content: ""; position: absolute; top: 6px; left: 5px; width: 6px; height: 9px; border-bottom: 2px solid; transform-origin: 50% 50%; transform: rotate(36deg); border-right: 2px solid; } .wp-block-gallery .blocks-gallery-item__caption a { color: #fff; } .wp-block-image figcaption { text-align: center; } .sr-only { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } #loginform { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-end; align-items: flex-end; justify-content: space-around; } #loginform .login-username, #loginform .login-password { flex-grow: 1; margin-right: 16px; } #loginform .other-data { width: 100%; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-evenly; } @media print, screen and (min-width: 48em) { #loginform .other-data { flex-direction: row; } } #loginform .other-data a { color: #872623; text-decoration: underline; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 0 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #FFF; border: 1px solid #F0F0F0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { outline: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots button { text-indent: -9999px; } span.bigcommerce-cart__item-count { font-family: "Inter", sans-serif; font-size: 10px; font-weight: normal; position: absolute; top: 50%; left: 100%; text-align: center; font-size: 10px; color: #931a1d; background-color: transparent; width: auto; height: auto; line-height: 1; margin-top: -6px; margin-left: 5px; } .bc-product-single { max-width: none; padding: 0; } .bc-product__pricing { font-size: 22px; font-weight: 500; color: #242424; } .bc-product__pricing--cached, .bc-product__pricing--api { display: flex; } .bc-product__pricing--cached span, .bc-product__pricing--api span { margin-right: 10px; } .bc-cart .bc-cart-item-total-price { flex: none; font-size: 16px; font-weight: 500; display: block; width: 100%; text-align: end; margin: 0; padding: 10px 0; line-height: 1.6; } .bc-cart .bc-cart-item__remove-button { color: #949597; text-decoration: underline; font-size: 14px; font-weight: 500; display: inline; cursor: pointer; } .bc-cart .bc-cart-item__remove-button:hover { text-decoration: none; } .bc-cart .bc-cart-header > div { font-weight: 500; } .bc-cart-body { margin-bottom: 30px; } .bc-cart-footer .bc-cart-subtotal, .bc-cart-footer .bc-cart-tax { padding: 17px 0; border-top: 1px solid #E2DED9; } .bc-cart-footer .bc-cart-subtotal__label, .bc-cart-footer .bc-cart-subtotal__amount, .bc-cart-footer .bc-cart-tax__label, .bc-cart-footer .bc-cart-tax__amount { padding: 0; margin: 0; font-size: 16px; font-weight: 400; } .bc-cart-footer .bc-cart-subtotal__label, .bc-cart-footer .bc-cart-tax__label { text-align: left; } .bc-cart-footer .bc-cart-subtotal__amount, .bc-cart-footer .bc-cart-tax__amount { text-align: right; } .bc-cart-footer .bc-cart-actions { border-top: 1px solid #E2DED9; margin: 0; padding-top: 30px; } .bc-cart-footer .bc-cart-actions__checkout-button { background-color: #404040; border-radius: 40px; display: block; max-width: none; text-transform: none; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 500; } .bc-cart-footer .bc-cart-actions__checkout-button:hover { background-color: #1C1C1C; } .bc-account-addresses__list { justify-content: space-between; margin: 0 -8px !important; } .bc-account-addresses__item { font-size: 14px; margin: 0 8px 16px !important; box-shadow: none !important; transform: none !important; background-color: transparent; border: 1px solid #E2DED9; flex-basis: calc(50% - 16px); max-width: calc(50% - 16px); width: calc(50% - 16px); } .bc-account-addresses__add-button, .bc-account-addresses__add-button:hover { border: none !important; background-color: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; } .bc-account-addresses .account-address__name { display: block; margin: 0 0 1em 0; } .bc-account-addresses .account-address span { display: block; } .bc-account-page { padding: 0; border: none; } .bc-form select { font-family: "Inter", sans-serif; font-size: 0.875rem; padding-right: 30px; } button.bc-btn { border-radius: 40px; } .bc-product-grid > .bc-product-card { margin-bottom: 0; } .bc-pdp-wish-lists { z-index: 10; } .cwr-footer { width: 100%; color: #181717; } .cwr-footer .menu { list-style: none; margin: 0; padding: 0; } .cwr-footer a { text-decoration: none; } .cwr-footer__cap { background-color: #405953; color: #f1ede9; padding: 36px 72px; } .cwr-footer__cap-inner { max-width: 1296px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .cwr-footer__cap-heading { font-family: "Cormorant", serif; font-style: italic; font-weight: 700; font-size: 32px; line-height: 1.2; color: #f1ede9; margin: 0; } .cwr-footer__cap-cta { display: inline-flex; align-items: center; justify-content: center; padding: 14px 32px; border: 1px solid #f1ede9; border-radius: 100px; font-family: "Avenir", sans-serif; font-weight: 500; font-size: 16px; line-height: 1.4; color: #f1ede9; white-space: nowrap; transition: all 0.2s ease-in-out; } .cwr-footer__cap-cta:hover, .cwr-footer__cap-cta:focus { background-color: #f1ede9; color: #405953; } .cwr-footer__menu { background-color: #f1ede9; padding: 56px 72px 64px; } .cwr-footer__menu-inner { max-width: 1296px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1.6fr; grid-template-areas: "brand brand brand brand" "directory company help newsletter"; column-gap: 48px; row-gap: 40px; align-items: start; } .cwr-footer__brand { grid-area: brand; display: inline-flex; align-items: center; justify-self: start; } .cwr-footer__brand img { max-width: 200px; height: auto; display: block; } .cwr-footer__nav--directory { grid-area: directory; } .cwr-footer__nav--company { grid-area: company; } .cwr-footer__nav--help { grid-area: help; } .cwr-footer__newsletter { grid-area: newsletter; } .cwr-footer__nav { display: flex; flex-direction: column; } .cwr-footer__nav .menu li { list-style: none; } .cwr-footer__nav .menu a { display: inline-block; font-family: "Avenir", sans-serif; font-weight: 350; font-size: 16px; line-height: 1.6; color: #181717; padding: 4px 0; } .cwr-footer__nav .menu a:hover, .cwr-footer__nav .menu a:focus { color: #bf7c76; } .cwr-footer__nav-title { display: block; font-family: "Avenir", sans-serif; font-style: normal; font-weight: 800; font-size: 16px; line-height: 1.25; color: #181717; text-align: left; margin-bottom: 8px; padding-bottom: 12px; border-bottom: 1px solid rgba(24, 23, 23, 0.15); } .cwr-footer__newsletter-body { font-family: "Avenir", sans-serif; font-weight: 350; font-size: 14px; line-height: 1.55; color: #181717; margin: 0 0 24px; max-width: 360px; } .cwr-footer__newsletter-form { margin: 0; } .cwr-footer__newsletter-row { display: flex; align-items: stretch; background-color: #fff; border-radius: 100px; padding: 0; max-width: 460px; overflow: hidden; } .cwr-footer__newsletter-input { flex: 1; min-width: 0; border: 0; margin: 0; background: transparent; height: 58px; padding: 0 24px; box-sizing: border-box; font-family: "Avenir", sans-serif; font-size: 15px; line-height: normal; color: #181717; appearance: none; -webkit-appearance: none; } .cwr-footer__newsletter-input::placeholder { color: rgba(24, 23, 23, 0.45); } .cwr-footer__newsletter-input:focus { outline: none; } .cwr-footer__newsletter-submit { flex: 0 0 auto; align-self: stretch; padding: 0 32px; background-color: #bf7c76; color: #fff; border: 0; border-radius: 100px; font-family: "Avenir", sans-serif; font-weight: 500; font-size: 15px; cursor: pointer; transition: all 0.2s ease-in-out; } .cwr-footer__newsletter-submit:hover, .cwr-footer__newsletter-submit:focus { background-color: rgb(178.0089552239, 97.4089552239, 90.1910447761); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .cwr-footer__bar { background-color: #758580; color: #f1ede9; padding: 18px 72px; } .cwr-footer__bar-inner { max-width: 1296px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .cwr-footer__bar-left { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; font-family: "Avenir", sans-serif; font-weight: 350; font-size: 13px; line-height: 1.4; color: #f1ede9; } .cwr-footer__copyright { color: #f1ede9; } .cwr-footer__bar-nav .menu { display: flex; flex-wrap: wrap; gap: 16px 24px; } .cwr-footer__bar-nav .menu a { font-family: "Avenir", sans-serif; font-size: 13px; font-weight: 350; color: #f1ede9; } .cwr-footer__bar-nav .menu a:hover, .cwr-footer__bar-nav .menu a:focus { color: #fff; text-decoration: underline; } .cwr-footer__socials { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; list-style: none; } .cwr-footer__social { list-style: none; } .cwr-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #f1ede9; transition: all 0.2s ease-in-out; } .cwr-footer__social a:hover, .cwr-footer__social a:focus { opacity: 0.85; } .cwr-footer__social img { width: 100%; height: 100%; display: block; } .cwr-footer__social [class^=icon-] { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #fff; color: #758580; border-radius: 50%; font-size: 14px; line-height: 1; } @media (max-width: 960px) { .cwr-footer__cap { padding: 28px 24px; } .cwr-footer__cap-inner { flex-direction: column; text-align: center; gap: 18px; } .cwr-footer__cap-heading { font-size: 28px; } .cwr-footer__menu { padding: 40px 24px 48px; } .cwr-footer__menu-inner { grid-template-columns: 1fr; grid-template-areas: "brand" "directory" "company" "help" "newsletter"; row-gap: 0; } .cwr-footer__brand { justify-self: center; margin: 0 auto 16px; } .cwr-footer__brand img { max-width: 180px; } .cwr-footer__nav { border-bottom: 1px solid rgba(24, 23, 23, 0.15); } .cwr-footer__nav .menu { display: none; } .cwr-footer__nav-title { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 18px 0; border-bottom: 0; font-weight: 700; } .cwr-footer__nav-title::after { content: "›"; font-size: 22px; color: rgba(24, 23, 23, 0.5); } .cwr-footer__newsletter { margin-top: 24px; text-align: left; } .cwr-footer__newsletter .cwr-footer__nav-title { padding: 0 0 8px; border-bottom: 1px solid rgba(24, 23, 23, 0.15); margin-bottom: 16px; } .cwr-footer__newsletter .cwr-footer__nav-title::after { content: none; } .cwr-footer__newsletter-row { max-width: none; } .cwr-footer__bar { padding: 28px 24px; } .cwr-footer__bar-inner { flex-direction: column; gap: 18px; text-align: center; } .cwr-footer__bar-left { flex-direction: column; align-items: center; text-align: center; } .cwr-footer__bar-nav .menu { justify-content: center; } .cwr-footer__socials { justify-content: center; } } @media (max-width: 480px) { .cwr-footer__cap { padding: 24px 20px; } .cwr-footer__menu { padding: 32px 20px 40px; } .cwr-footer__bar { padding: 24px 20px; } } .category-header { background-color: #F7F3ED; padding: 50px 0; } .category-header.has-sub-categories { padding-bottom: 40px; } @media print, screen and (min-width: 64em) { .category-header { padding-top: 75px; } } .category-header h1 { margin: 0 0 20px 0; font-size: 30px; } @media print, screen and (min-width: 64em) { .category-header h1 { font-size: 34px; margin: 0; } } .category-header p:last-child { margin-bottom: 0; } .category-header .child-categories { margin-top: 45px; } .category-header .child-category { display: flex; align-items: center; background-color: #fff; padding: 5px 5px 5px 15px; border-radius: 4px; border: 1px solid #E2DED9; transition: box-shadow 0.25s ease-out; margin-bottom: 10px; } .category-header .child-category img + span { margin-left: 15px; } .category-header .child-category:hover { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1607843137); } .category-header .child-category:hover span { text-decoration: underline; } .category-header + .flexible-blocks { margin-top: 75px; } .category-products-form .total-items { color: #585859; font-size: 14px; text-align: center; display: block; padding: 25px 0 0 0; } @media print, screen and (min-width: 48em) { .category-products-form .total-items { padding: 0; text-align: left; } } .category-content-header { margin-bottom: 35px; } .category-sidebar { margin-bottom: 50px; } @media screen and (min-width: 80em) { .category-sidebar { padding-right: 20px; } } .category-sidebar-title { padding-top: 5px; margin-bottom: 15px; display: block; } .category-sidebar .selected-filters { display: flex; flex-wrap: wrap; font-size: 14px; margin-bottom: 10px; } .category-sidebar .selected-filters span { background-color: #E2DED9; padding: 3px 26px 3px 8px; margin-bottom: 5px; margin-right: 5px; position: relative; cursor: pointer; } .category-sidebar .selected-filters span::before { position: absolute; font-family: icomoon; content: "\e920"; right: 7px; line-height: 1; top: 50%; transform: translateY(-50%); } .category-sidebar .category-filters { margin-top: 5px; } .category-sidebar dl { line-height: 1.2; margin: 0; border-bottom: 1px solid #E2DED9; } .category-sidebar dl dt { padding: 1em 0 1em; margin: 0; font-weight: 500; cursor: pointer; border-top: 1px solid #E2DED9; } .category-sidebar dl dt.expanded button::after { display: none; } .category-sidebar dl dt.expanded + dd { display: block; } .category-sidebar dl dt button { border-radius: 0; display: block; position: relative; width: 100%; text-align: left; cursor: pointer; } .category-sidebar dl dt button:before { content: ""; position: absolute; top: 50%; right: 0; width: 12px; margin-top: -1px; border-top: 2px solid #404040; } .category-sidebar dl dt button:after { content: ""; position: absolute; top: 50%; margin-top: -6px; right: 5px; height: 12px; border-left: 2px solid #404040; } .category-sidebar dl dd { padding: 0 0 1.25em 0; display: none; font-size: 14px; } .category-sidebar dl .filter-group-label { padding: 1em 0; font-size: 20px; display: block; } .category-sidebar dl ul + .filter-group-label { margin-top: 15px; } .category-sidebar dl ul { list-style: none; margin: 0; padding: 0; line-height: inherit; } .category-sidebar dl ul li + li { margin-top: 10px; } .category-sidebar dl ul a:hover { text-decoration: underline; } .category-sidebar .styled-checkbox input[type=checkbox] + label { margin: 0; display: block; padding-left: 30px; } .category-sidebar .styled-checkbox input[type=checkbox] + label::before { width: 20px; height: 20px; top: 3px; } .category-sidebar .styled-checkbox input[type=checkbox]:checked + label::after { left: 7px; width: 6px; height: 11px; border-color: #931A1D; } .cwr-all-categories-hero { width: 100%; background-color: #fff; } .cwr-all-categories-hero__media { position: relative; width: 100%; aspect-ratio: 1440/400; background-color: #f1ede9; overflow: hidden; } @media (max-width: 768px) { .cwr-all-categories-hero__media { aspect-ratio: 4/3; } } .cwr-all-categories-hero__video, .cwr-all-categories-hero__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .cwr-all-categories { background-color: #fff; padding: 48px 0 45px; } .cwr-all-categories__header { padding: 0 60px; margin-bottom: 16px; } @media (max-width: 900px) { .cwr-all-categories__header { padding: 0 24px; } } .cwr-all-categories__title { font-family: "Cormorant", serif; font-weight: 700; font-size: 60px; line-height: 1.15; color: #405953; margin: 0; } @media (max-width: 1024px) { .cwr-all-categories__title { font-size: 48px; } } @media (max-width: 600px) { .cwr-all-categories__title { font-size: 36px; } } .cwr-all-categories__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 24px; padding: 0 60px; } @media (max-width: 1200px) { .cwr-all-categories__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 900px) { .cwr-all-categories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 24px; } } @media (max-width: 540px) { .cwr-all-categories__grid { grid-template-columns: minmax(0, 1fr); } } .cwr-all-categories__card { position: relative; display: flex; flex-direction: column; padding-bottom: 64px; text-decoration: none; color: inherit; } .cwr-all-categories__card::before { content: ""; position: absolute; left: 0; right: 0; top: 38%; bottom: 24px; background-color: #f1ede9; border-radius: 20px; z-index: 0; } .cwr-all-categories__card:hover .cwr-all-categories__card-arrow, .cwr-all-categories__card:focus-visible .cwr-all-categories__card-arrow { opacity: 1; } .cwr-all-categories__card-media { position: relative; z-index: 1; aspect-ratio: 1/0.85; margin-bottom: 24px; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; } .cwr-all-categories__card-media img { max-width: 85%; max-height: 100%; object-fit: contain; pointer-events: none; } .cwr-all-categories__card-panel { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 0 20px; text-align: center; } .cwr-all-categories__card-title { font-family: "Avenir", sans-serif; font-weight: 800; font-size: 18px; line-height: 1.25; letter-spacing: 1.44px; text-transform: uppercase; color: #181717; margin: 0; } .cwr-all-categories__card-tagline { font-family: "Avenir", sans-serif; font-weight: 500; font-size: 14px; line-height: 1.6; color: #5c6161; margin: 0; } .cwr-all-categories__card-arrow { position: absolute; bottom: 0; left: 50%; width: 48px; height: 48px; z-index: 2; display: flex; align-items: center; justify-content: center; background-color: #bf7c76; color: #fff; opacity: 0; transform: translateX(-50%); transition: opacity 0.25s ease; pointer-events: none; } .cwr-all-categories__card-arrow svg { display: block; width: 28px; height: 28px; } @media (hover: none) { .cwr-all-categories__card-arrow { opacity: 1; } } .cwr-cozy-club-cta { display: grid; grid-template-columns: 1fr 1fr; min-height: 541px; } @media (max-width: 900px) { .cwr-cozy-club-cta { grid-template-columns: 1fr; min-height: 0; } } .cwr-cozy-club-cta__media { background-color: #f1ede9; background-image: url("../img/cwr-cozy-club-cta.jpg"); background-size: cover; background-position: center; } @media (max-width: 900px) { .cwr-cozy-club-cta__media { aspect-ratio: 4/3; } } .cwr-cozy-club-cta__panel { background-color: #405953; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 64px; padding: 80px 120px; color: #fff; } @media (max-width: 1200px) { .cwr-cozy-club-cta__panel { padding: 64px 72px; gap: 48px; } } @media (max-width: 600px) { .cwr-cozy-club-cta__panel { padding: 48px 24px; gap: 32px; } } .cwr-cozy-club-cta__text { display: flex; flex-direction: column; gap: 24px; width: 100%; max-width: 480px; } .cwr-cozy-club-cta__title { font-family: "Cormorant", serif; font-weight: 700; font-size: 60px; line-height: 1.15; color: #fff; margin: 0; } @media (max-width: 1024px) { .cwr-cozy-club-cta__title { font-size: 48px; } } @media (max-width: 600px) { .cwr-cozy-club-cta__title { font-size: 36px; } } .cwr-cozy-club-cta__body { font-family: "Avenir", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.65; color: #fff; margin: 0; } .cwr-cozy-club-cta__form { display: flex; align-items: center; gap: 0; background-color: #fcfbf9; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 100px; padding: 4px 4px 4px 24px; max-width: 480px; width: 100%; } .cwr-cozy-club-cta__input { flex: 1 1 auto; min-width: 0; margin: 0; border: 0; background: transparent; font-family: "Avenir", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.65; color: #181717; padding: 8px 0; outline: none; } .cwr-cozy-club-cta__input::placeholder { color: rgba(24, 23, 23, 0.5); } .cwr-cozy-club-cta__submit { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; background-color: #bf7c76; color: #fff; border: 0; border-radius: 100px; font-family: "Avenir", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.65; padding: 12px 24px; min-width: 140px; cursor: pointer; transition: opacity 0.2s ease; } .cwr-cozy-club-cta__submit:hover, .cwr-cozy-club-cta__submit:focus { opacity: 0.9; } .cwr-category-hero { position: relative; width: 100%; min-height: 411px; background-color: #f1ede9; overflow: hidden; } @media (max-width: 768px) { .cwr-category-hero { min-height: 0; } } .cwr-category-hero__media { position: absolute; inset: 0; width: 100%; height: 100%; background-color: #f1ede9; overflow: hidden; } .cwr-category-hero__video, .cwr-category-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .cwr-category-hero--overlay .cwr-category-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(24, 23, 23, 0.2) 0%, rgba(24, 23, 23, 0.2) 100%); pointer-events: none; } .cwr-category-hero__video--mobile, .cwr-category-hero__image--mobile { display: none; } @media (max-width: 768px) { .cwr-category-hero__media:has(.cwr-category-hero__video--mobile) .cwr-category-hero__video--desktop, .cwr-category-hero__media:has(.cwr-category-hero__video--mobile) .cwr-category-hero__image--desktop, .cwr-category-hero__media:has(.cwr-category-hero__image--mobile) .cwr-category-hero__video--desktop, .cwr-category-hero__media:has(.cwr-category-hero__image--mobile) .cwr-category-hero__image--desktop { display: none; } .cwr-category-hero__video--mobile, .cwr-category-hero__image--mobile { display: block; } } .cwr-category-hero__overlay { position: relative; z-index: 1; min-height: 411px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 120px; } @media (max-width: 768px) { .cwr-category-hero__overlay { min-height: 0; padding: 60px 15px; } } .cwr-category-hero__content { display: flex; flex-direction: column; gap: 28px; text-align: left; } .cwr-category-hero__title { font-family: "Cormorant", serif; font-weight: 700; font-size: 100px; line-height: 100%; margin: 0; color: #fff; } @media (max-width: 768px) { .cwr-category-hero__title { font-size: 80px; line-height: 110%; } } .cwr-category-hero__tagline { font-family: "Avenir", sans-serif; font-weight: 500; font-size: 32px; line-height: 135%; margin: 0; color: #fff; } @media (max-width: 768px) { .cwr-category-hero__tagline { font-size: 24px; } } .cwr-category-hero--no-media .cwr-category-hero__title, .cwr-category-hero--no-media .cwr-category-hero__tagline { color: #404040; } .cwr-cat-listing { background: #fff; padding: 40px 120px 90px; } @media (max-width: 900px) { .cwr-cat-listing { padding: 36px 24px 48px; } } .cwr-cat-listing__heading { font-family: "Cormorant", serif; font-weight: 700; font-size: 72px; line-height: 120%; text-align: center; color: #181717; margin: 0 0 48px; } @media (max-width: 768px) { .cwr-cat-listing__heading { font-size: 64px; line-height: 110%; margin-bottom: 32px; } } .cwr-cat-listing__sort { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-bottom: 80px; } @media (max-width: 768px) { .cwr-cat-listing__sort { gap: 8px; margin: 0 -16px 48px; } .cwr-cat-listing__sort .cwr-cat-listing__pill { padding: 12px 14px; } } .cwr-cat-listing__pill { flex: 0 0 auto; box-sizing: border-box; display: flex; height: 50px; padding: 12px 32px; justify-content: center; align-items: center; gap: 8px; text-align: center; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 500; line-height: 160%; color: #405953; background: transparent; border: 1px solid #405953; border-radius: 100px; text-decoration: none; white-space: nowrap; transition: background-color 0.2s ease, color 0.2s ease; } .cwr-cat-listing__pill:hover { background: rgba(64, 89, 83, 0.08); color: #405953; } .cwr-cat-listing__pill.is-active { background: #405953; border-color: #405953; color: #fff; } .cwr-cat-listing__meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; } @media (max-width: 768px) { .cwr-sale-page .cwr-cat-listing__meta { flex-direction: column; align-items: flex-start; gap: 12px; } } .cwr-cat-listing__count { font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 500; line-height: 160%; color: rgba(24, 23, 23, 0.5); } .cwr-cat-listing__perpage { box-sizing: border-box; display: inline-flex; height: 50px; align-items: center; gap: 8px; background: #bba58f; border-radius: 100px; padding: 12px 32px; color: #fff; } .cwr-cat-listing__perpage-label { font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 500; line-height: 160%; color: #fff; margin: 0; cursor: pointer; } .cwr-cat-listing__perpage-value { position: relative; display: inline-flex; align-items: center; color: #fff; } .cwr-cat-listing__perpage-value select { appearance: none; -webkit-appearance: none; background: transparent; border: 0; color: #fff; text-align: center; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 500; line-height: 160%; padding: 0 26px 0 0; margin: 0; cursor: pointer; } .cwr-cat-listing__perpage-value select:focus { outline: none; } .cwr-cat-listing__perpage-value select option { color: #181717; } .cwr-cat-listing__perpage-caret { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 9px; pointer-events: none; } .cwr-cat-listing__perpage-caret svg { width: 100%; height: 100%; display: block; } .cwr-cat-listing__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 48px; } @media (max-width: 768px) { .cwr-cat-listing__grid { grid-template-columns: repeat(2, 1fr); gap: 32px 12px; } } .cwr-cat-listing__grid .cwr-cat-card { max-width: 261px; justify-self: center; } .cwr-cat-listing__empty { font-family: "Avenir", sans-serif; font-size: 16px; color: rgba(24, 23, 23, 0.5); text-align: center; padding: 40px 0; } .cwr-cat-card { display: flex; flex-direction: column; } .cwr-cat-card__image { display: block; aspect-ratio: 1/1; overflow: hidden; } .cwr-cat-card__image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; display: block; } .cwr-cat-card__body { padding-top: 16px; } .cwr-cat-card__name { font-family: "Avenir", sans-serif; font-size: 24px; font-weight: 500; line-height: 125%; margin: 0 0 12px; } .cwr-cat-card__name a { color: #181717; text-decoration: none; } .cwr-cat-card__name a:hover { color: #405953; } @media (max-width: 768px) { .cwr-cat-card__name { font-size: 14px; line-height: 165%; } } .cwr-cat-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .cwr-cat-card__price { font-family: "Avenir", sans-serif; font-size: 18px; font-weight: 500; line-height: 160%; letter-spacing: -0.18px; color: #181717; } @media (max-width: 768px) { .cwr-cat-card__price { font-size: 12px; letter-spacing: -0.12px; } } .cwr-cat-card__price-original { text-decoration: line-through; color: rgba(24, 23, 23, 0.5); font-weight: 500; margin-right: 6px; } .cwr-cat-card__status { font-family: "Avenir", sans-serif; font-size: 13px; color: rgba(24, 23, 23, 0.5); } .cwr-cat-card__form { margin: 0; } .cwr-cat-card__add { display: flex; align-items: center; gap: 6px; text-align: center; font-family: "Avenir", sans-serif; font-size: 12px; font-weight: 400; line-height: 150%; color: #fcfbf9; background: #bf7c76; border: 0; border-radius: 98px; padding: 8px 16px; cursor: pointer; transition: filter 0.2s ease; } .cwr-cat-card__add:hover { filter: brightness(0.94); } .cwr-cat-card__add .cwr-cat-card__add-icon { width: 10px; height: 10px; display: inline-flex; } .cwr-cat-card__add .cwr-cat-card__add-icon svg { width: 100%; height: 100%; display: block; } .cwr-cat-card__add .process-message, .cwr-cat-card__add .success-message { display: none; } .cwr-cat-card__add[disabled] { opacity: 1; } .cwr-cat-card__add[disabled] .button-text, .cwr-cat-card__add[disabled] .cwr-cat-card__add-icon { display: none; } .cwr-cat-card__add[disabled] .process-message { display: inline; } .cwr-cat-card__add.add-to-cart-success .success-message { display: inline; } .cwr-cat-card__add.add-to-cart-success .button-text, .cwr-cat-card__add.add-to-cart-success .process-message, .cwr-cat-card__add.add-to-cart-success .cwr-cat-card__add-icon { display: none; } .cwr-cat-listing__pagination { display: flex; justify-content: center; gap: 16px; margin-top: 48px; } .cwr-cat-listing__pagination .page-numbers { font-family: "Avenir", sans-serif; font-size: 14px; font-weight: 800; line-height: 160%; letter-spacing: 1.26px; text-transform: uppercase; color: #758580; text-decoration: none; } .cwr-cat-listing__pagination .page-numbers.current { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-underline-position: from-font; } .cwr-best-sellers { width: 100%; } .cwr-best-sellers__header { position: relative; display: flex; align-items: flex-end; aspect-ratio: 1440/500; background-size: cover; background-position: center; overflow: hidden; } .cwr-best-sellers__header::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(24, 23, 23, 0.45) 0%, rgba(24, 23, 23, 0.15) 45%, rgba(24, 23, 23, 0) 75%); pointer-events: none; } @media (max-width: 768px) { .cwr-best-sellers__header { aspect-ratio: auto; min-height: 280px; } } .cwr-best-sellers__header-inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 16px; padding: 0 0 60px 60px; color: #f1ede9; } @media (max-width: 768px) { .cwr-best-sellers__header-inner { gap: 10px; padding: 60px 15px; } } .cwr-best-sellers__heading { font-family: "Cormorant", serif; font-weight: 700; font-size: 60px; line-height: 115%; margin: 0; color: #f1ede9; } .cwr-best-sellers__subtitle { font-family: "Avenir", sans-serif; font-size: 20px; font-weight: 350; line-height: 165%; margin: 0; color: #f1ede9; } .cwr-best-sellers__band { background: #758580; padding: 45px 120px 90px; } @media (max-width: 768px) { .cwr-best-sellers__band { padding: 36px 24px 48px; } } .cwr-best-sellers__track--grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 62px 36px; } @media (max-width: 768px) { .cwr-best-sellers__track--grid { grid-template-columns: 1fr; gap: 58px 12px; } } .cwr-best-sellers__track--carousel { display: flex; gap: 36px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .cwr-best-sellers__track--carousel::-webkit-scrollbar { display: none; } .cwr-best-sellers__track--carousel .cwr-bs-card { flex: 0 0 376px; scroll-snap-align: start; } @media (max-width: 768px) { .cwr-best-sellers__track--carousel .cwr-bs-card { flex-basis: 78%; } } .cwr-bs-card { position: relative; box-sizing: border-box; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; background: #dce1df; border-radius: 20px; padding: 24px 20px 0; } .cwr-bs-card__image { display: block; width: 84%; aspect-ratio: 1/1; overflow: hidden; } .cwr-bs-card__image img { width: 100%; height: 100%; object-fit: contain; display: block; } .cwr-bs-card__body { display: flex; flex-direction: column; align-items: center; gap: 12px; padding-top: 8px; width: 100%; } .cwr-bs-card__action { margin-top: 17px; transform: translateY(50%); } .cwr-bs-card__name { font-family: "Avenir", sans-serif; font-size: 26px; font-weight: 500; line-height: 135%; text-align: center; width: 100%; min-height: 2.7em; margin: 0; } .cwr-bs-card__name a { color: #181717; text-decoration: none; } @media (max-width: 768px) { .cwr-bs-card__name { font-size: 20px; line-height: 145%; } } .cwr-bs-card__price { font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 500; color: #181717; } @media (max-width: 768px) { .cwr-bs-card__price { font-size: 13px; } } .cwr-bs-card__price-original { text-decoration: line-through; color: rgba(24, 23, 23, 0.5); margin-right: 6px; } .cwr-bs-card__status { font-family: "Avenir", sans-serif; font-size: 13px; color: rgba(24, 23, 23, 0.5); } .cwr-bs-card__form { margin: 0; } .cwr-bs-card__add { display: flex; align-items: center; justify-content: center; gap: 6px; text-align: center; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 400; line-height: 150%; color: #fcfbf9; background: #bf7c76; border: 0; border-radius: 98px; padding: 14px 32px; white-space: nowrap; cursor: pointer; transition: filter 0.2s ease; } .cwr-bs-card__add:hover { filter: brightness(0.94); } .cwr-bs-card__add .cwr-bs-card__add-icon { width: 10px; height: 10px; display: inline-flex; } .cwr-bs-card__add .cwr-bs-card__add-icon svg { width: 100%; height: 100%; display: block; } .cwr-bs-card__add .process-message, .cwr-bs-card__add .success-message { display: none; } .cwr-bs-card__add[disabled] { opacity: 1; } .cwr-bs-card__add[disabled] .button-text, .cwr-bs-card__add[disabled] .cwr-bs-card__add-icon { display: none; } .cwr-bs-card__add[disabled] .process-message { display: inline; } .cwr-bs-card__add.add-to-cart-success .success-message { display: inline; } .cwr-bs-card__add.add-to-cart-success .button-text, .cwr-bs-card__add.add-to-cart-success .process-message, .cwr-bs-card__add.add-to-cart-success .cwr-bs-card__add-icon { display: none; } .cwr-shop-other { background: #758580; padding: 64px 60px; } @media (max-width: 900px) { .cwr-shop-other { padding: 48px 24px; } } .cwr-shop-other__head { margin-bottom: 36px; } .cwr-shop-other__eyebrow { display: block; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 800; line-height: 125%; letter-spacing: 1.28px; text-transform: uppercase; color: #f1ede9; } .cwr-shop-other__heading { font-family: "Inter", sans-serif; font-size: 40px; font-weight: 500; line-height: 125%; color: #f1ede9; margin: 8px 0 0; } .cwr-shop-other__viewport { overflow: hidden; } .cwr-shop-other__track { display: flex; gap: 25px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .cwr-shop-other__track::-webkit-scrollbar { display: none; } .cwr-shop-other__card { position: relative; flex: 0 0 245px; scroll-snap-align: start; padding-bottom: 24px; text-decoration: none; color: #f1ede9; } @media (max-width: 768px) { .cwr-shop-other__card { flex-basis: 100%; } } .cwr-shop-other__card-media { position: relative; height: 327px; overflow: hidden; } .cwr-shop-other__card-media img { width: 100%; height: 100%; object-fit: cover; display: block; } .cwr-shop-other__card--featured-image .cwr-shop-other__card-media { border-radius: 15px; } .cwr-shop-other__card-label { position: absolute; left: 12px; right: 12px; bottom: 40px; text-align: center; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 800; line-height: 125%; color: #f1ede9; z-index: 2; } .cwr-shop-other__card-arrow { position: absolute; left: 50%; bottom: 24px; transform: translate(-50%, 50%); width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: #bf7c76; color: #fff; opacity: 0; transition: opacity 0.25s ease; pointer-events: none; z-index: 3; } .cwr-shop-other__card-arrow svg { width: 24px; height: 24px; display: block; } .cwr-shop-other__card:hover .cwr-shop-other__card-arrow, .cwr-shop-other__card:focus-visible .cwr-shop-other__card-arrow { opacity: 1; } @media (hover: none) { .cwr-shop-other__card-arrow { opacity: 1; } } .cwr-shop-other__controls { display: flex; align-items: center; gap: 24px; margin-top: 40px; } .cwr-shop-other__progress { flex: 1 1 auto; height: 8px; border-radius: 999px; background: rgba(241, 237, 233, 0.35); overflow: hidden; } .cwr-shop-other__progress-fill { display: block; height: 100%; width: 0; background: #f1ede9; border-radius: 999px; transition: width 0.2s ease; } .cwr-shop-other__buttons { flex: 0 0 auto; display: flex; gap: 16px; } .cwr-shop-other__btn { width: 55px; height: 55px; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; } .cwr-shop-other__btn svg { width: 55px; height: 55px; display: block; } .cwr-shop-other__btn:disabled { opacity: 0.3; cursor: default; } .cwr-sale-gradient { background: linear-gradient(180deg, #f1ede9 0%, #f1ede9 41.4%, #fff 100%), #fff; } .cwr-sale-hero { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 90px 120px 0; text-align: center; } @media (max-width: 768px) { .cwr-sale-hero { padding: 60px 20px 0; gap: 12px; } } .cwr-sale-hero__title { margin: 0; color: #181717; font-family: "Cormorant", serif; font-size: 100px; font-weight: 700; line-height: 100%; } @media (max-width: 768px) { .cwr-sale-hero__title { font-size: 72px; line-height: 120%; } } .cwr-sale-hero__subtitle { margin: 0; color: #181717; font-family: "Avenir", sans-serif; font-size: 32px; font-weight: 500; line-height: 135%; } @media (max-width: 768px) { .cwr-sale-hero__subtitle { font-size: 28px; } } .cwr-sale-banner { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 90px 120px; } .cwr-sale-banner__inner { display: flex; align-items: center; width: 100%; max-width: 1200px; } .cwr-sale-banner__media { flex: 1 1 0; min-width: 0; } .cwr-sale-banner__media img, .cwr-sale-banner__media video { display: block; width: 100%; aspect-ratio: 855/576; height: auto; object-fit: cover; } .cwr-sale-banner__card { position: relative; z-index: 1; flex: 0 0 488px; margin-left: -143px; display: flex; flex-direction: column; align-items: flex-start; gap: 26px; padding: 60px 48px; border: 4px solid #e4dbd2; background: #f1ede9; box-shadow: 6px 3px 8px 0 rgba(54, 50, 46, 0.1); } .cwr-sale-banner__title { margin: 0; color: #1e2d2b; font-family: "Inter", sans-serif; font-size: 40px; font-weight: 500; line-height: 125%; } .cwr-sale-banner__body { margin: 0; color: #373737; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 400; line-height: 165%; } .cwr-sale-banner__button { display: inline-flex; height: 61.419px; padding: 14.74px 39.308px; justify-content: center; align-items: center; gap: 9.827px; background: #bf7c76; color: #f7f1ea; text-align: center; font-family: "Avenir", sans-serif; font-size: 19.654px; font-weight: 500; line-height: 160%; text-decoration: none; } @media (max-width: 1200px) { .cwr-sale-banner { padding: 64px 40px; } } @media (max-width: 768px) { .cwr-sale-banner { padding: 60px 20px; gap: 60px; } .cwr-sale-banner__inner { flex-direction: column; align-items: stretch; gap: 60px; max-width: none; } .cwr-sale-banner__media { flex: none; } .cwr-sale-banner__media img, .cwr-sale-banner__media video { aspect-ratio: auto; height: 319px; } .cwr-sale-banner__card { flex: none; width: 100%; margin-left: 0; } .cwr-sale-banner__button { width: 100%; } } .cwr-page-gradient { background: linear-gradient(180deg, #f1ede9 0px, #f1ede9 270px, #fff 645px); } .cwr-page-hero { position: relative; max-width: 2560px; margin: 0 auto; min-height: 460px; overflow: hidden; background: transparent; } @media (max-width: 768px) { .cwr-page-hero { min-height: 204px; } } .cwr-page-hero__title { position: absolute; left: -19px; top: 0; font-family: "Cormorant", serif; font-weight: 700; font-style: italic; font-size: 300px; line-height: 100%; color: #e4dbd2; margin: 0; } @media (max-width: 768px) { .cwr-page-hero__title { left: -12px; top: 30px; font-size: 100px; line-height: 95%; } } .cwr-page-hero--image { min-height: 0; aspect-ratio: 1440/505; background-size: cover; background-position: center; } .cwr-page-hero--image .cwr-page-hero__title { left: 72px; top: auto; bottom: -56px; font-size: 300px; color: #fff; } @media (max-width: 1023px) { .cwr-page-hero--image .cwr-page-hero__title { bottom: -16px; font-size: 168px; } } @media (max-width: 768px) { .cwr-page-hero--image { aspect-ratio: auto; min-height: 300px; } .cwr-page-hero--image .cwr-page-hero__title { left: 17.5px; top: auto; font-size: 100px; } } .cwr-timeline { display: flex; flex-direction: column; align-items: center; gap: 80px; padding: 104px 120px; background: #fff; } .cwr-timeline__track { position: relative; width: 100%; max-width: 1180px; display: flex; flex-direction: column; gap: 80px; } .cwr-timeline__track::before { content: ""; position: absolute; top: 0; bottom: 0; right: 700px; width: 4px; background: linear-gradient(180deg, rgba(220, 225, 223, 0) 0%, #dce1df 21%, #758580 45.5%, #dce1df 73%, rgba(220, 225, 223, 0) 99%); } .cwr-timeline__entry { position: relative; display: grid; grid-template-columns: 1fr 600px; align-items: start; } .cwr-timeline__label { display: flex; align-items: center; justify-content: flex-end; min-height: 378.26px; padding-right: 137px; text-align: right; color: #405953; font-family: "Cormorant", serif; font-weight: 700; } .cwr-timeline__label--date { font-size: 200px; line-height: 100%; } .cwr-timeline__label--text { font-size: 60px; line-height: 115%; } .cwr-timeline__card { position: relative; display: flex; width: 600px; flex-direction: column; align-items: flex-start; gap: 42.688px; padding: 47.431px; background: #f1ede9; } .cwr-timeline__dot { position: absolute; left: -100px; top: 189.1305px; transform: translate(-50%, -50%); width: 50px; height: 50px; z-index: 2; } .cwr-timeline__dot svg { display: block; width: 100%; height: 100%; } .cwr-timeline__pointer { position: absolute; left: -43px; top: 189.1305px; transform: translateY(-50%); width: 67px; height: 90px; z-index: 1; } .cwr-timeline__pointer svg { display: block; width: 100%; height: 100%; } .cwr-timeline__media { align-self: stretch; } .cwr-timeline__media img { display: block; width: 100%; height: 283.399px; object-fit: cover; } .cwr-timeline__body { color: #181717; font-family: "Avenir", sans-serif; font-size: 24px; font-weight: 500; line-height: 165%; } @media (max-width: 1400px) { .cwr-timeline { padding: 64px 24px; gap: 56px; } .cwr-timeline__track { max-width: 600px; } .cwr-timeline__track::before { left: 6px; right: auto; width: 4px; } .cwr-timeline__entry { grid-template-columns: 1fr; padding-left: 60px; row-gap: 16px; } .cwr-timeline__label { min-height: 0; justify-content: flex-start; text-align: left; padding-right: 0; } .cwr-timeline__label--date { font-size: 100px; } .cwr-timeline__label--text { font-size: 44px; line-height: 105%; } .cwr-timeline__card { width: 100%; padding: 24px; } .cwr-timeline__media img { height: 160px; } .cwr-timeline__dot { left: -52px; top: 104px; width: 20px; height: 20px; } .cwr-timeline__pointer { left: -24px; top: 104px; width: 24px; height: 32px; } } .cwr-about-features { display: flex; justify-content: center; align-items: flex-start; gap: 50.25px; padding: 80px 120px; background: #758580; } @media (max-width: 768px) { .cwr-about-features { flex-direction: column; align-items: stretch; padding: 80px 12px; } } .cwr-about-features__col { flex: 1; display: flex; flex-direction: column; align-items: flex-start; } .cwr-about-features__icon { display: block; width: 36px; height: 36px; margin-bottom: 20px; } .cwr-about-features__title { margin: 0 0 16px; color: #fff; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 800; line-height: 125%; letter-spacing: 1.28px; text-transform: uppercase; } .cwr-about-features__text { margin: 0; color: #fff; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 350; line-height: 145%; } .cwr-about-features__divider { flex: 0 0 2px; align-self: stretch; background: rgba(255, 255, 255, 0.1); } .cwr-about-help { display: flex; flex-direction: column; align-items: flex-start; gap: 64px; padding: 104px 120px; background: #fff; } @media (max-width: 768px) { .cwr-about-help { padding: 80px 12px; gap: 48px; } } .cwr-about-help__heading { width: 100%; margin: 0; text-align: center; color: #181717; font-family: "Cormorant", serif; font-size: 72px; font-weight: 700; line-height: 120%; } @media (max-width: 768px) { .cwr-about-help__heading { font-size: 64px; line-height: 110%; } } .cwr-about-help__cards { display: flex; justify-content: center; gap: 30px; width: 100%; } @media (max-width: 768px) { .cwr-about-help__cards { flex-direction: column; align-items: center; gap: 24px; } } .cwr-about-help__card { display: flex; width: 379px; height: 379px; flex-direction: column; justify-content: center; align-items: center; gap: 20px; border-radius: 25px 0; background: #f1ede9; } @media (max-width: 768px) { .cwr-about-help__card { width: 100%; max-width: 379px; height: auto; padding: 56px 24px; } } .cwr-about-help__icon { display: block; width: 59px; height: 59px; } .cwr-about-help__title { margin: 0; text-align: center; color: #181717; font-family: "Avenir", sans-serif; font-size: 20px; font-weight: 800; line-height: 125%; letter-spacing: 1.6px; text-transform: uppercase; } .cwr-about-help__body { margin: 0; text-align: center; color: #181717; font-family: "Avenir", sans-serif; font-size: 20px; font-weight: 350; line-height: 165%; } .cwr-faq { background: transparent; padding: 48px 120px 90px; } @media (max-width: 900px) { .cwr-faq { padding: 36px 24px 64px; } } .cwr-faq__pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-bottom: 45px; } @media (max-width: 768px) { .cwr-faq__pills { flex-direction: column; gap: 8px; } } .cwr-faq__pill { box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 50px; padding: 12px 32px; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 500; line-height: 160%; color: #405953; background: transparent; border: 1px solid #405953; border-radius: 100px; cursor: pointer; white-space: nowrap; } .cwr-faq__pill.is-active { background: #405953; color: #fff; } @media (max-width: 768px) { .cwr-faq__pill { width: 100%; padding: 12px 32px; } } .cwr-faq__section { display: none; background: transparent; overflow: hidden; } .cwr-faq__section.is-active { display: block; } .cwr-faq__section-title { display: flex; justify-content: center; align-items: center; padding: 32px; background: #dce1df; color: #181717; text-align: center; font-family: "Avenir", sans-serif; font-weight: 500; font-size: 24px; line-height: 125%; margin: 0; } .cwr-faq__list { margin: 0; padding: 0 32px; background: rgba(241, 237, 233, 0.5); } .cwr-faq__list dt { padding: 20px 0; } .cwr-faq__list dt:not(:first-of-type) { border-top: 1px solid #e4dbd2; } .cwr-faq__list dt button { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 0; background: none; border: 0; text-align: left; cursor: pointer; font-family: "Avenir", sans-serif; font-size: 18px; font-weight: 500; line-height: 160%; letter-spacing: -0.18px; color: #181717; } .cwr-faq__list dt button::after { content: ""; flex: 0 0 15px; width: 15px; height: 15px; background: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.55 0V5.55H0V9.45H5.55V15H9.45V9.45H15V5.55H9.45V0H5.55Z' fill='%23181717'/%3E%3C/svg%3E") center/contain no-repeat; } .cwr-faq__list dt.expanded { padding-bottom: 14px; } .cwr-faq__list dt.expanded button::after { background: url("data:image/svg+xml,%3Csvg width='15' height='4' viewBox='0 0 15 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H5.55H9.45H15V3.9H9.45H5.55H0V0Z' fill='%23181717'/%3E%3C/svg%3E") center/contain no-repeat; } .cwr-faq__list dd { display: none; margin: 0; padding: 0 0 20px; font-family: "Avenir", sans-serif; font-size: 20px; font-weight: 350; line-height: 165%; color: #181717; } .cwr-faq__list dt.expanded + dd { display: block; } .cwr-contact { background: transparent; padding: 48px 120px 90px; display: grid; grid-template-columns: 1fr minmax(0, 640px); gap: 137px; align-items: start; } @media (max-width: 900px) { .cwr-contact { grid-template-columns: 1fr; gap: 26px; padding: 36px 24px 64px; } } .cwr-contact__intro { color: #373737; } .cwr-contact__intro > p:has(strong), .cwr-contact__intro > p:has(.chat-link) { display: none; } .cwr-contact__intro > p { font-family: "Avenir", sans-serif; font-size: 14px; font-weight: 800; line-height: 160%; letter-spacing: 1.26px; text-transform: uppercase; margin: 0 0 26px; } .cwr-contact__intro > p:first-of-type { font-size: 16px; font-weight: 400; line-height: 165%; letter-spacing: normal; text-transform: none; margin-bottom: 8px; } .cwr-contact__intro a { color: inherit; } .cwr-contact__lead { margin-bottom: 26px; } .cwr-contact__lead h5 { font-family: "Cormorant", serif; font-weight: 700; font-size: 48px; line-height: 115%; color: #1e2d2b; margin: 0; } .cwr-contact__lead p { font-family: "Avenir", sans-serif; font-size: 14px; font-weight: 800; line-height: 160%; letter-spacing: 1.26px; text-transform: uppercase; color: #373737; margin: 17px 0 0; } .cwr-contact__form { box-sizing: border-box; width: 100%; padding: 36px; background: #e4dbd2; box-shadow: 3px 4px 24px -4px rgba(0, 0, 0, 0); backdrop-filter: blur(30px); } .cwr-contact__form form, .cwr-contact__form .wpforms-field-container { display: flex; flex-direction: column; gap: 24px; } .cwr-contact__form label, .cwr-contact__form .wpforms-field-label { display: block; margin-bottom: 8px; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 800; line-height: 125%; color: #405953; } .cwr-contact__form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .cwr-contact__form textarea, .cwr-contact__form select { box-sizing: border-box; width: 100%; height: 44px; padding: 16px; border: 1px solid #405953; border-radius: 0; background: #e4dbd2; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 400; line-height: 165%; color: #405953; } .cwr-contact__form input:not([type=submit]):not([type=checkbox]):not([type=radio])::placeholder, .cwr-contact__form textarea::placeholder, .cwr-contact__form select::placeholder { color: #405953; } .cwr-contact__form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus, .cwr-contact__form textarea:focus, .cwr-contact__form select:focus { outline: none; } .cwr-contact__form textarea { height: auto; min-height: 132px; resize: vertical; } .cwr-contact__form button[type=submit], .cwr-contact__form input[type=submit], .cwr-contact__form .wpforms-submit { box-sizing: border-box; width: 100%; height: 44px; padding: 12px 24px; border: 1.5px solid #405953 !important; border-radius: 0; background: #405953 !important; color: #e4dbd2 !important; backdrop-filter: blur(17.5px); box-shadow: 3px 4px 24px -4px rgba(0, 0, 0, 0); font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 500; line-height: 160%; text-align: center; cursor: pointer; } .cwr-contact__form button[type=submit]:hover, .cwr-contact__form input[type=submit]:hover, .cwr-contact__form .wpforms-submit:hover { filter: brightness(0.95); } .search-bar { padding: 20px 0; } .search-page { padding-bottom: 50px; } .search-page-header { margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .search-page-header { display: flex; justify-content: space-between; align-items: flex-end; } } .search-page-title { font-size: 26px; margin: 0 0 5px 0; font-family: "Cormorant Garamond", serif; } @media print, screen and (min-width: 48em) { .search-page-title { text-align: center; } } @media print, screen and (min-width: 64em) { .search-page-title { margin: 0; text-align: left; font-size: 32px; } } .search-page-results-count { color: #949597; font-size: 14px; display: block; text-align: center; } .search-form { position: relative; } .search-form input[type=email], .search-form input[type=search] { background-color: #fff; border: 1px solid #E2DED9; border-radius: 40px; margin: 0; font-size: 14px; padding: 10px 45px 12px 20px; } .search-form button { transition: background-color 0.25s ease-out; border: 1px solid #931A1D; height: 35px; width: 35px; position: absolute; border-radius: 50%; background-color: transparent; position: absolute; top: 5px; right: 5px; } .search-form button::before, .search-form button::after { transition: border-color 0.25s ease-out; content: ""; position: absolute; height: 8px; border-left: 2px solid #931A1D; transform-origin: 0 0; } .search-form button::before { top: 11px; left: 14px; transform: rotate(-42deg); } .search-form button::after { top: 15px; left: 19px; transform: rotate(42deg); } .search-form button:hover { background-color: #931A1D; } .search-form button:hover::before, .search-form button:hover::after { border-color: #fff; } @media print, screen and (min-width: 48em) { .search-form { max-width: 296px; margin: 0 auto; } } @media print, screen and (min-width: 64em) { .search-form { max-width: none; } } .search-no-results #main-content { background: #fff; } .cwr-search-empty { display: flex; flex-direction: column; gap: 48px; padding: 104px 120px; } @media (max-width: 768px) { .cwr-search-empty { gap: 40px; padding: 32px 12px 80px; } } .cwr-search-empty__title { margin: 0; color: #181717; font-family: "Cormorant", serif; font-size: 72px; font-weight: 700; line-height: 120%; } .cwr-search-empty__body { display: flex; flex-direction: column; align-items: center; gap: 24px; } .cwr-search-empty__icon { display: block; width: 369px; max-width: 100%; height: auto; } .cwr-search-empty__message { margin: 0; text-align: center; color: #181717; font-family: "Inter", sans-serif; font-size: 40px; font-weight: 500; line-height: 125%; } .cwr-search-empty__btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 32px; border-radius: 40px; background: #bf7c76; color: #fff; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; } .cwr-search-empty__home { color: #181717; text-align: center; font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 600; line-height: 160%; text-decoration: underline; text-underline-offset: 2px; } .single-product-info .product-title { font-family: "Cormorant Garamond", serif; color: #242424; margin-bottom: 15px; } .single-product-info .product-meta { margin-bottom: 30px; display: flex; justify-content: space-between; } .single-product-info .product-short-description { margin-bottom: 30px; } .single-product-info .product-short-description p:last-child { margin-bottom: 0; } .single-product-form { margin-bottom: 35px; } .single-product-form .form-actions { display: flex; } .single-product-form .form-actions .button-container { flex-grow: 1; margin-left: 16px; } .single-product-form button.bc-btn--form-submit, .single-product-form button.bc-btn--form-submit[disabled], .single-product-form button.bc-btn--form-submit[disabled]:hover { margin: 0; width: 100%; text-transform: none; } .single-product-gallery { margin-bottom: 60px; } .single-product-gallery .gallery-items { margin-bottom: 20px; } .single-product-gallery .nav-items { margin: 0 -2px; } .single-product-gallery .nav-item { padding: 0 2px; position: relative; border-radius: 0; } .single-product-gallery .nav-item img { border: 1px solid transparent; } .single-product-gallery img { display: block; margin: 0 auto; } .single-product-gallery .slick-current .nav-item img { border-color: #949597; } .product-details-list { border-bottom: 1px solid #E2DED9; margin-bottom: 60px; } .product-details-list dt { border-top: 1px solid #E2DED9; padding: 9px 0 11px; margin: 0; font-weight: 500; } .product-details-list dt.expanded button:after { display: none; } .product-details-list dt button { padding: 6px 20px 7px 0; display: block; position: relative; cursor: pointer; width: 100%; border-radius: 0; text-align: left; } .product-details-list dt button::before { content: ""; width: 12px; right: 0; top: 50%; border-top: 2px solid #949597; position: absolute; margin-top: -1px; } .product-details-list dt button::after { content: ""; height: 12px; right: 5px; top: 50%; margin-top: -6px; border-left: 2px solid #949597; position: absolute; } .product-details-list dd { font-size: 14px; line-height: 1.57; display: none; padding-bottom: 15px; } .single-product-promo-section { background-color: #F7F3ED; margin-bottom: 100px; } @media print, screen and (min-width: 64em) { .single-product-promo-section .promo-block { display: flex; align-items: center; } } @media print, screen and (min-width: 64em) { .single-product-promo-section .promo-block:nth-child(odd) .content-container > div { float: left; } } @media screen and (min-width: 80em) { .single-product-promo-section .promo-block:nth-child(odd) .content-container > div { padding-left: 5.75rem; } } .single-product-promo-section .promo-block:nth-child(even) .media-container { order: 2; } .single-product-promo-section .promo-block:nth-child(even) .content-container { order: 1; } @media print, screen and (min-width: 64em) { .single-product-promo-section .promo-block:nth-child(even) .content-container > div { float: right; } } @media screen and (min-width: 80em) { .single-product-promo-section .promo-block:nth-child(even) .content-container > div { padding-right: 5.75rem; } } .single-product-promo-section .media-container, .single-product-promo-section .content-container { width: 100%; } @media print, screen and (min-width: 64em) { .single-product-promo-section .media-container, .single-product-promo-section .content-container { width: 50%; } } .single-product-promo-section .media-container > div { position: relative; padding-bottom: 70%; } .single-product-promo-section .media-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .single-product-promo-section .media-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .single-product-promo-section .content-container > div { padding: 20px; } @media screen and (min-width: 80em) { .single-product-promo-section .content-container > div { padding-top: 40px; padding-bottom: 40px; max-width: 34.5rem; } } .single-product-promo-section .features-list { list-style: none; padding: 0; margin: 0; } @media screen and (min-width: 80em) { .single-product-promo-section .features-list { transform: translateX(20px); } } .single-product-promo-section .features-list li { padding: 19px 0 21px; } .single-product-promo-section .features-list li + li { border-top: 1px solid #E2DED9; } .single-product-promo-section .icons-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (min-width: 80em) { .single-product-promo-section .icons-list { transform: translateX(-20px); } } .single-product-promo-section .icons-list li { padding: 10px 15px; } .single-product-promo-section .icons-list img { width: 80px; } .single-product-faq { margin-bottom: 100px; } .product-card { margin-bottom: 35px; } @media print, screen and (min-width: 48em) { .product-card { padding: 10px; } } @media print, screen and (min-width: 64em) { .product-card { background-color: #fff; transition: box-shadow 0.25s ease-out; } .product-card:hover { box-shadow: 0px 0px 15px rgba(75, 69, 63, 0.1803921569); } } .product-card.has-secondary-image:hover .card-image img:first-child { opacity: 0; } .product-card.has-secondary-image:hover .card-image img + img { opacity: 1; } .product-card .card-image { margin-bottom: 12px; position: relative; overflow: hidden; } .product-card .card-image img { transition: opacity 0.25s ease-out; } .product-card .card-image img + img { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; } .product-card .card-body { padding: 0 5px 5px 5px; } .product-card .card-title { font-size: 20px; margin-bottom: 8px; } @media print, screen and (min-width: 48em) { .product-card .card-title { font-size: 22px; } } .product-card .card-title a { display: block; text-decoration: none; } .product-card .card-price { font-size: 14px; margin-bottom: 12px; display: block; } @media print, screen and (min-width: 48em) { .product-card .card-price { font-size: 15px; } } @media print, screen and (min-width: 64em) { .product-card .card-price { font-size: 16px; } } .product-card .card-price .original-price { text-decoration: line-through; color: #585859; } .product-card .card-price .original-price + .sale-price { margin-left: 5px; } .product-card .card-footer { display: flex; align-items: center; justify-content: space-between; } .product-card .card-footer [data-bv-show=inline_rating] .bv_main_container .bv_averageRating_component_container { display: none !important; } @media (max-width: 413px) { .product-card .card-footer [data-bv-show=inline_rating] .bv_main_container .bv_numReviews_component_container { display: none !important; } } .product-card .card-action { font-size: 14px; } .product-card .card-action button { margin: 0; font-size: 12px; } @media print, screen and (min-width: 48em) { .product-card .card-action button { font-size: 14px; } } .product-card .card-action button[disabled] { opacity: 1; background-color: #931A1D !important; color: #fff !important; } .product-card .card-action button[disabled] .button-text { display: none; } .product-card .card-action button[disabled] .process-message { display: block; } .product-card .card-action button .process-message, .product-card .card-action button .success-message { display: none; } .product-card .card-action button.add-to-cart-success .success-message { display: block; } .product-card .card-action button.add-to-cart-success .process-message, .product-card .card-action button.add-to-cart-success .button-text { display: none; } .category-page-no-filter.site-content { background: #fff; } .category-page-no-filter .products-list-row > .column, .category-page-no-filter .products-list-row > .columns { display: flex; flex-direction: column; } @media print, screen and (min-width: 64em) { .category-page-no-filter .products-list-row > .column, .category-page-no-filter .products-list-row > .columns { flex: 0 0 33.33333%; max-width: 33.33333%; } } .category-page-no-filter .product-card { display: flex; flex-direction: column; flex: 1 0 auto; max-width: 261px; margin-left: auto; margin-right: auto; margin-bottom: 32px; } @media print, screen and (min-width: 48em) { .category-page-no-filter .product-card { padding: 0; margin-bottom: 48px; } } @media print, screen and (min-width: 64em) { .category-page-no-filter .product-card { background-color: transparent; } .category-page-no-filter .product-card:hover { box-shadow: none; } } .category-page-no-filter .product-card .card-image { aspect-ratio: 1/1; margin-bottom: 0; } .category-page-no-filter .product-card .card-image a { display: block; width: 100%; height: 100%; } .category-page-no-filter .product-card .card-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; display: block; } .category-page-no-filter .product-card .card-image img + img { height: 100%; } .category-page-no-filter .product-card .card-footer { display: contents; } .category-page-no-filter .product-card .card-body { display: flex; flex: 1; flex-wrap: wrap; align-items: center; align-content: space-between; column-gap: 12px; row-gap: 12px; padding: 16px 0 0; } .category-page-no-filter .product-card .card-title { flex: 0 0 100%; order: 1; font-family: "Avenir", sans-serif; font-size: 14px; font-weight: 500; line-height: 165%; margin: 0; } @media print, screen and (min-width: 48em) { .category-page-no-filter .product-card .card-title { font-size: 24px; line-height: 125%; } } .category-page-no-filter .product-card .card-title a { color: #181717; text-decoration: none; } .category-page-no-filter .product-card .card-title a:hover { color: #405953; } .category-page-no-filter .product-card .card-reviews { flex: 0 0 100%; order: 2; } .category-page-no-filter .product-card .card-price { order: 3; margin: 0 auto 0 0; font-family: "Avenir", sans-serif; font-size: 12px; font-weight: 500; line-height: 160%; letter-spacing: -0.12px; color: #181717; } @media print, screen and (min-width: 48em) { .category-page-no-filter .product-card .card-price { font-size: 18px; letter-spacing: -0.18px; } } .category-page-no-filter .product-card .card-price .original-price { text-decoration: line-through; color: rgba(24, 23, 23, 0.5); font-weight: 500; margin-right: 6px; } .category-page-no-filter .product-card .card-price .original-price + .sale-price { margin-left: 0; } .category-page-no-filter .product-card .card-action { order: 4; font-family: "Avenir", sans-serif; font-size: 13px; color: rgba(24, 23, 23, 0.5); } .category-page-no-filter .product-card .card-action form { margin: 0; } .category-page-no-filter .product-card .card-action .button, .category-page-no-filter .product-card .card-action .single-product-form button.bc-btn--form-submit, .single-product-form .category-page-no-filter .product-card .card-action button.bc-btn--form-submit { display: flex; align-items: center; gap: 6px; margin: 0; padding: 8px 16px; border: 0; border-radius: 98px; background-color: #bf7c76; color: #fcfbf9; font-family: "Avenir", sans-serif; font-size: 12px; font-weight: 400; line-height: 150%; transition: filter 0.2s ease; } @media print, screen and (min-width: 48em) { .category-page-no-filter .product-card .card-action .button, .category-page-no-filter .product-card .card-action .single-product-form button.bc-btn--form-submit, .single-product-form .category-page-no-filter .product-card .card-action button.bc-btn--form-submit { font-size: 12px; } } .category-page-no-filter .product-card .card-action .button:hover, .category-page-no-filter .product-card .card-action .single-product-form button.bc-btn--form-submit:hover, .single-product-form .category-page-no-filter .product-card .card-action button.bc-btn--form-submit:hover, .category-page-no-filter .product-card .card-action .button:focus, .category-page-no-filter .product-card .card-action .single-product-form button.bc-btn--form-submit:focus, .single-product-form .category-page-no-filter .product-card .card-action button.bc-btn--form-submit:focus { background-color: #bf7c76; border-color: #bf7c76; color: #fcfbf9; filter: brightness(0.94); } .category-page-no-filter .product-card .card-action .button[disabled], .category-page-no-filter .product-card .card-action .single-product-form button[disabled].bc-btn--form-submit, .single-product-form .category-page-no-filter .product-card .card-action button[disabled].bc-btn--form-submit { background-color: #bf7c76 !important; color: #fcfbf9 !important; filter: brightness(0.94); } .bc-cart .cart-item { display: flex; flex-wrap: wrap; border-top: 1px solid #E2DED9; padding: 20px 0; width: 100%; } @media print, screen and (min-width: 64em) { .bc-cart .cart-item { flex-wrap: nowrap; } } .bc-cart .cart-item:last-child { border-bottom: 1px solid #E2DED9; } .bc-cart .cart-item-image { flex: 0 0 90px; margin-bottom: 30px; } @media print, screen and (min-width: 48em) { .bc-cart .cart-item-image { flex: 0 0 130px; } } @media print, screen and (min-width: 64em) { .bc-cart .cart-item-image { margin: 0; } } .bc-cart .cart-item-meta { display: flex; flex-direction: column; padding-left: 12px; flex: 1 0 200px; margin-bottom: 30px; } @media print, screen and (min-width: 48em) { .bc-cart .cart-item-meta { flex-basis: 300px; } } @media print, screen and (min-width: 64em) { .bc-cart .cart-item-meta { padding: 0 20px; margin: 0; } } .bc-cart .cart-item-quantity { flex: 0 0 166px; } @media print, screen and (min-width: 64em) { .bc-cart .cart-item-quantity { flex: 0 0 110px; } } .bc-cart .cart-item-total-price { flex-grow: 1; padding-left: 20px; position: relative; } .bc-cart .cart-item-total-price .cart-item-sku { position: absolute; bottom: 76px; right: 0; white-space: nowrap; } @media print, screen and (min-width: 64em) { .bc-cart .cart-item-total-price .cart-item-sku { bottom: 0; } } .bc-cart .cart-item__product-title { font-size: 22px; padding-top: 5px; } .bc-cart .cart-item__remove-container { margin-top: auto; } .bc-cart .cart-item-sku { font-size: 14px; color: #949597; } .cart-sidebar { padding-top: 50px; } @media print, screen and (min-width: 64em) { .cart-sidebar { padding-left: 37px; padding-top: 13px; } } .cart-sidebar h5 { font-family: "Inter", sans-serif; font-weight: 500; font-size: 22px; } .cart-shipping-message { border: 1px solid #E2DED9; padding: 25px 30px; } .cart-shipping-message .shipping-title { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 500; margin-bottom: 10px; } .cart-shipping-message .shipping-text { font-size: 14px; } .account-page-container .account-page-sidebar { display: none; } @media screen and (min-width: 80em) { .account-page-container .account-page-sidebar { width: 192px; float: left; margin-left: -192px; display: block; } } .account-page-container .account-page-sidebar nav { font-size: 14px; } .account-page-container .account-page-sidebar nav ul { margin: 0; padding: 0; list-style: none; } .account-page-container .account-page-sidebar nav li { margin-bottom: 1em; } .account-page-container .account-page-sidebar nav a.current, .account-page-container .account-page-sidebar nav a:hover { text-decoration: underline; } .account-page-container .account-page-content { padding: 30px 0; border-top: 1px solid #E2DED9; } @media print, screen and (min-width: 64em) { .account-page-container .account-page-content { padding: 30px 45px; } } .account-profile-form p { margin-bottom: 30px; } .account-profile-form .submit-row { text-align: center; } .account-profile-form .submit-row .button, .account-profile-form .submit-row .single-product-form button.bc-btn--form-submit, .single-product-form .account-profile-form .submit-row button.bc-btn--form-submit { background-color: #404040; font-size: 14px; } .account-profile-form .submit-row .button:hover, .account-profile-form .submit-row .single-product-form button.bc-btn--form-submit:hover, .single-product-form .account-profile-form .submit-row button.bc-btn--form-submit:hover { background-color: #1C1C1C; } .account-order-details .order-number { font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; } .account-order-details .order-meta { display: flex; font-size: 14px; border: 1px solid #E2DED9; padding: 15px 25px; margin-bottom: 25px; justify-content: space-between; } .account-order-details .order-meta > div + div { margin-left: 20px; } .account-order-details .order-meta__label { color: #949597; font-weight: 500; margin-bottom: 5px; } .account-order-details .ordered-products { font-size: 14px; } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-row { display: flex; } } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-row > div { padding: 0; } } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-row > div:last-child { text-align: right; } } @media print, screen and (max-width: 63.99875em) { .account-order-details .ordered-products .order-row__product { display: flex; } } .account-order-details .ordered-products .order-row__product::before { content: "Product"; display: inline-block; width: 100px; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #949597; } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-row__product::before { display: none; } } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-row__product { width: 64%; } } .account-order-details .ordered-products .order-row__total::before { content: "Total"; display: inline-block; width: 100px; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #949597; } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-row__total::before { display: none; } } .account-order-details .ordered-products .order-row__price::before { content: "Price"; display: inline-block; width: 100px; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #949597; } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-row__price::before { display: none; } } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-row__total, .account-order-details .ordered-products .order-row__price, .account-order-details .ordered-products .order-row__quantity { width: 12%; } } .account-order-details .ordered-products .order-row__quantity::before { content: "Quantity"; display: inline-block; width: 100px; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #949597; } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-row__quantity::before { display: none; } } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-row__quantity { text-align: center; } } .account-order-details .ordered-products .product-info-container { display: flex; } @media print, screen and (max-width: 63.99875em) { .account-order-details .ordered-products .product-info-container { flex-grow: 1; } } .account-order-details .ordered-products .product-info-container .product-name { font-size: 22px; } .account-order-details .ordered-products .product-info-container .product-info { padding-left: 20px; } .account-order-details .ordered-products .product-info-container .product-image { margin-bottom: 10px; width: 85px; } .account-order-details .ordered-products .order-header { display: none; } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-header { display: block; font-weight: 500; margin-bottom: 15px; } } .account-order-details .ordered-products .order-item { padding: 15px 0; border-bottom: 1px solid #E2DED9; } .account-order-details .ordered-products .order-item:first-child { border-top: 1px solid #E2DED9; } .account-order-details .ordered-products .order-footer { padding: 15px 0; font-weight: 500; } @media print, screen and (min-width: 64em) { .account-order-details .ordered-products .order-footer { width: 50%; margin-left: 50%; } } .account-order-details .ordered-products .order-footer-item { display: flex; justify-content: space-between; padding: 5px 0; } .account-order-details .ordered-products .order-footer-item__label { text-align: left; } .account-order-details .ordered-products .order-footer-item__value { text-align: right; } .order-card { border: 1px solid #E2DED9; padding: 25px 20px; margin-bottom: 30px; font-size: 14px; } @media print, screen and (min-width: 64em) { .order-card { padding: 25px 30px; } } .order-card a:hover { text-decoration: underline; } .order-card__header { font-size: 16px; font-weight: 500; margin-bottom: 1em; } @media print, screen and (min-width: 64em) { .order-card__body { display: flex; justify-content: space-between; } } .order-card__info { display: flex; justify-content: space-between; margin-bottom: 10px; } @media print, screen and (min-width: 64em) { .order-card__info { display: block; margin: 0; } } .order-card__info span { display: block; } @media print, screen and (min-width: 64em) { .order-card__info span { margin-bottom: 5px; } } .order-card__meta { display: flex; flex-wrap: wrap; } .order-card__meta > div { width: 50%; margin-top: 25px; } @media print, screen and (min-width: 48em) { .order-card__meta > div { width: 25%; margin: 0; } } @media print, screen and (min-width: 64em) { .order-card__meta > div { width: auto; } } @media print, screen and (min-width: 64em) { .order-card__meta > div + div { margin-left: 25px; } } .order-card__meta strong { color: #949597; font-weight: 500; display: block; margin-bottom: 5px; } .login-register-section { position: relative; } .login-register-section .login-form { margin-bottom: 40px; } @media print, screen and (min-width: 48em) { .login-register-section .login-form { padding-right: 20px; margin-bottom: 0; } } .login-register-section .login-form .login-username label:after { content: " / Username"; } @media print, screen and (min-width: 48em) { .login-register-section .register-info-block { padding-left: 20px; } } @media print, screen and (min-width: 64em) { .login-register-section::before { content: ""; position: absolute; top: 0; left: 50%; height: 100%; border-left: 1px solid #E2DED9; } } .registration-form { max-width: 400px; margin: 0 auto; } .registration-form.full-width { max-width: 100%; } .registration-form h5 { /*display: none;*/ } .registration-form.customer-type-wholesaler h5 { display: block; } .registration-form .resale-certificate-help-link { margin-bottom: 1em; font-size: 14px; display: inline-block; } .registration-form .view-password { font-size: 12px; float: right; margin-top: 5px; cursor: pointer; } .registration-form .view-password:hover { text-decoration: underline; } .registration-form #need-lift-gate + label { margin-left: 25px; } .registration-form .form-submit { text-align: center; } .mobile-dropdown-nav { margin-bottom: 30px; text-align: center; } .page-template-page-faq .mobile-dropdown-nav { position: fixed; left: 0; width: 100%; top: 120px; padding: 20px; background: #fff; z-index: 10; border-bottom: 1px solid #E2DED9; transition: margin 0.15s ease-out; text-align: center; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); } @media print, screen and (min-width: 48em) { .page-template-page-faq .mobile-dropdown-nav { top: 130px; } } @media print, screen and (min-width: 64em) { .page-template-page-faq .mobile-dropdown-nav { display: none; } } .page-template-page-faq.page-scrolled .mobile-dropdown-nav { margin-top: -67px; } @media print, screen and (min-width: 48em) { .page-template-page-faq.page-scrolled .mobile-dropdown-nav { margin-top: -67px; } } @media screen and (min-width: 80em) { .mobile-dropdown-nav { display: none; } } .mobile-dropdown-nav select { margin: 0; } @media print, screen and (min-width: 48em) { .mobile-dropdown-nav select { max-width: 320px; margin-left: auto; margin-right: auto; } } .blog-post { padding: 30px 0 50px; } @media print, screen and (min-width: 48em) { .blog-post { padding-top: 40px; } } @media print, screen and (min-width: 64em) { .blog-post { padding-top: 75px; } } .blog-post-header { margin-bottom: 30px; font-size: 14px; } .blog-post-header .back-to-blog { position: relative; display: inline-block; padding-left: 30px; font-weight: 500; } .blog-post-header .back-to-blog span { content: ""; position: absolute; top: 50%; left: 0; margin-top: -8px; font-size: 17px; } .blog-post-header .post-date, .blog-post-header .post-author { display: block; color: #585858; margin-top: 25px; } @media print, screen and (min-width: 64em) { .blog-post-header .post-date, .blog-post-header .post-author { margin-top: 0; } } .blog-post-header .post-author { text-align: right; } .blog-post-title { font-size: 34px; font-weight: 600; font-family: "Cormorant Garamond", serif; } @media print, screen and (min-width: 64em) { .blog-post-title { font-size: 36px; } } .blog-post-content { font-size: 16px; border-bottom: 1px solid #E2DED9; padding-bottom: 50px; margin-bottom: 100px; } @media print, screen and (min-width: 48em) { .blog-post-content { font-size: 18px; } } .blog-post-content h2 { font-size: 24px; } @media print, screen and (min-width: 64em) { .blog-post-content h2 { font-size: 30px; } } .blog-post-content h3, .blog-post-content h4 { font-size: 20px; } @media print, screen and (min-width: 64em) { .blog-post-content h3, .blog-post-content h4 { font-size: 22px; } } .blog-post-content h5 { font-size: 18px; } @media print, screen and (min-width: 64em) { .blog-post-content h5 { font-size: 20px; } } .blog-post-content h3, .blog-post-content h4, .blog-post-content h5, .blog-post-content h6 { line-height: 1.45; font-family: "Inter", sans-serif; } .blog-post-content h4, .blog-post-content h5, .blog-post-content h6 { font-weight: 400; } .blog-post-content .wp-block-image { margin: 30px 0; } @media print, screen and (min-width: 64em) { .blog-post-content .wp-block-image { margin: 50px 0; } } .blog-posts { padding: 50px 0; } .blog-posts-header { border-bottom: 1px solid #E2DED9; padding-bottom: 20px; margin-bottom: 35px; } .blog-posts-header h1 { margin: 0 0 20px 0; font-size: 30px; } @media print, screen and (min-width: 48em) { .blog-posts-header h1 { margin: 0; } } @media print, screen and (min-width: 64em) { .blog-posts-header h1 { font-size: 34px; } } .blog-post-card { margin-bottom: 35px; } @media print, screen and (min-width: 64em) { .blog-post-card { margin-bottom: 55px; } } .blog-post-card .post-meta { display: flex; color: #585858; font-size: 12px; justify-content: space-between; margin-bottom: 20px; } .blog-post-card .post-body { padding: 20px 15px 15px; } @media print, screen and (min-width: 64em) { .blog-post-card .post-body { padding: 20px; } } .blog-post-card .post-title { font-size: 22px; line-height: 1.45; font-weight: 500; font-family: "Inter", sans-serif; margin: 0 0 15px 0; } .blog-post-card .post-summary { font-size: 14px; margin-bottom: 20px; } .blog-post-card .post-summary > *:last-child { margin-bottom: 0; } .blog-post-card .read-more { font-size: 14px; font-weight: 500; color: #931A1D; display: inline-block; position: relative; padding-right: 16px; } .blog-post-card .read-more:hover { text-decoration: underline; } .blog-post-card .read-more span { font-size: 16px; position: absolute; top: 50%; right: 0; margin-top: -8px; } .featured-post { padding: 65px 0; position: relative; overflow: hidden; color: #fff; } .featured-post img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .featured-post .button, .featured-post .single-product-form button.bc-btn--form-submit, .single-product-form .featured-post button.bc-btn--form-submit { margin: 0; min-width: 236px; } .featured-post .post-label { font-size: 14px; font-weight: 600; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 15px; display: block; } .featured-post .post-title { font-size: 42px; line-height: 1.2; margin: 0 0 25px 0; } .featured-post-container { position: relative; z-index: 2; padding: 35px 0; } @media print, screen and (min-width: 64em) { .featured-post-container { padding: 50px 16px 50px 0; } } .featured-post-container::before { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 1000%; background-color: rgba(0, 0, 0, 0.65); z-index: -1; } .cwr-blog-post-hero { position: relative; width: 100%; padding-top: 40px; background: linear-gradient(180deg, #F1EDE9 0%, #F1EDE9 41.4%, #FFF 100%), #FFF; } .cwr-blog-post-hero__card { position: relative; display: flex; align-items: stretch; width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; min-height: 525px; padding: 131px 0 136px; box-sizing: border-box; background-color: #758580; } .cwr-blog-post-hero__image { position: absolute; inset: 0; z-index: 1; } .cwr-blog-post-hero__image img { display: block; width: 100%; height: 100%; object-fit: cover; } .cwr-blog-post-hero__banner { position: relative; z-index: 2; display: flex; flex-direction: column; box-sizing: border-box; width: 100%; padding: 34px 0; gap: 24px; background: rgba(255, 255, 255, 0.35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .cwr-blog-post-hero__meta { display: flex; align-items: center; justify-content: center; gap: 24px; width: 100%; } .cwr-blog-post-hero__category { padding: 12px 32px; border-radius: 100px; background: #f1ede9; color: #181717; text-align: center; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 500; line-height: 1.6; } .cwr-blog-post-hero__date { color: #181717; text-align: center; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 500; line-height: 1.6; } .cwr-blog-post-hero__title { margin: 12px 0 0; color: #181717; text-align: center; font-family: "Cormorant", serif; font-style: normal; font-size: 72px; font-weight: 700; line-height: 1.2; } .cwr-blog-post-hero__byline { margin: 0; color: #181717; text-align: center; font-family: "Avenir", sans-serif; font-style: normal; font-size: 18px; font-weight: 500; line-height: 1.6; letter-spacing: -0.18px; } @media (max-width: 1023px) { .cwr-blog-post-hero__banner { width: calc(100% - 48px); padding: 28px 0; gap: 28px; } .cwr-blog-post-hero__title { font-size: 56px; } } @media (max-width: 767px) { .cwr-blog-post-hero { padding-top: 0; } .cwr-blog-post-hero__card { min-height: 600px; padding: 120px 0 100px; } .cwr-blog-post-hero__banner { width: 100%; padding: 34px 16px; gap: 20px; } .cwr-blog-post-hero__meta { gap: 16px; } .cwr-blog-post-hero__title { font-size: 40px; } } .cwr-blog-post-body { max-width: 1200px; margin: 0 auto; padding: 80px 24px; display: grid; grid-template-columns: 1fr 360px; gap: 80px; align-items: start; } .cwr-blog-post-body__main { min-width: 0; } .cwr-blog-post-body__main h1.wp-block-heading { font-family: "Cormorant", serif; font-weight: 700; font-size: 100px; line-height: 100%; color: #181717; } .cwr-blog-post-body__main h2.wp-block-heading { font-family: "Cormorant", serif; font-weight: 700; font-size: 80px; line-height: 105%; color: #181717; } .cwr-blog-post-body__main h3.wp-block-heading { font-family: "Cormorant", serif; font-weight: 700; font-size: 72px; line-height: 120%; color: #181717; } .cwr-blog-post-body__main h4.wp-block-heading { font-family: "Inter", sans-serif; font-weight: 500; font-size: 40px; line-height: 125%; color: #181717; } .cwr-blog-post-body__main h5.wp-block-heading { font-family: "Avenir", sans-serif; font-weight: 500; font-size: 32px; line-height: 135%; color: #181717; } .cwr-blog-post-body__main h6.wp-block-heading { font-family: "Avenir", sans-serif; font-weight: 500; font-size: 24px; line-height: 125%; letter-spacing: 2.16px; text-transform: uppercase; color: #181717; } @media (max-width: 768px) { .cwr-blog-post-body__main h1.wp-block-heading { font-size: 56px; } .cwr-blog-post-body__main h2.wp-block-heading { font-size: 44px; } .cwr-blog-post-body__main h3.wp-block-heading { font-size: 40px; } .cwr-blog-post-body__main h4.wp-block-heading { font-size: 30px; } .cwr-blog-post-body__main h5.wp-block-heading { font-size: 26px; } .cwr-blog-post-body__main h6.wp-block-heading { font-size: 20px; } } .cwr-blog-post-body__main .wp-block-paragraph { font-family: "Avenir", sans-serif; font-weight: 350; font-size: 20px; line-height: 165%; color: #181717; } .cwr-blog-post-body__main .wp-block-image img { display: block; max-width: 100%; height: auto; } .cwr-blog-post-body__main .wp-block-image figcaption { font-family: "Avenir", sans-serif; font-size: 14px; color: #181717; } .cwr-blog-post-body__main .wp-block-list { font-family: "Avenir", sans-serif; font-weight: 350; font-size: 20px; line-height: 145%; color: #181717; } .cwr-blog-post-body__main .wp-block-columns { gap: 48px; } .cwr-blog-post-body__main .wp-block-button__link { border-radius: 122.837px; padding: 16px 36px; font-family: "Avenir", sans-serif; font-weight: 500; line-height: 1; text-decoration: none; } .cwr-blog-post-body__main .wp-block-button:not(.is-style-outline) .wp-block-button__link, .cwr-blog-post-body__main .wp-block-button.is-style-fill .wp-block-button__link { background: #BF7C76; color: #F7F1EA; border: 2px solid transparent; } .cwr-blog-post-body__main .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; border: 2px solid #F7F1EA; color: #F7F1EA; } .cwr-blog-post-body__main .wp-block-separator { border: 0; border-top: 2px solid #E4DBD2; background: none; height: 0; opacity: 1; } .cwr-blog-post-body__main .wp-block-quote { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 48px; padding: 90px; border: 0; border-radius: 120px 0; background: #405953; } .cwr-blog-post-body__main .wp-block-quote p { margin: 0; text-align: center; color: #fff; font-family: "Cormorant", serif; font-weight: 400; font-size: 72px; line-height: 120%; } .cwr-blog-post-body__main .wp-block-quote cite { text-align: center; color: #fff; font-family: "Avenir", sans-serif; font-style: normal; font-weight: 500; font-size: 32px; line-height: 135%; } @media (max-width: 768px) { .cwr-blog-post-body__main .wp-block-quote { padding: 40px 24px; gap: 24px; border-radius: 60px 0; } .cwr-blog-post-body__main .wp-block-quote p { font-size: 40px; } .cwr-blog-post-body__main .wp-block-quote cite { font-size: 22px; } } .cwr-blog-post-body__main .wp-block-embed iframe, .cwr-blog-post-body__main .wp-block-embed video { width: 100%; max-width: 100%; max-height: 700px; } .cwr-blog-post-aside { display: flex; flex-direction: column; gap: 40px; position: sticky; top: 40px; align-self: start; } .cwr-blog-post-aside__section { display: flex; flex-direction: column; gap: 24px; } .cwr-blog-post-aside__title { margin: 0; color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 24px; font-weight: 500; line-height: 1.25; } .cwr-blog-post-aside__divider { height: 2px; background: rgba(24, 23, 23, 0.1); border: 0; } .cwr-blog-post-aside__toc-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; counter-reset: cwr-toc; } .cwr-blog-post-aside__toc-list li { display: block; } .cwr-blog-post-aside__toc-list a { display: block; color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 18px; font-weight: 500; line-height: 1.6; letter-spacing: -0.18px; text-decoration: none; transition: opacity 0.2s ease-in-out; } .cwr-blog-post-aside__toc-list a:hover, .cwr-blog-post-aside__toc-list a:focus { opacity: 0.6; } .cwr-blog-post-aside__person { display: flex; align-items: center; gap: 16px; } .cwr-blog-post-aside__avatar { flex-shrink: 0; width: 56px; height: 56px; border-radius: 100px; background: #d3d3d3 center/cover no-repeat; } .cwr-blog-post-aside__person-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .cwr-blog-post-aside__name { color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 18px; font-weight: 500; line-height: 1.6; letter-spacing: -0.18px; } .cwr-blog-post-aside__role { color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 12px; font-weight: 400; line-height: 1.25; } .cwr-blog-post-aside__form { display: flex; align-items: stretch; border: 1.5px solid #181717; border-radius: 100px; background: transparent; overflow: hidden; padding: 4.003px; } .cwr-blog-post-aside__email { flex: 1 1 auto; min-width: 0; padding: 0 24px; margin: 0; border: 0; background: transparent; color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 400; line-height: 1.65; appearance: none; -webkit-appearance: none; } .cwr-blog-post-aside__email::placeholder { color: rgba(24, 23, 23, 0.5); font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 400; line-height: 1.65; opacity: 1; } .cwr-blog-post-aside__email:focus { outline: none; } .cwr-blog-post-aside__submit { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; padding: 12.009px 24.017px; background: #BF7C76; border: 0; border-radius: 100px; color: #fff; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 500; line-height: 1.6; cursor: pointer; transition: background 0.2s ease-in-out; } .cwr-blog-post-aside__submit:hover, .cwr-blog-post-aside__submit:focus { background: rgb(178.0089552239, 97.4089552239, 90.1910447761); } @media (max-width: 1023px) { .cwr-blog-post-body { grid-template-columns: 1fr; gap: 56px; padding: 56px 24px; } .cwr-blog-post-aside { position: static; top: auto; } } @media (max-width: 767px) { .cwr-blog-post-body { gap: 40px; padding: 64px 17.5px 40px; } .cwr-blog-post-aside { gap: 32px; } .cwr-blog-post-aside__section--toc { display: none; } } .cwr-related-articles { padding: 80px 24px; background: #F1EDE9; } .cwr-related-articles .cwr-blog-grid__card-content { align-items: flex-start; text-align: left; } .cwr-related-articles__inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 2fr; gap: 46.5px; align-items: start; } .cwr-related-articles__intro { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; } .cwr-related-articles__title { margin: 0; color: #181717; font-family: "Cormorant", serif; font-style: normal; font-size: 64px; font-weight: 700; line-height: 1.1; } .cwr-related-articles__title br { display: none; } .cwr-related-articles__body { margin: 0; color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 400; line-height: 1.65; } .cwr-related-articles__cta { display: inline-flex; align-items: center; justify-content: center; padding: 12.009px 24.017px; background: #BF7C76; color: #fff; text-align: center; text-decoration: none; border-radius: 100px; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 500; line-height: 1.6; transition: background 0.2s ease-in-out; } .cwr-related-articles__cta:hover, .cwr-related-articles__cta:focus { background: rgb(178.0089552239, 97.4089552239, 90.1910447761); color: #fff; } .cwr-related-articles__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 46.5px; } @media (max-width: 1023px) { .cwr-related-articles { padding: 64px 24px; } .cwr-related-articles__inner { grid-template-columns: 1fr; gap: 46.5px; } .cwr-related-articles__cards { gap: 46.5px; } } @media (max-width: 767px) { .cwr-related-articles { padding: 48px 17.5px 80px; } .cwr-related-articles .cwr-blog-grid__card-cta { width: 100%; } .cwr-related-articles__inner { gap: 46.5px; } .cwr-related-articles__cards { grid-template-columns: 1fr; gap: 46.5px; } .cwr-related-articles__title { font-size: 48px; } .cwr-related-articles__title br { display: inline; } .cwr-related-articles__cta { width: 100%; } } .cwr-product-page { background: #ffffff; padding-bottom: 0; } .cwr-product-page__hero { max-width: 1200px; margin: 0 auto; padding: 32px 24px 80px; box-sizing: border-box; } .cwr-product-page__breadcrumbs { margin-bottom: 32px; color: #000; font-family: "Avenir", sans-serif; font-style: normal; font-size: 14px; font-weight: 500; line-height: 1.6; } .cwr-product-page__breadcrumbs a { color: inherit; text-decoration: none; } .cwr-product-page__breadcrumbs a:hover, .cwr-product-page__breadcrumbs a:focus { text-decoration: underline; } .cwr-product-page__hero-grid { display: grid; grid-template-columns: 45% 1fr; gap: 64px; align-items: start; } .cwr-product-page__gallery { min-width: 0; } .cwr-product-page__gallery .single-product-gallery { display: flex; flex-direction: column; gap: 16px; } .cwr-product-page__gallery .gallery-item { background: #f1ede9; } .cwr-product-page__gallery .gallery-item img { mix-blend-mode: multiply; } .cwr-product-page__gallery .nav-items .slick-track { margin-left: 0; } @media (max-width: 1023px) { .cwr-product-page__gallery .nav-items { max-width: 348px; } } .cwr-product-page__gallery .nav-item { flex: 0 0 auto; padding: 0; border: 0; background: transparent; cursor: pointer; } .cwr-product-page__gallery .nav-item img { display: block; width: 80.392px; height: 80.392px; object-fit: cover; } .cwr-product-page__info { display: flex; flex-direction: column; gap: 20px; min-width: 0; } .cwr-product-page__info > .cwr-product-page__title, .cwr-product-page__info > .cwr-product-page__rating, .cwr-product-page__info > .cwr-product-page__price { margin: 0; } .cwr-product-page__info .product-sku, .cwr-product-page__info .bc-product-sku, .cwr-product-page__info .bc-product__sku, .cwr-product-page__info > .sku { margin-top: 0; color: rgba(24, 23, 23, 0.5); font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 800; line-height: 1.25; letter-spacing: 1.28px; text-transform: uppercase; } .cwr-product-page__rating a { color: #BBA58F; text-decoration: none; } .cwr-product-page__title h1, .cwr-product-page__title .product-title-name { margin: 0; color: #181717; font-family: "Inter", sans-serif; font-style: normal; font-size: 40px; font-weight: 500; line-height: 1.25; } .cwr-product-page__rating:empty, .cwr-product-page__rating:has(> [data-bv-show]:empty) { display: none; } .cwr-product-page__price { color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 24px; font-weight: 500; line-height: 1.25; } .cwr-product-page__quantity-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .cwr-product-page__quantity-label { color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 800; line-height: 1.25; } .cwr-product-page__form, .cwr-product-page__form form, .cwr-product-page__form .bc-product-form, .cwr-product-page__form .form-actions { padding-top: 0; margin-top: 0; } .cwr-product-page__form .form-actions { display: flex; flex-direction: column; gap: 32px; } .cwr-product-page__form .quantity-label, .cwr-product-page__form label[for=quantity] { color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 800; line-height: 1.25; } .cwr-product-page__form .quantity-container { display: inline-flex !important; align-items: stretch; position: static; padding: 0; background: #fff; border: 2px solid #BBA58F; border-radius: 0; overflow: hidden; } .cwr-product-page__form .quantity-container .bc-product-form__quantity-input, .cwr-product-page__form .quantity-container input.js-quantity-input, .cwr-product-page__form .quantity-container input[type=number] { order: 2; width: 56px; height: auto; padding: 8px 0; margin: 0; border: 0; background: transparent; color: #181717; text-align: center; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 800; line-height: 1.25; -moz-appearance: textfield; appearance: textfield; } .cwr-product-page__form .quantity-container .bc-product-form__quantity-input::-webkit-outer-spin-button, .cwr-product-page__form .quantity-container .bc-product-form__quantity-input::-webkit-inner-spin-button, .cwr-product-page__form .quantity-container input.js-quantity-input::-webkit-outer-spin-button, .cwr-product-page__form .quantity-container input.js-quantity-input::-webkit-inner-spin-button, .cwr-product-page__form .quantity-container input[type=number]::-webkit-outer-spin-button, .cwr-product-page__form .quantity-container input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .cwr-product-page__form .quantity-container .bc-product-form__quantity-input:focus, .cwr-product-page__form .quantity-container input.js-quantity-input:focus, .cwr-product-page__form .quantity-container input[type=number]:focus { outline: none; } .cwr-product-page__form .quantity-container .increase, .cwr-product-page__form .quantity-container .decrease { position: static !important; top: auto; left: auto; right: auto; margin: 0; width: 44px; height: auto; padding: 8px 0; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: #BBA58F; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 800; line-height: 1.25; cursor: pointer; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; } .cwr-product-page__form .quantity-container .increase::before, .cwr-product-page__form .quantity-container .decrease::before { position: static !important; top: auto; left: auto; width: auto; height: auto; margin: 0; border: 0; background: none; transform: none; } .cwr-product-page__form .quantity-container .increase::after, .cwr-product-page__form .quantity-container .decrease::after { display: none; } .cwr-product-page__form .quantity-container .increase:hover, .cwr-product-page__form .quantity-container .increase:focus, .cwr-product-page__form .quantity-container .decrease:hover, .cwr-product-page__form .quantity-container .decrease:focus { background: rgba(187, 165, 143, 0.15); color: #BBA58F; } .cwr-product-page__form .quantity-container .decrease { order: 1; } .cwr-product-page__form .quantity-container .decrease::before { content: "−"; } .cwr-product-page__form .quantity-container .increase { order: 3; } .cwr-product-page__form .quantity-container .increase::before { content: "+"; } .cwr-product-page__form .button-container { margin: 0; } .cwr-product-page__form .button-container button, .cwr-product-page__form .button-container input[type=submit], .cwr-product-page__form .button-container .bc-btn, .cwr-product-page__form .button-container .bc-btn--form-submit { display: flex; align-items: center; justify-content: center; width: 100%; padding: 14px 24px; background: #BF7C76; color: #fff; border: 0; border-radius: 100px; text-align: center; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 500; line-height: 1.6; cursor: pointer; transition: background 0.2s ease-in-out; } .cwr-product-page__form .button-container button:hover, .cwr-product-page__form .button-container button:focus, .cwr-product-page__form .button-container input[type=submit]:hover, .cwr-product-page__form .button-container input[type=submit]:focus, .cwr-product-page__form .button-container .bc-btn:hover, .cwr-product-page__form .button-container .bc-btn:focus, .cwr-product-page__form .button-container .bc-btn--form-submit:hover, .cwr-product-page__form .button-container .bc-btn--form-submit:focus { background: rgb(178.0089552239, 97.4089552239, 90.1910447761); color: #fff; } .cwr-product-page__short-description { padding-top: 40px; border-top: 1px solid rgba(24, 23, 23, 0.1); color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 18px; font-weight: 500; line-height: 1.6; letter-spacing: -0.18px; } .cwr-product-page__short-description p { margin: 0 0 12px; } .cwr-product-page__short-description p:last-child { margin-bottom: 0; } .cwr-product-page__details { padding-top: 40px; border-top: 1px solid rgba(24, 23, 23, 0.1); } .cwr-product-page__details .product-details-list { margin: 0; padding: 0; display: flex; flex-direction: column; } .cwr-product-page__details dt { margin: 0; } .cwr-product-page__details dt button { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 16px 0; margin: 0; background: transparent; border: 0; cursor: pointer; color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 14px; font-weight: 800; line-height: 1.6; letter-spacing: 1.26px; text-transform: uppercase; text-align: left; } .cwr-product-page__details dt button::after { content: "+"; flex-shrink: 0; margin-left: 16px; font-family: "Avenir", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0; color: #181717; } .cwr-product-page__details dt button[aria-expanded=true]::after { content: "−"; } .cwr-product-page__details dt.expanded button { font-size: 16px; line-height: 1.25; letter-spacing: 1.28px; } .cwr-product-page__details dd { margin: 0; padding: 0 0 24px; color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 500; line-height: 1.65; } .cwr-product-page__details dd p { margin: 0 0 16px; } .cwr-product-page__details dd p:last-child { margin-bottom: 0; } .cwr-product-page__details dd li { margin: 0 0 12px; } .cwr-product-page__details dd li:last-child { margin-bottom: 0; } .cwr-product-page__details dd li > strong:first-child { font-size: 14px; font-weight: 800; line-height: 1.6; letter-spacing: 1.26px; text-transform: uppercase; } .cwr-product-page__details dd ul ul { padding-left: 0; } .cwr-product-page__details dd h3, .cwr-product-page__details dd h4 { margin: 16px 0 8px; color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 14px; font-weight: 800; line-height: 1.6; letter-spacing: 1.26px; text-transform: uppercase; } .cwr-product-page__details dd h3:first-child, .cwr-product-page__details dd h4:first-child { margin-top: 0; } @media (max-width: 1023px) { .cwr-product-page__hero-grid { grid-template-columns: 1fr; gap: 48px; } } @media (max-width: 767px) { .cwr-product-page__hero { padding: 24px 17.5px 56px; } .cwr-product-page__title h1, .cwr-product-page__title .product-title-name { font-size: 32px; } } .cwr-ymal__head { margin-bottom: 64px; } @media (max-width: 767px) { .cwr-ymal__head { margin-bottom: 48px; } } .cwr-ymal__heading { margin: 0 0 12px; font-family: "Cormorant", serif; font-weight: 700; font-size: 72px; line-height: 120%; color: #f7f1ea; } @media (max-width: 767px) { .cwr-ymal__heading { font-size: 60px; line-height: 115%; color: #f1ede9; } } .cwr-ymal__subhead { margin: 0; font-family: "Avenir", sans-serif; font-weight: 500; font-size: 20px; line-height: 145%; color: #f7f1ea; } .faq-section { padding: 50px 0 20px; } .faq-section h2 { margin-bottom: 20px; } @media print, screen and (min-width: 64em) { .faq-section h2 { margin-bottom: 30px; } } .faq-sidebar-nav { display: none; } @media print, screen and (min-width: 64em) { .faq-sidebar-nav { display: block; height: 100%; position: relative; } } .faq-sidebar-nav ul { padding: 0; margin: 0; list-style: none; font-size: 14px; } @media print, screen and (min-width: 64em) { .faq-sidebar-fixed .faq-sidebar-nav ul { top: 105px; margin-top: 20px; position: fixed; } } @media print, screen and (min-width: 64em) { .faq-sidebar-reached-end .faq-sidebar-nav ul { position: absolute; bottom: 0; left: 0; top: auto; width: 100%; } } .faq-sidebar-nav ul li { margin-bottom: 1em; } .faq-sidebar-nav ul a:hover { text-decoration: underline; } .faq-list { border-bottom: 1px solid #E2DED9; margin-bottom: 0; } .faq-list dt { border-top: 1px solid #E2DED9; padding: 13px 0 14px; margin: 0; font-weight: 500; font-size: 16px; } @media print, screen and (min-width: 64em) { .faq-list dt { font-size: 18px; } } .faq-list dt.expanded button:after { display: none; } .faq-list dt button { padding: 2px 20px 3px 0; display: block; position: relative; cursor: pointer; width: 100%; text-align: left; font-weight: inherit; line-height: 1.5; } .faq-list dt button::before { content: ""; width: 12px; right: 0; top: 16px; border-top: 2px solid #949597; position: absolute; margin-top: -1px; } .faq-list dt button::after { content: ""; height: 12px; right: 5px; top: 16px; margin-top: -6px; border-left: 2px solid #949597; position: absolute; } .faq-list dd { line-height: 1.57; display: none; padding-bottom: 30px; } .faq-list dd a { color: #931A1D; text-decoration: underline; } .faq-list dd a:hover { text-decoration: none; } .account-subpages-list { display: flex; flex-wrap: wrap; margin: 0 -15px; } .account-subpages-list .account-subpage-item { width: 33.33%; padding: 0 15px; margin-bottom: 30px; } .account-subpages-list .account-subpage-item a { transition: border-color 0.25s ease-out, box-shadow 0.25s ease-out; border: 1px solid #E2DED9; display: flex; padding: 15px 25px; text-align: center; min-height: 90px; flex-direction: column; justify-content: center; text-decoration: none; } .account-subpages-list .account-subpage-item a:hover { border-color: #949597; box-shadow: 0px 0px 10px rgba(75, 69, 63, 0.1019607843); text-decoration: underline; } .sales-reps-list { margin: 35px 0; } .sales-reps-list .sales-rep-item { border: 1px solid #E2DED9; padding: 15px; margin-bottom: 30px; } @media print, screen and (min-width: 48em) { .sales-reps-list .sales-rep-item { display: flex; padding: 20px; } } .sales-reps-list .sales-rep-item .image { margin-bottom: 20px; } @media print, screen and (min-width: 48em) { .sales-reps-list .sales-rep-item .image { flex: 0 0 200px; } } .sales-reps-list .sales-rep-item .image .image-placeholder { background-color: rgba(148, 149, 151, 0.5); } .sales-reps-list .sales-rep-item .image .image-placeholder::before { content: ""; display: block; padding-bottom: 100%; } .sales-reps-list .sales-rep-item .content { font-size: 14px; } @media print, screen and (min-width: 48em) { .sales-reps-list .sales-rep-item .content { padding-left: 25px; } } .sales-reps-list .sales-rep-item .content h6 { margin-bottom: 12px; } .sales-reps-list .sales-rep-item .content .contact-info { margin-bottom: 12px; } @media print, screen and (min-width: 48em) { .sales-reps-list .sales-rep-item .content .contact-info { display: flex; } } @media print, screen and (min-width: 48em) { .sales-reps-list .sales-rep-item .content .contact-info .phone + .email { position: relative; padding-left: 20px; margin-left: 15px; } .sales-reps-list .sales-rep-item .content .contact-info .phone + .email::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -3px; height: 5px; width: 5px; background-color: #949597; border-radius: 50%; } } .sales-reps-list .sales-rep-item .content .states { margin-bottom: 15px; } .sales-reps-list .sales-rep-item .content .description { border-top: 1px solid #E2DED9; padding-top: 15px; } .page.promotions .regular-page-content .wp-block-image { margin: 35px 0; border: 1px solid #E2DED9; padding: 30px 60px 40px; text-align: center; } .page.promotions .regular-page-content .wp-block-image figure { display: flex; flex-direction: column; } .page.promotions .regular-page-content .wp-block-image figure figcaption { order: 1; font-size: 22px; font-weight: 600; margin: 0 0 20px 0; } .page.promotions .regular-page-content .wp-block-image figure img { order: 2; } .photo-gallery-header { margin-bottom: 25px; } .photo-gallery-header form { margin-bottom: 25px; } .photo-gallery-header .select-container { margin-bottom: 10px; } .photo-gallery-header .radio-container { display: flex; align-items: center; padding: 5px 0; justify-content: flex-end; } @media print, screen and (min-width: 64em) { .photo-gallery-header .radio-container { padding: 11px 0 12px 10px; } } .photo-gallery-header .radio-container .radio-label { font-size: 14px; } .photo-gallery-header .radio-container input { display: none; } .photo-gallery-header .radio-container input:checked + label { color: #404040; } .photo-gallery-header .radio-container label { margin: 0 0 0 20px; display: block; color: #949597; } .photo-gallery-header .radio-container .icon-grid { font-size: 20px; line-height: 1; display: block; } .photo-gallery-header .radio-container .icon-list { font-size: 22px; line-height: 1; display: block; } .photo-gallery-header .search-input-container { position: relative; } .photo-gallery-header .search-input-container input { padding-right: 35px; } .photo-gallery-header .search-input-container .icon-search { position: absolute; top: 50%; right: 14px; font-size: 18px; color: #949597; margin-top: -10px; } .photo-gallery-header .photo-gallery-count { color: #949597; font-size: 14px; display: block; padding: 5px 0; } @media print, screen and (min-width: 64em) { .photo-gallery-header .photo-gallery-count { text-align: center; } } .photo-gallery-items { display: flex; flex-wrap: wrap; margin: 0 -13px 50px; } .photo-gallery-items.grid-view .photo-gallery-item-container { width: 50%; padding: 13px; border-top: 1px solid #E2DED9; border-right: 1px solid #E2DED9; } .photo-gallery-items.grid-view .photo-gallery-item-container:nth-child(even) { border-right: none; } @media print, screen and (min-width: 48em) { .photo-gallery-items.grid-view .photo-gallery-item-container:nth-child(even) { border-right: 1px solid #E2DED9; } } @media print, screen and (min-width: 48em) { .photo-gallery-items.grid-view .photo-gallery-item-container { width: 25%; } .photo-gallery-items.grid-view .photo-gallery-item-container:nth-child(4n) { border-right: none; } } @media print, screen and (min-width: 64em) { .photo-gallery-items.grid-view .photo-gallery-item-container { width: 20%; } .photo-gallery-items.grid-view .photo-gallery-item-container:nth-child(-n+5) { border-top: none; } .photo-gallery-items.grid-view .photo-gallery-item-container:nth-child(4n) { border-right: 1px solid #E2DED9; } .photo-gallery-items.grid-view .photo-gallery-item-container:nth-child(5n) { border-right: none; } } @media print, screen and (min-width: 64em) { .photo-gallery-items.grid-view .photo-gallery-item { padding: 10px; } } .photo-gallery-items.grid-view .photo-gallery-item .product-image { margin-bottom: 12px; } .photo-gallery-items.list-view .photo-gallery-item-container { width: 100%; border-bottom: 1px solid #E2DED9; } .photo-gallery-items.list-view .photo-gallery-item { padding: 15px 0; display: flex; align-items: center; width: 100%; justify-content: space-between; } .photo-gallery-items.list-view .photo-gallery-item .product-image { flex: 0 0 120px; padding: 10px; } .photo-gallery-items.list-view .photo-gallery-item .product-category { width: 24%; margin-left: 30px; } .photo-gallery-items.list-view .photo-gallery-item .product-title { width: 32%; margin-left: 40px; } .photo-gallery-items.list-view .photo-gallery-item .product-meta { flex-grow: 1; margin-left: 40px; } .photo-gallery-items .photo-gallery-item { font-size: 14px; } .photo-gallery-items .photo-gallery-item .product-category { display: block; color: #797979; margin-bottom: 8px; } .photo-gallery-items .photo-gallery-item .product-title { display: block; margin-bottom: 9px; } .photo-gallery-items .photo-gallery-item .product-sku { color: #949597; } .photo-gallery-items .photo-gallery-item .product-meta { display: flex; align-items: center; justify-content: space-between; } .photo-gallery-items .photo-gallery-item .icon-download { font-size: 22px; color: #931A1D; } .find-store-form { margin-bottom: 50px; } .find-store-form select, .find-store-form button, .find-store-form input { margin: 0 0 25px 0; } .find-store-form .submit-column { max-width: none; flex: 0 0 auto; } .find-store-section { margin-bottom: 50px; position: relative; } @media print, screen and (min-width: 48em) { .find-store-section { display: flex; } } .find-store-section::before { content: "Loading..."; position: absolute; top: 0; left: 0; width: 100%; text-align: center; } .find-store-section.loaded::before { display: none; } .find-store-section.loaded .map-column, .find-store-section.loaded .list-column { opacity: 1; } .find-store-section .map-column, .find-store-section .list-column { transition: opacity 0.25s ease-out; opacity: 0; } @media print, screen and (min-width: 48em) { .find-store-section .map-column, .find-store-section .list-column { width: 50%; } } .find-store-section .list-column { max-width: 34.5rem; padding-right: 20px; padding-left: 20px; } @media screen and (min-width: 80em) { .find-store-section .list-column { padding-left: 100px; padding-right: 8px; } } .find-store-section .map-container { position: relative; margin-bottom: 50px; } @media print, screen and (min-width: 48em) { .find-store-section .map-container { margin: 0; height: calc(100vh - 130px); } } @media print, screen and (min-width: 64em) { .find-store-section .map-container { height: calc(100vh - 105px); } } @media print, screen and (min-width: 48em) { .stores-map-fixed .find-store-section .map-container { position: fixed; top: 130px; left: 0; width: 50%; } } @media print, screen and (min-width: 64em) { .stores-map-fixed .find-store-section .map-container { top: 105px; } } @media print, screen and (min-width: 48em) { .stores-map-fixed.map-reached-end .find-store-section .map-container { top: auto; bottom: 0; position: absolute; } } .find-store-section .map-container::before { content: ""; display: block; padding-bottom: 100%; } .find-store-section .map-container .map { top: 0; left: 0; position: absolute; width: 100%; height: 100%; } .find-store-section .search-result-heading { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; } .find-store-section .search-result-heading h3 { margin: 0; } .find-store-section .search-result-heading .result-count { color: #797979; font-size: 14px; } .find-store-section .search-result .store-meta { display: flex; flex-wrap: wrap; } .find-store-section .search-result .store-meta .store-address, .find-store-section .search-result .store-meta .store-phone { margin-bottom: 10px; padding-left: 22px; padding-right: 30px; position: relative; } @media print, screen and (min-width: 64em) { .find-store-section .search-result .store-meta .store-address, .find-store-section .search-result .store-meta .store-phone { width: 50%; } } .find-store-section .search-result .store-meta .store-directions { width: 50%; padding-left: 22px; text-align: right; } @media print, screen and (min-width: 64em) { .find-store-section .search-result .store-meta .store-directions { text-align: left; } } .find-store-section .search-result .store-meta .store-directions a { font-weight: 500; position: relative; display: inline-block; padding-right: 26px; } .find-store-section .search-result .store-meta .store-directions a .icon-circle-right { position: absolute; font-size: 16px; top: 50%; right: 0; margin-top: -8px; } .find-store-section .search-result .store-meta .store-directions a:hover { text-decoration: underline; } .find-store-section .search-result .store-meta .store-directions a:hover .icon-circle-right { color: #931A1D; } .find-store-section .search-result .store-meta .store-logos { width: 50%; display: flex; } .find-store-section .search-result .store-meta .store-logos div + div { margin-left: 5%; } .find-store-section .search-result .store-meta .store-logos img { height: 15px; } .find-store-section .search-result .store-meta .icon-pin, .find-store-section .search-result .store-meta .icon-phone { position: absolute; top: 0; left: 0; font-size: 18px; } .find-store-section .search-result ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #E2DED9; font-size: 14px; } .find-store-section .search-result ul li { padding: 20px 0 25px; border-top: 1px solid #E2DED9; } .videos-list .video-item { margin-bottom: 40px; } @media print, screen and (min-width: 64em) { .videos-list .video-item { margin-bottom: 50px; } } .videos-list .video-item .video-thumbnail { margin-bottom: 15px; } .videos-list .video-item .video-title { margin: 0; font-weight: 500; } .videos-list .video-item .video-title:hover { text-decoration: underline; } .events-section { margin-bottom: 50px; } .events-section-title { text-align: center; margin: 10px 0 35px; font-weight: 600; letter-spacing: 0.08em; } .events-section-subtitle { text-align: center; color: #797979; } .events-section .events-list { list-style: none; padding: 0; margin: 0; font-size: 14px; } .events-section .events-list li { padding: 20px 0; border-top: 1px solid #E2DED9; } .events-section .events-list li:last-child { border-bottom: 1px solid #E2DED9; } .events-section .event-meta { display: flex; flex-wrap: wrap; justify-content: space-between; } .events-section .event-meta .icon-calendar { font-size: 16px; position: absolute; top: 3px; left: 0; } .events-section .event-meta .icon-pin { font-size: 18px; position: absolute; top: 2px; left: 0; } .events-section .event-meta .event-date, .events-section .event-meta .event-link { margin-bottom: 12px; } .events-section .event-meta .event-date, .events-section .event-meta .event-place { padding-left: 26px; position: relative; min-width: 50%; } .events-section .event-meta .event-place { max-width: 70%; } .events-section .event-meta .event-link { width: 100%; padding-left: 26px; } @media print, screen and (min-width: 48em) { .events-section .event-meta .event-link { text-align: right; width: auto; padding-left: 0; } } .events-section .event-meta .event-link a { position: relative; display: inline-block; padding-right: 26px; } .events-section .event-meta .event-link a .icon-circle-right { position: absolute; font-size: 16px; top: 50%; right: 0; margin-top: -8px; } .events-section .event-meta .event-link a:hover { text-decoration: underline; } .events-section .event-meta .event-link a:hover .icon-circle-right { color: #931A1D; } .events-section .event-meta .event-location { color: #797979; text-align: right; } .contact-form-container { margin-top: 20px; } @media print, screen and (min-width: 64em) { .contact-form-container { padding-left: 30px; margin: 0; } } .warranty-form { margin-top: 75px; } @media print, screen and (min-width: 48em) { .warranty-form .wpforms-field-container { display: flex; flex-wrap: wrap; } } @media print, screen and (min-width: 48em) { .warranty-form .wpforms-field-container .wpforms-field { width: 50%; padding: 0 8px; } } @media print, screen and (min-width: 64em) { .warranty-form .wpforms-field-container .wpforms-field { padding: 0 24px; } } .warranty-form .wpforms-submit-container { text-align: center; } .wpforms-container form .wpforms-submit-container { padding: 0; } .wpforms-container form .wpforms-field { padding: 0; margin: 0 0 20px 0; } .wpforms-container form .wpforms-field textarea, .wpforms-container form .wpforms-field input { margin: 0; } .wpforms-container form .button, .wpforms-container form .single-product-form button.bc-btn--form-submit, .single-product-form .wpforms-container form button.bc-btn--form-submit { background-color: #404040; color: #fff; } .wpforms-container form .button:hover, .wpforms-container form .single-product-form button.bc-btn--form-submit:hover, .single-product-form .wpforms-container form button.bc-btn--form-submit:hover { background-color: #262626; } .hero-flex-section { background-size: cover; background-position: right -100px center; position: relative; display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 100px; padding: 75px 0; height: calc(100vh - 120px); } @media print, screen and (min-width: 48em) { .hero-flex-section { justify-content: center; background-position: right center; } } @media print, screen and (min-width: 64em) { .hero-flex-section { height: calc(100vh - 160px); display: block; background-position: center; } } @media screen and (min-width: 112.5em) { .hero-flex-section { height: calc(100vh - 260px); } } .hero-flex-section.text-black { color: #404040; } .hero-flex-section.text-white { color: #fff; } .hero-flex-section.text-white::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } @media print, screen and (min-width: 64em) { .hero-flex-section.text-white::before { display: none; } } .hero-flex-section .row { position: relative; } @media print, screen and (min-width: 64em) { .hero-flex-section .row { display: flex; height: 100%; } } @media print, screen and (min-width: 64em) { .hero-flex-section .row .column, .hero-flex-section .row .columns { margin-top: auto; margin-bottom: auto; } } .hero-flex-section .title { margin-bottom: 20px; } .hero-flex-section .text { margin-bottom: 30px; } .hero-flex-section .button, .hero-flex-section .single-product-form button.bc-btn--form-submit, .single-product-form .hero-flex-section button.bc-btn--form-submit { margin: 0; } .promo-section { margin-bottom: 100px; } .promo-section .promo-block { padding: 50px 20px 200px; position: relative; background-position: center; background-size: cover; color: #fff; } @media print, screen and (min-width: 64em) { .promo-section .promo-block { padding: 200px 0; } } .promo-section .promo-block::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .promo-section .row { position: relative; } .promo-section .title { margin-bottom: 15px; font-size: 32px; font-family: "Cormorant Garamond", serif; } .promo-section .text { margin-bottom: 30px; } .promo-section .button, .promo-section .single-product-form button.bc-btn--form-submit, .single-product-form .promo-section button.bc-btn--form-submit { margin: 0; } .promo-blocks-section { margin-bottom: 100px; } @media print, screen and (min-width: 48em) { .promo-blocks-section .promo-block { display: flex; align-items: center; } } @media print, screen and (min-width: 64em) { .promo-blocks-section .promo-block:nth-child(odd) .content-container { padding-left: 120px; } } @media print, screen and (min-width: 64em) { .promo-blocks-section .promo-block:nth-child(even) .content-container { float: right; padding-right: 120px; } } .promo-blocks-section .promo-block:nth-child(even) .image { order: 2; } .promo-blocks-section .promo-block:nth-child(even) .content { order: 1; } @media print, screen and (min-width: 48em) { .promo-blocks-section .image, .promo-blocks-section .content { width: 50%; } } .promo-blocks-section .image { background-size: cover; background-position: center; } .promo-blocks-section .image::before { content: ""; display: block; padding-bottom: 100%; } .promo-blocks-section .content-container { padding: 50px 36px; } @media print, screen and (min-width: 64em) { .promo-blocks-section .content-container { max-width: 34.5rem; } } .promo-blocks-section .title { margin-bottom: 15px; } .promo-blocks-section .text { margin-bottom: 30px; } .promo-blocks-section .button, .promo-blocks-section .single-product-form button.bc-btn--form-submit, .single-product-form .promo-blocks-section button.bc-btn--form-submit { margin: 0; } .products-section { margin-bottom: 75px; } @media print, screen and (min-width: 48em) { .products-section { margin-bottom: 100px; } } @media print, screen and (min-width: 64em) { .products-section { margin-bottom: 125px; } } .products-section .slick-dots { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 0; list-style: none; display: flex !important; justify-content: center; z-index: 1; } .products-section .slick-dots button { display: block; border-radius: 0; height: 40px; position: relative; outline: none; width: 50px; } @media print, screen and (min-width: 48em) { .products-section .slick-dots button { width: 75px; } } @media print, screen and (min-width: 64em) { .products-section .slick-dots button { width: 175px; } } .products-section .slick-dots button::before { content: ""; margin-top: -1px; top: 50%; left: 0; width: 100%; position: absolute; border-top: 2px solid #E2DED9; } .products-section .slick-dots .slick-active button::before { border-color: #404040; } .products-section .slick-arrow { position: absolute; bottom: 0; width: 40px; height: 40px; border: 1px solid; border-radius: 40px; color: #404040; font-size: 20px; cursor: pointer; z-index: 2; } .products-section .slick-arrow.prev-slide { left: 0; } .products-section .slick-arrow.next-slide { right: 0; } .products-section.embedded-products { margin-bottom: 50px; } .products-section.embedded-products .products-carousel { justify-content: center; } .products-section .products-carousel { padding-bottom: 0; } .products-section .products-carousel:not(.slick-slider) { display: flex; } .products-section .products-carousel:not(.slick-slider) .product-carousel-item { width: 25%; } .products-section .products-carousel:not(.slick-slider) .product-carousel-item:nth-child(n+5) { display: none; } .products-section .product-carousel-item { padding: 0 8px; margin: 15px 0; } .products-section .product-card { margin-bottom: 0; } .features-section { text-align: center; margin-bottom: 100px; } .features-section .features-list { margin-bottom: 45px; } @media print, screen and (min-width: 64em) { .features-section .features-list { display: flex; flex-wrap: wrap; justify-content: center; } } .features-section .feature-item { max-width: 276px; padding: 0 18px; margin: 0 auto; } .features-section .feature-item .title { font-family: "Inter", sans-serif; font-weight: 500; margin-bottom: 15px; font-size: 1rem; display: block; } .features-section .feature-item .text { font-size: 14px; } .features-section .feature-item + .feature-item { margin-top: 75px; } @media print, screen and (min-width: 64em) { .features-section .feature-item + .feature-item { margin-top: 0; } } .features-section .features-link a { font-weight: 500; display: inline-block; position: relative; padding-bottom: 7px; } .features-section .features-link a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 2px solid #E2DED9; } .shipping-section { margin-bottom: 100px; } .shipping-section .shipping-container { padding: 280px 20px 50px; color: #fff; background-position: center; background-size: cover; } @media print, screen and (min-width: 48em) { .shipping-section .shipping-container { padding: 275px 50px 50px; } } @media print, screen and (min-width: 64em) { .shipping-section .shipping-container { padding: 115px 0; } } .shipping-section .title { font-size: 22px; font-weight: 500; margin-bottom: 15px; font-family: "Inter", sans-serif; display: block; } .instagram-section { background-color: #F7F3ED; padding: 75px 0; margin-bottom: 100px; text-align: center; } .instagram-section .section-title { margin-bottom: 20px; } .instagram-section .section-text { margin-bottom: 35px; } .shop-by-section { margin-bottom: 100px; } .shop-by-section .section-title { margin-bottom: 50px; } .shop-by-section .shop-item { background-size: cover; background-position: center; margin-bottom: 16px; position: relative; color: #fff; transition: all 0.2s ease-in-out; } .shop-by-section .shop-item:hover { cursor: pointer; transition: all 0.2s ease-in-out; } .shop-by-section .shop-item:hover::before { background-color: rgba(0, 0, 0, 0.3); transition: all 0.2s ease-in-out; } .shop-by-section .shop-item::before { content: ""; display: block; padding-bottom: 100%; background-color: rgba(0, 0, 0, 0.1); transition: all 0.2s ease-in-out; } .shop-by-section .shop-item--short::before { content: ""; display: block; padding-bottom: 50%; } .shop-by-section .shop-item > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 30px 20px; } @media print, screen and (min-width: 48em) { .shop-by-section .shop-item > div { padding: 50px; } } .shop-by-section .shop-item-title { font-size: 22px; font-family: "Inter", sans-serif; margin: 0; font-weight: 500; } .shop-by-section .shop-item .button-container { text-align: right; } .shop-by-section .shop-item .button-container .button, .shop-by-section .shop-item .button-container .single-product-form button.bc-btn--form-submit, .single-product-form .shop-by-section .shop-item .button-container button.bc-btn--form-submit { min-width: 138px; margin: 0; } .explore-more-section { margin-bottom: 100px; } .explore-more-section .section-title { margin-bottom: 50px; } .explore-more-section .explore-item { margin-bottom: 50px; } .explore-more-section .explore-item h2 a { transition: border-color 0.25s ease-out; border-bottom: 1px solid transparent; } .explore-more-section .explore-item:hover h2 a { border-bottom-color: #931A1D; } .explore-more-section .explore-item .image-container { position: relative; } .explore-more-section .explore-item .image-container::before { content: ""; display: block; padding-bottom: 135%; } .explore-more-section .explore-item .image-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .explore-more-section .explore-item .title-container { padding: 25px 20px 5px; } .explore-more-section .explore-item .title-container h2 { font-size: 22px; font-weight: 500; font-family: "Inter", sans-serif; margin: 0; } .images-only-hero, .images-only-promo { margin-bottom: 100px; } .images-only-hero a, .images-only-promo a { display: block; } .images-only-hero a picture img, .images-only-promo a picture img { width: 100%; height: auto; } .images-only-promo { max-width: 1100px; margin-left: auto; margin-right: auto; } .bundle-builder-cta { margin-bottom: 50px; background-color: #FAF8F3; } .bundle-builder-cta .bundle-image { margin: 100px; } .bundle-builder-cta .bundle-image img { width: 100%; height: auto; } .bundle-builder-cta .bundle-image { -webkit-box-shadow: 0 0 5px 0 #808080; box-shadow: 0 0 5px 0 #808080; } .bundle-builder-cta .bgred { background-color: #842C21; color: #fff; padding: 10px; text-align: center; font-weight: bold; } .bundle-builder-cta .banner-text { padding: 0px 16px 0 16px; } @media print, screen and (min-width: 48em) { .bundle-builder-cta .banner-text { padding: 125px 0 0 0; } } .bundle-builder-cta .title { font-size: 50px; font-weight: normal; font-family: "Cormorant Garamond", serif; margin: 0.5em 0 0.75em; } .bundle-builder-cta .sub-title { font-size: 20px; font-weight: bold; } .bundle-builder-cta a { margin-top: 35px; } .pointer { cursor: pointer; } .cwr-hero { position: relative; width: 100%; max-width: 100vw; background-color: #405953; color: #f7f1ea; overflow: hidden; } .cwr-hero__media { position: relative; aspect-ratio: 16/9; max-height: 600px; overflow: hidden; width: 100%; } .cwr-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; display: block; } .cwr-hero__media::after { content: ""; position: absolute; inset: 35% 0 0 0; background: linear-gradient(to bottom, rgba(40, 58, 54, 0) 0%, rgba(40, 58, 54, 0.6) 80%, rgba(40, 58, 54, 0.85) 100%); z-index: 1; pointer-events: none; } .cwr-hero__badge { position: absolute; top: 32px; right: 32px; width: 144px; height: 144px; z-index: 4; display: block; color: #fff; text-decoration: none; } .cwr-hero__badge-svg { width: 100%; height: 100%; animation: cwr-hero-badge-spin 18s linear infinite; } @keyframes cwr-hero-badge-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .cwr-hero__badge-text { font-family: "Inter", sans-serif; font-size: 12px; font-weight: 500; fill: #fff; letter-spacing: 0.06em; text-transform: lowercase; } .cwr-hero__badge-arrow { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .cwr-hero__badge-arrow svg { width: 50px; height: 50px; min-width: 40px; min-height: 40px; color: #fff; } .cwr-hero__overlay { position: absolute; left: 72px; right: 72px; bottom: 220px; z-index: 5; display: flex; flex-direction: column; gap: 12px; pointer-events: none; } .cwr-hero__eyebrow { font-family: "Inter", sans-serif; font-weight: 500; font-size: 51.814px; line-height: 1.25; color: #fff; text-align: left; } .cwr-hero__title { font-family: "Cormorant", serif; font-style: italic; font-weight: 700; font-size: 168px; line-height: 1; color: #fff; margin: 0; } .cwr-hero__title em { font-style: italic; font-weight: 700; } .cwr-hero__panel { background-color: #405953; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: 90px top; padding: 59px 90px 90px 138px; display: flex; flex-direction: column; gap: 18px; color: #fff; text-align: left; align-items: flex-start; } .cwr-hero__subhead { font-family: "Cormorant", serif; font-weight: 700; font-size: 36px; line-height: 1.15; color: #fff; margin: 0; } .cwr-hero__body { font-family: "Avenir", sans-serif; font-weight: 350; font-size: 20px; line-height: 1.65; color: #fff; } .cwr-hero__body p { margin: 0 0 8px; } .cwr-hero__body p:last-child { margin-bottom: 0; } @media (min-width: 1920px) { .cwr-hero__overlay { bottom: 200px; } } @media (max-width: 960px) { .cwr-hero__media { aspect-ratio: 4/5; max-height: none; } .cwr-hero__media::after { inset: 30% 0 0 0; } .cwr-hero__overlay { left: 17.5px; right: 17.5px; top: 45vw; bottom: auto; gap: 8px; max-width: none; } .cwr-hero__eyebrow { font-size: 28px; } .cwr-hero__title { font-size: 100px; line-height: 0.95; } .cwr-hero__title span { text-transform: capitalize; } .cwr-hero__panel { padding: 40px 32px 76px; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: 20px top; } .cwr-hero__badge { top: 24px; right: 24px; width: 110px; height: 110px; } .cwr-hero__badge-arrow svg { width: 28px; height: 28px; } } @media (max-width: 480px) { .cwr-hero__panel { padding: 48px 24px 60px 40px; background-image: url("data:image/svg+xml,"); background-position: 20px center; } .cwr-hero__badge { top: 16px; right: 16px; width: 92px; height: 92px; } .cwr-hero__badge-text { font-size: 10px; } .cwr-hero__badge-arrow svg { width: 22px; height: 22px; } } @media (max-width: 393px) { .cwr-hero__overlay { top: 40vw; bottom: auto; } .cwr-hero__title { font-size: 72px; } } @media (max-width: 340px) { .cwr-hero__overlay { top: 38vw; } .cwr-hero__eyebrow { font-size: 20px; } .cwr-hero__title { font-size: 64px; } } .cwr-product-carousel { position: relative; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background-color: #f1ede9; padding: 90px 0 90px; overflow: hidden; } .cwr-product-carousel__intro { text-align: center; padding: 0 72px; max-width: 1200px; margin: 0 auto 47px; } .cwr-product-carousel__heading { font-family: "Cormorant", serif; font-weight: 700; font-size: 48px; line-height: 1.15; color: #373737; text-align: center; margin: 0 0 16px; } .cwr-product-carousel__heading em { font-style: italic; font-weight: 700; } .cwr-product-carousel__subhead { font-family: "Avenir", sans-serif; font-weight: 350; font-size: 18px; line-height: 1.5; color: #181717; margin: 0; } .cwr-product-carousel__tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 0; border: 1px solid rgba(24, 23, 23, 0.15); border-radius: 50px; padding: 6px; max-width: fit-content; margin: 0 auto 47px; } .cwr-product-carousel__tab { padding: 14px 32px; background: transparent; border: 0; border-radius: 50px; font-family: "Inter", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(24, 23, 23, 0.6); cursor: pointer; transition: all 0.2s ease-in-out; } .cwr-product-carousel__tab.is-active { background: rgba(191, 124, 118, 0.6); color: #fff; } .cwr-product-carousel__tab:hover:not(.is-active), .cwr-product-carousel__tab:focus-visible:not(.is-active) { color: #bf7c76; } .cwr-product-carousel__panel[hidden] { display: none; } .cwr-product-carousel__track { display: flex; gap: 48px; padding-bottom: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 72px; scrollbar-color: #bf7c76 rgba(24, 23, 23, 0.08); scrollbar-width: thin; } .cwr-product-carousel__track::before, .cwr-product-carousel__track::after { content: ""; flex: 0 0 24px; } .cwr-product-carousel__track::-webkit-scrollbar { height: 4px; } .cwr-product-carousel__track::-webkit-scrollbar-track { background: rgba(24, 23, 23, 0.08); } .cwr-product-carousel__track::-webkit-scrollbar-thumb { background: #bf7c76; } .cwr-product-card { flex: 0 0 calc(25% - 36px); min-width: 280px; scroll-snap-align: start; text-decoration: none; color: #181717; display: flex; flex-direction: column; gap: 18px; } .cwr-product-card:hover, .cwr-product-card:focus { color: #181717; text-decoration: none; } .cwr-product-card:hover .cwr-product-card__arrow, .cwr-product-card:focus .cwr-product-card__arrow { background-color: rgb(178.0089552239, 97.4089552239, 90.1910447761); } .cwr-product-card__image { aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; } .cwr-product-card__image img { width: 100%; height: 100%; object-fit: contain; display: block; } .cwr-product-carousel .cwr-product-card__image { background: #f1ede9; } .cwr-product-carousel .cwr-product-card__image img { mix-blend-mode: multiply; } .cwr-product-card__meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } .cwr-product-card__text { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; } .cwr-product-card__name { font-family: "Avenir", sans-serif; font-weight: 500; font-size: 18px; line-height: 1.6; letter-spacing: -0.18px; color: #181717; margin: 0; text-wrap: pretty; } .cwr-product-card__subtitle { font-family: "Avenir", sans-serif; font-weight: 400; font-size: 14px; line-height: 1.6; color: #5C6161; margin: 0; } .cwr-product-card__cta { display: flex; align-items: center; gap: 12px; flex-shrink: 0; } .cwr-product-card__price { font-family: "Avenir", sans-serif; font-weight: 500; font-size: 20px; color: #181717; } .cwr-product-card__arrow { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #bf7c76; color: #fff; transition: all 0.2s ease-in-out; } .cwr-product-card__arrow svg { width: 18px; height: 18px; } @media (max-width: 960px) { .cwr-product-carousel { padding: 60px 20px 61px 20px; } .cwr-product-carousel__intro { padding: 0 32px; margin: 0 auto 48px; } .cwr-product-carousel__track { gap: 24px; padding-bottom: 24px; margin-left: -20px; margin-right: -20px; scroll-padding-left: 24px; } .cwr-product-carousel__track::before, .cwr-product-carousel__track::after { flex: 0 0 0px; } .cwr-product-card { flex: 0 0 42%; min-width: 0; gap: 14px; } .cwr-product-card__meta { flex-direction: column; align-items: stretch; gap: 8px; } .cwr-product-card__cta { justify-content: space-between; gap: 12px; } .cwr-product-card__name { font-size: 16px; } .cwr-product-card__price { font-size: 16px; } .cwr-product-card__arrow { width: 36px; height: 36px; } } @media (max-width: 480px) { .cwr-product-carousel__track { padding-bottom: 24px; scroll-padding-left: 24px; } .cwr-product-carousel__track::before, .cwr-product-carousel__track::after { flex: 0 0 0px; } .cwr-product-carousel__intro { padding: 0; } .cwr-product-card { flex: 0 0 70%; } } .cwr-product-carousel--featured .cwr-product-carousel__intro { text-align: left; max-width: none; padding: 0 72px; margin: 0 0 47px; } .cwr-product-carousel--featured .cwr-product-carousel__heading { font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 40px; line-height: 1.25; color: #181717; text-align: left; margin: 0 0 12px; } .cwr-product-carousel--featured .cwr-product-carousel__subhead { font-family: "Avenir", sans-serif; font-weight: 350; font-size: 18px; line-height: 1.6; color: #758580; margin: 0; max-width: 720px; } .cwr-product-carousel--featured .cwr-product-card__name { text-wrap: pretty; } .cwr-product-carousel--featured .cwr-product-carousel__track { overflow-x: scroll; scrollbar-width: thin; scrollbar-color: #bf7c76 rgba(24, 23, 23, 0.08); } .cwr-product-carousel--featured .cwr-product-carousel__track::-webkit-scrollbar { -webkit-appearance: none; height: 6px; display: block; } .cwr-product-carousel--featured .cwr-product-carousel__track::-webkit-scrollbar-track { background: rgba(24, 23, 23, 0.08); border-radius: 3px; } .cwr-product-carousel--featured .cwr-product-carousel__track::-webkit-scrollbar-thumb { background: #bf7c76; border-radius: 3px; } .cwr-product-carousel--featured .cwr-product-card__arrow { display: none; } .cwr-product-carousel--featured .cwr-product-card__subtitle { font-family: "Avenir", sans-serif; font-weight: 400; font-size: 12px; line-height: 1.25; color: #5C6161; } @media (max-width: 960px) { .cwr-product-carousel--featured .cwr-product-carousel__intro { padding: 0 12px; margin-bottom: 32px; text-align: center; } .cwr-product-carousel--featured .cwr-product-carousel__heading { font-size: 40px; text-align: center; white-space: nowrap; } .cwr-product-carousel--featured .cwr-product-carousel__subhead { text-align: center; } .cwr-product-carousel--featured .cwr-product-card__name { font-size: 18px; } } .cwr-overlay-cta { position: relative; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; color: #fff; } .cwr-overlay-cta__media { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; } .cwr-overlay-cta__video, .cwr-overlay-cta__image { display: block; width: 100%; height: 100%; object-fit: cover; } .cwr-overlay-cta__video--mobile, .cwr-overlay-cta__image--mobile { display: none; } .cwr-overlay-cta::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to right, rgba(40, 58, 54, 0) 0%, rgba(40, 58, 54, 0.55) 60%, rgba(40, 58, 54, 0.75) 100%); } .cwr-overlay-cta { display: flex; min-height: 680px; padding: 80px 88px; align-items: flex-start; } .cwr-overlay-cta__content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-end; gap: 16px; max-width: 480px; text-align: right; } .cwr-overlay-cta__heading { font-family: "Cormorant", serif; font-style: normal; font-weight: 700; font-size: 58px; line-height: 1.35; color: #F7F1EA; margin: 0; } .cwr-overlay-cta__body { font-family: "Avenir", sans-serif; font-weight: 350; font-size: 16px; line-height: 1.6; color: #f1ede9; margin: 0; } .cwr-overlay-cta__btn { align-self: flex-end; margin-top: 8px; display: inline-flex; align-items: center; justify-content: center; padding: 24px 40px; background-color: #bf7c76; color: #fff; border-radius: 122.837px; font-family: "Avenir", sans-serif; font-weight: 500; font-size: 20px; line-height: 1.6; text-align: center; text-decoration: none; white-space: nowrap; transition: all 0.2s ease-in-out; } .cwr-overlay-cta__btn:hover, .cwr-overlay-cta__btn:focus { background-color: rgb(178.0089552239, 97.4089552239, 90.1910447761); color: #fff; } .cwr-overlay-cta--right { justify-content: flex-end; } .cwr-overlay-cta--left { justify-content: flex-start; } .cwr-overlay-cta--left::before { background: linear-gradient(to left, rgba(40, 58, 54, 0) 0%, rgba(40, 58, 54, 0.55) 60%, rgba(40, 58, 54, 0.75) 100%); } .cwr-overlay-cta--center { justify-content: center; } .cwr-overlay-cta--center .cwr-overlay-cta__content { text-align: center; align-items: center; } .cwr-overlay-cta--center .cwr-overlay-cta__btn { align-self: center; } .cwr-overlay-cta--center::before { background: linear-gradient(180deg, rgba(40, 58, 54, 0.15) 0%, rgba(40, 58, 54, 0.55) 100%); } @media (max-width: 768px) { .cwr-overlay-cta { min-height: 600px; padding: 64px 24px; align-items: flex-start; } .cwr-overlay-cta--right, .cwr-overlay-cta--left, .cwr-overlay-cta--center { justify-content: flex-end; } .cwr-overlay-cta--right .cwr-overlay-cta__content, .cwr-overlay-cta--left .cwr-overlay-cta__content, .cwr-overlay-cta--center .cwr-overlay-cta__content { text-align: right; align-items: flex-end; max-width: 100%; } .cwr-overlay-cta--right .cwr-overlay-cta__btn, .cwr-overlay-cta--left .cwr-overlay-cta__btn, .cwr-overlay-cta--center .cwr-overlay-cta__btn { align-self: flex-end; } .cwr-overlay-cta--right::before, .cwr-overlay-cta--left::before, .cwr-overlay-cta--center::before { background: linear-gradient(180deg, rgba(40, 58, 54, 0.65) 0%, rgba(40, 58, 54, 0.15) 60%, rgba(40, 58, 54, 0) 100%); } .cwr-overlay-cta__heading { font-size: 36px; line-height: 1.35; text-align: right; } .cwr-overlay-cta__media:has(.cwr-overlay-cta__video--mobile, .cwr-overlay-cta__image--mobile) .cwr-overlay-cta__video--desktop, .cwr-overlay-cta__media:has(.cwr-overlay-cta__video--mobile, .cwr-overlay-cta__image--mobile) .cwr-overlay-cta__image--desktop { display: none; } .cwr-overlay-cta__video--mobile, .cwr-overlay-cta__image--mobile { display: block; } } .cwr-review-tile-grid { background-color: #f1ede9; padding: 60px 72px; } .cwr-review-tile-grid__inner { max-width: 1296px; margin: 0 auto; display: flex; flex-direction: column; gap: 48px; } .cwr-review-tile-grid__row { display: flex; align-items: stretch; gap: 48px; min-height: 440px; } .cwr-review-tile-grid__row:nth-child(even) { flex-direction: row-reverse; } .cwr-review-tile-grid__figure { flex: 1; margin: 0; overflow: hidden; } .cwr-review-tile-grid__figure img { width: 100%; height: 100%; object-fit: cover; display: block; } .cwr-review-tile { flex: 0 0 410px; background-color: #758580; color: #f7f1ea; padding: 48px 60px; display: flex; flex-direction: column; gap: 24px; justify-content: center; align-items: center; text-align: center; } .cwr-review-tile__stars { display: flex; gap: 6px; color: #e4dbd2; } .cwr-review-tile__star { display: inline-flex; } .cwr-review-tile__star svg { width: 18px; height: 17px; } .cwr-review-tile__quote { font-family: "Cormorant", serif; font-style: italic; font-weight: 500; font-size: 22px; line-height: 1.4; color: #f7f1ea; margin: 0; } .cwr-review-tile__name { font-family: "Inter", sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: #e4dbd2; margin: 0; } @media (max-width: 960px) { .cwr-review-tile-grid { padding: 40px 20px; } .cwr-review-tile-grid__inner { gap: 24px; } .cwr-review-tile-grid__row, .cwr-review-tile-grid__row:nth-child(even) { flex-direction: column; min-height: 0; gap: 16px; } .cwr-review-tile { flex: none; width: 100%; height: 410px; padding: 36px 32px; } .cwr-review-tile-grid__figure { flex: none; width: 100%; aspect-ratio: 4/3; height: auto; } } .cwr-blurb { position: relative; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); background-color: #405953; color: #f7f1ea; padding: 60px 72px; text-align: center; } .cwr-blurb__inner { max-width: 1180px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; } .cwr-blurb__heading { font-family: "Cormorant", serif; font-style: normal; font-weight: 700; font-size: 36px; line-height: 1.15; color: #f1ede9; margin: 0; } .cwr-blurb__body { font-family: "Avenir", sans-serif; font-weight: 350; font-size: 16px; line-height: 1.65; color: #f1ede9; margin: 0 auto; max-width: 960px; } @media (max-width: 960px) { .cwr-blurb { padding: 56px 24px; } .cwr-blurb__inner { gap: 14px; } .cwr-blurb__body { font-size: 15px; } } .cwr-jumbotron { position: relative; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); max-height: 680px; overflow: hidden; } .cwr-jumbotron__media { position: relative; display: block; line-height: 0; height: 680px; max-height: 680px; } .cwr-jumbotron__video, .cwr-jumbotron__image { display: block; width: 100%; height: 100%; object-fit: cover; } .cwr-jumbotron__video--mobile, .cwr-jumbotron__image--mobile { display: none; } .cwr-jumbotron__buttons { position: absolute; left: 0; right: 0; bottom: 100px; display: flex; justify-content: center; gap: 18px; z-index: 2; } .cwr-jumbotron__btn { display: inline-flex; align-items: center; justify-content: center; padding: 24px 40px; border-radius: 122.837px; font-family: "Avenir", sans-serif; font-weight: 500; font-size: 20px; line-height: 1.6; text-align: center; color: #fff; text-decoration: none; white-space: nowrap; transition: all 0.2s ease-in-out; cursor: pointer; } .cwr-jumbotron__btn--primary { background-color: #bf7c76; color: #fff; border: 1px solid #bf7c76; } .cwr-jumbotron__btn--primary:hover, .cwr-jumbotron__btn--primary:focus { background-color: rgb(178.0089552239, 97.4089552239, 90.1910447761); border-color: rgb(178.0089552239, 97.4089552239, 90.1910447761); color: #fff; } .cwr-jumbotron__btn--secondary { background-color: transparent; color: #fff; border: 2px solid #fff; } .cwr-jumbotron__btn--secondary:hover, .cwr-jumbotron__btn--secondary:focus { background-color: rgba(255, 255, 255, 0.15); color: #fff; } @media (max-width: 768px) { .cwr-jumbotron { max-height: none; min-height: 690px; } .cwr-jumbotron__media { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; } .cwr-jumbotron__video, .cwr-jumbotron__image { width: 100%; height: 100%; object-fit: cover; } .cwr-jumbotron__media:has(.cwr-jumbotron__video--mobile, .cwr-jumbotron__image--mobile) .cwr-jumbotron__video--desktop, .cwr-jumbotron__media:has(.cwr-jumbotron__video--mobile, .cwr-jumbotron__image--mobile) .cwr-jumbotron__image--desktop { display: none; } .cwr-jumbotron__video--mobile, .cwr-jumbotron__image--mobile { display: block; } .cwr-jumbotron__buttons { bottom: 100px; flex-direction: column; gap: 18px; padding: 0 20px; } .cwr-jumbotron__btn { width: 100%; } } .cwr-blog-hero { position: relative; width: 100%; max-width: 100vw; background-color: #000; aspect-ratio: 16/9; max-height: 400px; } .cwr-blog-hero__media { position: absolute; inset: 0; z-index: 1; overflow: hidden; } .cwr-blog-hero__media video, .cwr-blog-hero__media picture, .cwr-blog-hero__media > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .cwr-blog-hero__media picture img { position: static; width: 100%; height: 100%; object-fit: cover; } .cwr-blog-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.57%, rgba(0, 0, 0, 0.5) 89.02%); pointer-events: none; } .cwr-blog-hero__title { position: absolute; bottom: -0.19em; left: 72px; margin: 0; z-index: 3; font-family: "Cormorant", serif; font-style: italic; font-weight: 700; font-size: 300px; line-height: 1; color: #fff; pointer-events: none; white-space: nowrap; } @media (max-width: 1279px) { .cwr-blog-hero__title { left: 48px; font-size: 240px; } } @media (max-width: 1023px) { .cwr-blog-hero { aspect-ratio: 16/9; max-height: 400px; } .cwr-blog-hero__title { left: 32px; font-size: 200px; } } @media (max-width: 767px) { .cwr-blog-hero { aspect-ratio: 4/5; max-height: 360px; } .cwr-blog-hero__title { left: 24px; right: 24px; font-size: 160px; line-height: 0.95; } } @media (max-width: 480px) { .cwr-blog-hero__title { left: 17.5px; right: 17.5px; } } .cwr-featured-post-section { padding: 64px 24px 45px; } .cwr-featured-post { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 0; max-width: 1192px; margin: 0 auto; background: #758580; border-radius: 100px 0; overflow: hidden; box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.15); } .cwr-featured-post__media { position: relative; overflow: hidden; min-height: 380px; border-radius: 100px 0; background: #d3d3d3; } .cwr-featured-post__media img { display: block; width: 100%; height: 100%; object-fit: cover; } .cwr-featured-post__pill { position: absolute; bottom: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; padding: 16px 36px; background: rgba(255, 255, 255, 0.35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); color: rgba(64, 89, 83, 0.5); text-align: center; border-radius: 0 25px 0 0; font-family: "Avenir", sans-serif; font-style: normal; font-size: 20px; font-weight: 350; line-height: 1.65; z-index: 2; } .cwr-featured-post__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; padding: 48px 80px 48px 48px; } .cwr-featured-post__meta { background: #e4dbd2; color: #181717; padding: 8px 14px; border-radius: 0; font-family: "Avenir", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.25; display: inline-block; } .cwr-featured-post__title { font-family: "Avenir", sans-serif; font-weight: 500; font-style: normal; font-size: 32px; line-height: 1.35; color: #e4dbd2; margin: 0; } .cwr-featured-post__excerpt { font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.65; color: #e4dbd2; margin: 0; } .cwr-featured-post__cta { display: inline-flex; align-items: center; justify-content: center; margin-top: 8px; padding: 14px 36px; background: #BF7C76; color: #fff; text-decoration: none; border-radius: 999px; font-family: "Avenir", sans-serif; font-size: 20px; font-weight: 500; line-height: 1.6; transition: all 0.2s ease-in-out; } .cwr-featured-post__cta:hover, .cwr-featured-post__cta:focus { background: rgb(178.0089552239, 97.4089552239, 90.1910447761); color: #fff; } @media (max-width: 1023px) { .cwr-featured-post { border-radius: 64px 0; } .cwr-featured-post__media { border-radius: 64px 0; } .cwr-featured-post__content { padding: 36px 40px 36px 32px; gap: 16px; } .cwr-featured-post__cta { font-size: 18px; padding: 12px 28px; } } @media (max-width: 767px) { .cwr-featured-post-section { padding: 49px 17.5px 40px; } .cwr-featured-post { grid-template-columns: 1fr; border-radius: 80px 0 20px 20px; } .cwr-featured-post__media { min-height: 280px; border-radius: 80px 0; } .cwr-featured-post__content { padding: 48px 24px; gap: 20px; } .cwr-featured-post__title { font-size: 24px; line-height: 1.35; } .cwr-featured-post__cta { width: 100%; } } .cwr-blog-grid { padding: 45px 24px 80px; } .cwr-blog-grid__inner { max-width: 1296px; margin: 0 auto; } .cwr-blog-grid__topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 47px; flex-wrap: wrap; } .cwr-blog-grid__search { display: inline-flex; align-items: center; flex: 0 0 auto; min-width: 280px; min-height: 45.6px; gap: 12px; padding: 8px 24px; border: 2px solid #181717; border-radius: 100px; box-sizing: border-box; opacity: 0.4; transition: opacity 0.2s ease-in-out; } .cwr-blog-grid__search:focus-within { opacity: 1; } .cwr-blog-grid__search input[type=search] { flex: 1 1 auto; min-width: 0; height: 16px; padding: 0; margin: 0; border: 0; background: transparent; color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 800; line-height: 1; letter-spacing: -0.16px; text-transform: uppercase; appearance: none; -webkit-appearance: none; } .cwr-blog-grid__search input[type=search]::placeholder { color: #181717; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 800; line-height: 1.6; letter-spacing: -0.16px; text-transform: uppercase; opacity: 1; } .cwr-blog-grid__search input[type=search]::-webkit-search-decoration, .cwr-blog-grid__search input[type=search]::-webkit-search-cancel-button, .cwr-blog-grid__search input[type=search]::-webkit-search-results-button, .cwr-blog-grid__search input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; } .cwr-blog-grid__search input[type=search]:focus { outline: none; } .cwr-blog-grid__search button { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; margin: 0; background: transparent; border: 0; cursor: pointer; } .cwr-blog-grid__search button svg { display: block; width: 20px; height: 20px; } .cwr-blog-grid__filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .cwr-blog-grid__chip { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 45.6px; padding: 8px 24px; border: 2px solid #181717; border-radius: 100px; background: transparent; color: #181717; text-align: center; text-decoration: none; font-family: "Avenir", sans-serif; font-style: normal; font-size: 16px; font-weight: 500; line-height: 1.6; opacity: 0.4; transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, color 0.2s ease-in-out; } .cwr-blog-grid__chip:hover, .cwr-blog-grid__chip:focus { opacity: 0.7; color: #181717; } .cwr-blog-grid__chip.is-active { opacity: 1; background: #e4dbd2; border-color: transparent; color: #181717; } .cwr-blog-grid__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; } .cwr-blog-grid__card { display: flex; flex-direction: column; background: #405953; border-radius: 80px 0 20px 20px; overflow: hidden; box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.15); } .cwr-blog-grid__card-image { display: block; width: 100%; aspect-ratio: 4/3; overflow: hidden; border-radius: 80px 0; } .cwr-blog-grid__card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease-in-out; } .cwr-blog-grid__card-image:hover img { transform: scale(1.03); } .cwr-blog-grid__card-content { display: flex; flex-direction: column; align-items: center; gap: 36px; padding: 36px; text-align: center; flex: 1 0 0; } .cwr-blog-grid__card-title { width: 100%; margin: 0; color: #f1ede9; font-family: "Avenir", sans-serif; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: 1.92px; text-transform: uppercase; text-align: left; } .cwr-blog-grid__card-title a { color: inherit; text-decoration: none; } .cwr-blog-grid__card-title a:hover { color: #fff; } .cwr-blog-grid__card-excerpt { width: 100%; margin: 0; color: #fff; font-family: "Avenir", sans-serif; font-size: 16px; font-weight: 350; font-style: normal; line-height: 1.45; text-align: left; } .cwr-blog-grid__card-cta { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 40px; background: #BF7C76; color: #fff; border-radius: 122.837px; font-family: "Avenir", sans-serif; font-size: 20px; font-weight: 500; line-height: 1.6; text-decoration: none; text-align: center; transition: all 0.2s ease-in-out; } .cwr-blog-grid__card-cta:hover, .cwr-blog-grid__card-cta:focus { background: rgb(178.0089552239, 97.4089552239, 90.1910447761); color: #fff; } .cwr-blog-grid__card-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 24px; background: #e4dbd2; color: #405953; font-family: "Avenir", sans-serif; font-style: normal; font-size: 12px; font-weight: 400; line-height: 1.25; } .cwr-blog-grid__pagination { margin-top: 47px; display: flex; justify-content: center; gap: 8px; } .cwr-blog-grid__pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; padding: 6px 12px; background: transparent; color: #758580; font-family: "Avenir", sans-serif; font-size: 14px; font-weight: 800; font-style: normal; line-height: 1.6; letter-spacing: 1.26px; text-transform: uppercase; text-decoration: none; border-radius: 4px; transition: all 0.2s ease-in-out; } .cwr-blog-grid__pagination .page-numbers:hover { background: #e4dbd2; } .cwr-blog-grid__pagination .page-numbers.current { text-decoration: underline; } .cwr-blog-grid__pagination .page-numbers.dots:hover { background: transparent; } .cwr-blog-grid__empty { padding: 64px 0; text-align: center; font-family: "Avenir", sans-serif; font-size: 16px; color: #181717; } @media (max-width: 1023px) { .cwr-blog-grid { padding: 64px 24px 64px; } .cwr-blog-grid__grid { grid-template-columns: repeat(2, 1fr); gap: 32px; } } @media (max-width: 767px) { .cwr-blog-grid { padding: 40px 17.5px 90px; } .cwr-blog-grid__topbar { flex-direction: column; align-items: stretch; margin-bottom: 32px; } .cwr-blog-grid__search input[type=search] { width: 100%; min-width: 0; } .cwr-blog-grid__filters { gap: 8px; } .cwr-blog-grid__grid { grid-template-columns: 1fr; gap: 47px; } .cwr-blog-grid__card-content { gap: 24px; padding: 28px; } } .bundle-builder .bundle-tabs { display: flex; margin-top: 26px; } .bundle-builder .bundle-tabs button { padding: 10px; cursor: pointer; } .bundle-builder .bundle-tabs .active { background-color: #931214; color: #fff; border-radius: 0; } .bundle-builder h1 { margin-top: 25px; } .bundle-builder .bundle-real-price { font-size: 28px; color: #404040; font-weight: 600; } .bundle-builder .bundle-price { font-size: 24px; padding-left: 10px; color: #404040; font-weight: 400; text-decoration: line-through; } .bundle-builder .bundle-slider { font-size: 15px; } .bundle-builder .bundle-slide { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; } .bundle-builder .slider-bundle { display: flex; flex-direction: row; } .bundle-builder .bundle-slide-image { cursor: pointer; display: flex; flex-direction: column; justify-content: center; margin-right: 2px; font-size: 11px; text-align: center; color: #404040; font-weight: 600; width: 127px; flex-shrink: 0; } .bundle-builder .bundle-slide-image p { width: 125px; padding: 10px 0; } .bundle-builder .bundle-slide-image img { width: 125px; height: 125px; object-fit: cover; border: 2px solid #fff; } .bundle-builder .bundle-slide-image:hover img { width: 125px; height: 125px; border: 2px solid #d9d9d9; } .bundle-builder .bundle-slide-image.selected img { width: 125px; height: 125px; border: 2px solid #931214; } .bundle-builder .bundle-slide-image.selected p { color: #fff; background-color: #931214; } .bundle-builder #bundle-preview { position: relative; width: 100%; height: 638px; max-width: 544px; max-height: 638px; overflow: visible; margin: 0 auto; } .bundle-builder #top-image { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 2; } .bundle-builder #left-image { position: absolute; bottom: 50px; left: -50px; z-index: 4; max-width: 400px; width: 70%; } .bundle-builder #right-image { position: absolute; bottom: 120px; right: -15px; z-index: 3; max-width: 300px; width: 54%; } .bundle-builder #button-add-cart { width: 100%; padding: 18px; background-color: #931214; font-weight: bold; color: #fff; border-radius: 0; cursor: pointer; } .bundle-builder .bundle-progress { height: 2px; background-color: #bfbfbf; border-radius: 50%; width: 100%; overflow: visible; margin-bottom: 16px; } .bundle-builder .bundle-progress-bar-fill { background-color: #931214; height: 4px; width: 10%; position: relative; top: -1px; } .bundle-builder .prev-slide, .bundle-builder .next-slide { cursor: pointer; } .bundle-builder .prev-slide:hover, .bundle-builder .next-slide:hover { background-color: #efefef; } .bundle-builder #lamps-lanterns, .bundle-builder #wax-sets, .bundle-builder #candles, .bundle-builder #twoforone { display: none; } .bundle-builder .prev-slide { float: left; } .bundle-builder .next-slide { float: right; } .bundle-builder .prev-btn, .bundle-builder .next-btn { height: 205px; display: flex; align-items: center; width: 16px; flex-basis: 16px; cursor: pointer; } .bundle-builder .prev-btn:hover, .bundle-builder .next-btn:hover { background-color: #efefef; } .bundle-builder .prev-btn img { width: 16px; height: 16px; max-width: 16px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .bundle-builder .next-btn img { width: 16px; height: 16px; max-width: 16px; } .bundle-builder .slick-dots { display: none !important; } .bundle-builder .justify-center { width: 100%; } @media only screen and (max-width: 1025px) { .bundle-builder .row { flex-direction: column-reverse; } .bundle-builder #left-image { left: -50px; } .bundle-builder #right-image { right: -50px; } } @media only screen and (max-width: 500px) { .bundle-builder #bundle-preview { position: relative; width: 100%; height: 450px; max-width: 544px; max-height: 500px; overflow: visible; margin: 0 auto; } .bundle-builder #left-image { width: 50%; left: 0px; bottom: 50px; } .bundle-builder #right-image { width: 50%; right: 0px; bottom: 20px; } } .popup { position: fixed; top: 0; left: 0; z-index: 100; right: 0; bottom: 0; display: none; background: rgba(0, 0, 0, 0.5); } .popup h4 { margin-top: 0px; } .popup__content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 20px; width: 80%; max-width: 500px; border-radius: 5px; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .popup__close { float: right; font-size: 40px; cursor: pointer; margin: 0; line-height: 40px; position: relative; top: -15px; } #liftgate { display: none; } #step1 { text-align: center; } .bc-cart-actions__delivery { margin: 0 auto; } #step2 { display: none; text-align: center; } .page-container.hideKlaviyo { z-index: 100000; } .site-header { transition: box-shadow 0.15s ease-out; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; box-shadow: 0px 0px 0 rgba(0, 0, 0, 0); } .page-scrolled .site-header { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); } .page-template-page-faq.page-scrolled .site-header { box-shadow: none; } @media print, screen and (min-width: 64em) { .page-template-page-faq.page-scrolled .site-header { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); } } .site-header .top-bar .row, .site-header .main-bar .row { margin-left: auto; margin-right: auto; } .site-header .top-bar { background-color: #fff; padding: 12px 40px; } .site-header .main-bar { display: flex; justify-content: space-between; align-items: center; background-color: #f1ede9; padding: 40px 12px; } @media print, screen and (min-width: 64em) { .site-header .main-bar { padding: 40px 39px; } } .site-header .main-bar .logo { display: block; max-width: 166px; } @media print, screen and (min-width: 64em) { .site-header .main-bar .logo { max-width: 235px; } } .site-header .main-bar .logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 64px; } .site-header .network-tabs { display: flex; gap: 24px; justify-content: center; } @media print, screen and (min-width: 48em) { .site-header .network-tabs { justify-content: flex-start; } } .site-header .network-tabs .network-tab img { display: block; height: auto; } .site-header .network-tabs .network-tab:first-child img { width: 165px; } .site-header .network-tabs .network-tab:last-child img { width: 69px; } .site-header .promo-blocks-column { border-top: 1px solid #E2DED9; } @media print, screen and (min-width: 64em) { .site-header .promo-blocks-column { border: none; } } .site-header .header-promo-blocks-container { position: relative; } .site-header .header-promo-blocks { padding: 0 25px; } @media print, screen and (min-width: 48em) { .site-header .header-promo-blocks { margin: 0 72px; } } @media print, screen and (min-width: 64em) { .site-header .header-promo-blocks { margin: 0; } } .site-header .header-promo-blocks .slick-arrow { font-size: 24px; position: absolute; top: 50%; margin-top: -12px; } .site-header .header-promo-blocks .slick-arrow.prev-slide { left: 0; } .site-header .header-promo-blocks .slick-arrow.next-slide { right: 0; } .site-header .header-promo-blocks .promo-block { text-align: center; padding: 8px 0; display: none; } @media print, screen and (min-width: 64em) { .site-header .header-promo-blocks .promo-block { padding: 5px 0; } } .site-header .header-promo-blocks .promo-block:first-child { display: flex !important; justify-content: center; align-items: center; } .site-header .header-promo-blocks .promo-block-text { font-size: 12px; } @media print, screen and (min-width: 64em) { .site-header .header-promo-blocks .promo-block-text { font-size: 13px; } } .site-header .header-promo-blocks .promo-block-text + .promo-block-link { margin-left: 15px; } .site-header .header-promo-blocks .promo-block-link a { transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 10px; border: 1px solid; border-radius: 40px; padding: 1px 10px 2px; display: block; } @media print, screen and (min-width: 64em) { .site-header .header-promo-blocks .promo-block-link a { font-size: 12px; padding: 2px 15px 3px; } } .site-header .header-promo-blocks .promo-block-link a:hover { background-color: #404040; color: #fff; } .site-header .header-promo-blocks-buttons { position: absolute; bottom: 100%; left: 0; width: 100%; } .site-header .header-promo-blocks-buttons button { transition: opacity 0.2s ease-out, transform 0.2s ease-out; position: absolute; bottom: 0; left: 100%; z-index: 1000; opacity: 0; font-size: 14px; border-radius: 0; } .site-header .header-promo-blocks-buttons button:focus { transform: translateY(150%); opacity: 1; } .site-header ul { list-style: none; padding: 0; margin: 0; } .site-header .main-nav-column { display: none; } @media print, screen and (min-width: 64em) { .site-header .main-nav-column { display: block; } } .site-header .main-nav .menu { display: flex; justify-content: center; gap: 3%; } @media screen and (min-width: 1150px) { .site-header .main-nav .menu { gap: 1.5em; } } .site-header .main-nav .menu a { display: block; color: #181717; font-family: "Avenir", sans-serif; font-size: 14px; font-weight: 500; line-height: 125%; letter-spacing: 1.12px; text-transform: uppercase; } .site-header .main-nav .menu .current-menu-item > a, .site-header .main-nav .menu .current_page_item > a, .site-header .main-nav .menu .current-menu-parent > a { color: rgba(24, 23, 23, 0.5); } .site-header .main-nav .sub-menu { display: none; } .site-header .secondary-nav .menu { display: flex; justify-content: flex-end; font-size: 18px; } .site-header .secondary-nav .menu > li { position: relative; } .site-header .secondary-nav .menu > li + li { margin-left: 10px; } @media print, screen and (min-width: 64em) { .site-header .secondary-nav .menu > li + li { margin-left: 20px; } } .search-bar-visible .site-header .secondary-nav .menu .icon-search { border-color: #E2DED9; } .search-bar-visible .site-header .secondary-nav .menu .icon-search::before { content: "\e920"; } .site-header .secondary-nav .menu .icon-link { display: block; padding: 0; border: none; color: #181717; } .site-header .secondary-nav .menu .icon-link::before { content: ""; display: block; background-color: #181717; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .site-header .secondary-nav .menu .icon-search::before { width: 20px; height: 20px; -webkit-mask-image: url("../icons/cwr-header-search.svg"); mask-image: url("../icons/cwr-header-search.svg"); } .site-header .secondary-nav .menu .icon-account::before { width: 20px; height: 20px; -webkit-mask-image: url("../icons/cwr-header-account.svg"); mask-image: url("../icons/cwr-header-account.svg"); } .site-header .secondary-nav .menu .icon-cart { display: inline-flex; align-items: center; gap: 4px; } .site-header .secondary-nav .menu .icon-cart::before { width: 23px; height: 20px; -webkit-mask-image: url("../icons/cwr-header-cart.svg"); mask-image: url("../icons/cwr-header-cart.svg"); } .site-header .secondary-nav .menu .bc-cart-item-count { color: #181717; font-family: "Avenir", sans-serif; font-size: 10px; font-weight: 500; line-height: 125%; letter-spacing: 0.8px; } .site-header .secondary-nav .mobile-toggle-menu-item { order: 1; } @media print, screen and (min-width: 64em) { .site-header .secondary-nav .mobile-toggle-menu-item { display: none; } } .site-header .secondary-nav .mobile-toggle-menu-item .mobile-nav-toggle { width: 36px; height: 36px; padding: 5px; display: block; } .mobile-nav-visible .site-header .secondary-nav .mobile-toggle-menu-item .mobile-nav-toggle { border-color: #E2DED9; padding: 8px; } .mobile-nav-visible .site-header .secondary-nav .mobile-toggle-menu-item .mobile-nav-toggle .icon-cancel { display: block; } .site-header .secondary-nav .mobile-toggle-menu-item .mobile-nav-toggle .icon-cancel { display: none; } .site-header .secondary-nav .mobile-toggle-menu-item .mobile-nav-toggle .hamburger { height: 24px; position: relative; display: block; } .mobile-nav-visible .site-header .secondary-nav .mobile-toggle-menu-item .mobile-nav-toggle .hamburger { display: none; } .site-header .secondary-nav .mobile-toggle-menu-item .mobile-nav-toggle .hamburger::before { content: ""; position: absolute; top: 4px; left: 0; width: 100%; border-top: 2px solid #181717; } .site-header .secondary-nav .mobile-toggle-menu-item .mobile-nav-toggle .hamburger::after { content: ""; position: absolute; bottom: 4px; left: 0; width: 100%; border-bottom: 2px solid #181717; } .site-header .secondary-nav .mobile-toggle-menu-item .mobile-nav-toggle .hamburger i { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -1px; border-top: 2px solid #181717; } .site-header .secondary-nav .account-menu-item { display: none; } @media print, screen and (min-width: 64em) { .site-header .secondary-nav .account-menu-item { display: block; } } .site-header .secondary-nav .account-menu-item .focus .icon-link, .site-header .secondary-nav .account-menu-item:hover .icon-link { border-color: #E2DED9; } .site-header .secondary-nav .account-menu-item:hover .account-sub-menu { display: block; } .site-header .secondary-nav .account-sub-menu { display: none; position: absolute; top: 100%; left: 50%; width: 235px; padding: 15px 0 0; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); font-size: 14px; transform: translateX(-50%); margin-top: 56px; font-size: 14px; } .site-header .secondary-nav .account-sub-menu::before { content: ""; bottom: 100%; left: 0; height: 24px; width: 100%; position: absolute; } .site-header .secondary-nav .account-sub-menu ul { padding: 15px 0; margin: 0 30px; } .site-header .secondary-nav .account-sub-menu ul:last-child { margin-bottom: 15px; } .site-header .secondary-nav .account-sub-menu ul + ul { border-top: 1px solid #E2DED9; } .site-header .secondary-nav .account-sub-menu li + li { margin-top: 10px; } .site-header .secondary-nav .account-sub-menu a:not(.button):hover { text-decoration: underline; } .site-header .secondary-nav .account-sub-menu .button, .site-header .secondary-nav .account-sub-menu .single-product-form button.bc-btn--form-submit, .single-product-form .site-header .secondary-nav .account-sub-menu button.bc-btn--form-submit { width: 100%; margin: 0 0 10px 0; } .site-header .secondary-nav .account-sub-menu .account-list { text-align: center; padding-bottom: 25px; } .site-header .secondary-nav .account-sub-menu .sales-rep { background-color: #F7F3ED; padding: 17px 30px 21px; margin-top: 2px; } .site-header .secondary-nav .account-sub-menu .sales-rep span { display: block; margin-bottom: 4px; } .site-header .secondary-nav .account-sub-menu .sales-rep-title { color: #949597; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; } .site-header .secondary-nav .account-sub-menu .sales-rep-name { font-weight: 500; } .site-header .secondary-nav .account-sub-menu .sales-rep a { color: #931A1D; text-decoration: underline; } .site-header .secondary-nav .account-sub-menu .sales-rep a:hover { text-decoration: none; } .site-header .secondary-nav .cart-menu-item { position: relative; } .site-header .search-bar { transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, visibility 0.25s ease-out; background-color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; z-index: -1; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0); visibility: hidden; } .search-bar-visible .site-header .search-bar { transform: translate3d(0, 100%, 0); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); visibility: visible; } .site-header .mobile-nav-bar { transition: transform 0.25s ease-out; position: absolute; top: 0; left: 0; width: 100%; z-index: -1; height: 100vh; overflow: hidden; transform: translate3d(0, -100%, 0); background-color: #fff; padding-top: 120px; } .page-scrolled .site-header .mobile-nav-bar { padding-top: 53px; } @media print, screen and (min-width: 48em) { .page-scrolled .site-header .mobile-nav-bar { padding-top: 63px; } } @media print, screen and (min-width: 64em) { .page-scrolled .site-header .mobile-nav-bar { padding-top: 105px; } } @media print, screen and (min-width: 48em) { .site-header .mobile-nav-bar { padding-top: 130px; } } @media print, screen and (min-width: 64em) { .site-header .mobile-nav-bar { display: none; } } .mobile-nav-visible .site-header .mobile-nav-bar { transform: translate3d(0, 0, 0); } .site-header .mobile-nav { transition: transform 0.25s ease-out; display: flex; width: 300%; height: 87%; } .site-header .mobile-nav.menu-level-2-visible { transform: translateX(-33.33%); } .site-header .mobile-nav.menu-level-3-visible { transform: translateX(-66.66%); } .site-header .mobile-nav .has-sub-nav { position: relative; } .site-header .mobile-nav .has-sub-nav::before { border-color: #931A1D; border-style: solid; border-width: 2px 2px 0 0; content: ""; height: 8px; vertical-align: top; width: 8px; right: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; margin-top: -4px; } .site-header .mobile-nav .back-level-item { position: relative; padding-left: 15px; font-size: 14px; font-weight: 500; } .site-header .mobile-nav .back-level-item::before { border-color: #931A1D; border-style: solid; border-width: 0 0 2px 2px; content: ""; height: 8px; vertical-align: top; width: 8px; left: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; margin-top: -4px; } .site-header .mobile-nav .sub-nav-header { font-weight: 500; line-height: 1; padding: 35px 0 20px; margin-bottom: 10px; border-bottom: 1px solid #E2DED9; } .site-header .mobile-nav .sub-nav-header .title { font-size: 20px; } .site-header .mobile-nav .sub-nav-header .shop-all { font-size: 14px; padding-right: 24px; position: relative; } .site-header .mobile-nav .sub-nav-header .shop-all i { position: absolute; top: 50%; right: 0; margin-top: -7px; } .site-header .mobile-nav .sub-nav-header a { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; } .site-header .mobile-nav .sub-nav-item { padding: 10px 0; display: block; } .site-header .mobile-nav .sub-nav-level-1 .sub-nav-item { font-size: 20px; } .site-header .mobile-nav .sub-nav-level-2 .sub-nav-item { font-size: 18px; } .site-header .mobile-nav-level { width: 33.33%; height: 100%; overflow: auto; display: flex; flex-direction: column; } .site-header .mobile-nav-level-1 .sub-nav { display: none; } .site-header .mobile-nav-level-2 .sub-nav-level-2 { display: none; } .site-header .mobile-nav-level-2, .site-header .mobile-nav-level-3 { padding: 32px 20px; } @media print, screen and (min-width: 25.875em) { .site-header .mobile-nav-level-2, .site-header .mobile-nav-level-3 { padding-left: 36px; padding-right: 36px; } } .site-header .mobile-nav .menu { font-size: 20px; border-bottom: 1px solid #E2DED9; } .site-header .mobile-nav .menu > li { border-top: 1px solid #E2DED9; padding: 0 20px; } @media print, screen and (min-width: 25.875em) { .site-header .mobile-nav .menu > li { padding: 0 36px; } } .site-header .mobile-nav .menu a { display: block; } .site-header .mobile-nav .menu .nav-item { font-weight: 500; padding: 16px 0; } .site-header .mobile-nav .secondary-menu ul { font-size: 18px; padding: 15px 20px; } @media print, screen and (min-width: 25.875em) { .site-header .mobile-nav .secondary-menu ul { padding: 15px 36px; } } .site-header .mobile-nav .secondary-menu li { padding: 8px 0; } .site-header .mobile-nav .secondary-menu .shop-partner { display: flex; align-items: center; margin-top: 10px; } .site-header .mobile-nav .secondary-menu .shop-partner img { width: 80px; margin-left: 5px; } .site-header .mobile-nav .account-link { font-size: 18px; padding: 10px 0 10px 30px; position: relative; display: block; } .site-header .mobile-nav .account-link .icon-account { position: absolute; font-size: 20px; top: 50%; left: 0; margin-top: -10px; color: #931A1D; } .site-header .mobile-nav .account-nav { padding: 24px 20px; } @media print, screen and (min-width: 25.875em) { .site-header .mobile-nav .account-nav { padding-left: 36px; padding-right: 36px; } } .site-header .mobile-nav .account-nav .button, .site-header .mobile-nav .account-nav .single-product-form button.bc-btn--form-submit, .single-product-form .site-header .mobile-nav .account-nav button.bc-btn--form-submit { margin: 0; } .site-header .mobile-nav .account-nav-list { display: flex; } .site-header .mobile-nav .account-nav-list li + li { margin-left: 10px; } h1 { font-family: "trajan-pro-3", serif; font-weight: 600; font-style: normal; } .site-header .top-bar { background-color: #fff; } body { padding-top: 158px; } @media print, screen and (min-width: 64em) { body { padding-top: 184px; } } .panel-wrapper { padding-top: 184px; } @media print, screen and (min-width: 64em) { .site-footer .footer-help + .footer-help { margin: 0 0 0 68px; } } .site-footer .footer-help .bar-title { font-size: 26px; } .site-footer .main-bar .newsletter-block .h6 { font-size: 26px; } .site-footer .main-bar .menu-container .nav-secondary .nav-title { color: #585859; } .single-product-info .product-title { font-size: 36px; font-weight: 600; } .hero-flex-section .title { font-size: 42px; font-family: "Cormorant Garamond", serif; } .promo-blocks-section .title { font-size: 32px; font-family: "Cormorant Garamond", serif; } .panel-wrapper .menu-item-link-1 { font-size: 28px; font-weight: 600; } .panel-wrapper .shop-all { font-size: 28px; font-weight: 600; } .panel-wrapper .shop-all span { font-size: 20px; margin-top: 0; } .page-title { font-size: 32px; } @media print, screen and (min-width: 64em) { .page-title { font-size: 36px; } } .mobile-nav-bar { overflow-y: auto !important; overflow-x: hidden !important; }