/*! * Common colors and constants * =========================== * * Baseline grid: $line (24px equivalent) * * Text sizing * ----------- * Tiny: 14px * Small: 16px * Body copy: 18px * H6: 20px * H5: 23px * H4: 28px * H3: 35px * H2: 45px * H1: 60px * * Text colors * ----------- * Primary: #AC7127 * Secondary: #414042 * Tertiary: #888A8C * * Theme colors * ------------ * Primary (Orange): #AC7127 * Lighter: #EEE3D4 #E3D0B7 #D5B893 #C8A06F * Darker: #8F5E21 #734B1A #563914 #39260D * Accent (Grey): #414042 * Lighter: #D9D9D9 #C0BFC0 #A09FA0 #808081 * Darker: #363537 #2B2B2C #212021 #161516 * Action: #AC7127 * Lighter: #EEE3D4 #E3D0B7 #D5B893 #C8A06F * Darker: #8F5E21 #734B1A #563914 #39260D * * Grays * ----- * #E2E3E5 * #CBCCCE * #B2B5B8 * #9D9FA1 * #888A8C * #757779 * #626365 * #4D4E51 * #000000 * * Other colors * ------------ * Page background: #ffffff * Warnings: #e74c3c * * Measurements * ------------ * Maximum page width: 1280px * * Breakpoints * ----------- * Small: 480px * Medium: 768px * Large: 960px * Widescreen: 1376px */ /*! ---------- =reset ---------- */ * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing: border-box; } ul { list-style: disc; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } img { -ms-interpolation-mode: bicubic; display: block; max-width: 100%; margin: 0 auto; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; margin: 24px 0; border-bottom: 1px solid #B2B5B8; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; margin-top: 7px; margin-right:5px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35rem 0.625rem 18px; } legend { border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } table td, table th{ border: solid 1px #000; padding: 10px; } /*! ---------- =typography ---------- */ body { font: 18px/24px "Nunito Sans", Helvetica, Arial, sans-serif; color: #414042; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } p, ol, ul, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 24px; } p:last-child, ol:last-child, ul:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } p, ol, ul { orphans: 2; widows: 2; } ol, ul { margin-left: 2em; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #414042; font-family: "EB Garamond", "Nunito Sans", Helvetica, Arial, sans-serif; font-weight: 400; text-rendering: optimizeLegibility; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, .h1 img, .h2 img, .h3 img, .h4 img, .h5 img, .h6 img { display: inline-block; vertical-align: middle; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { display: block; } h1, .h1 { font-size: 60px; line-height: 60px; } @media (max-width: 767.97px) { h1, .h1 { font-size: 45px; line-height: 48px; } } @media (max-width: 479.97px) { h1, .h1 { font-size: 35px; line-height: 36px; } } h2, .h2 { font-size: 45px; line-height: 48px; } @media (max-width: 767.97px) { h2, .h2 { font-size: 35px; line-height: 36px; } } h3, .h3 { font-size: 35px; line-height: 36px; } @media (max-width: 767.97px) { h3, .h3 { font-size: 28px; line-height: 36px; } } h4, .h4 { font-size: 28px; line-height: 36px; } h5, .h5 { font-size: 23px; line-height: 24px; } h6, .h6 { font-size: 20px; line-height: 24px; } .text-size { font-size: 18px; line-height: 24px; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .large { font-size: 110%; } .note { font-size: 16px; font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif; font-style: italic; color: #888A8C; } pre+.note, input+.note, textarea+.note { margin-top: -12px; } .highlight { color: #AC7127; } .warn { color: #e74c3c; } .confirmation{ color: #4CBB17 } abbr { font-size: 0.87em; letter-spacing: 0.04em; } .type-family-sample { font-size: 35px; line-height: 36px; } /*! ---------- =common =components ---------- */ a { text-decoration: none; color: #AC7127; } a:hover, a:focus { color: #414042; } a, button { transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, box-shadow 0.15s ease-out, opacity 0.15s ease-out; } .display-inline { display: inline-block; } .more { display: inline-block; font-weight: 700; } .more .fa-arrow-right { margin-left: 0.3em; transition: transform 0.15s ease-out; } .more:hover .fa-arrow-right, .more:focus .fa-arrow-right { transform: translateX(0.2em); } .img-left, .img-right { display: block; max-width: 40%; margin: 0 0 12px; } .img-left img, .img-right img { display: block; } .img-left { float: left; margin-right: 12px; } .img-right { float: right; margin-left: 12px; } .pill { display: inline-block; padding: 0.125rem 18px; margin-right: 12px; margin-bottom: 6px; border-radius: 36px; background: #AC7127; color: #ffffff; font-weight: 700; font-size: 16px; } figure { display: block; margin-bottom: 24px; border: 1px solid #E2E3E5; padding: 6px; } figcaption { display: block; padding: 6px 0; font-size: 14px; opacity: 0.8; } dl:not(:last-child) { margin-bottom: 24px; } dt { float: left; clear: left; margin-right: 18px; font-weight: 700; } dt~dt { margin-top: 12px; } dd { display: block; overflow: hidden; } dd~dd { margin-top: 12px; } .to-screen-edges, .content>.page-bounds>.interstitial, .interstitial--solid .content>.interstitial__content>.interstitial, .content>.page-bounds>.hero, .interstitial--solid .content>.interstitial__content>.hero { width: auto !important; margin-left: -24px; margin-right: -24px; } .to-screen-edges__content { padding-left: 24px; padding-right: 24px; } .validation-summary-errors { margin-bottom:25px; } @media (min-width: 768px) { .to-screen-edges, .content>.page-bounds>.interstitial, .interstitial--solid .content>.interstitial__content>.interstitial, .content>.page-bounds>.hero, .interstitial--solid .content>.interstitial__content>.hero { margin-left: -48px; margin-right: -48px; } .to-screen-edges__content { padding-left: 48px; padding-right: 48px; } } @media (min-width: 1376px) { .to-screen-edges, .content>.page-bounds>.interstitial, .interstitial--solid .content>.interstitial__content>.interstitial, .content>.page-bounds>.hero, .interstitial--solid .content>.interstitial__content>.hero { margin-left: calc(-50vw + 640px); margin-right: calc(-50vw + 640px); } .to-screen-edges__content { padding-left: calc(50vw - 640px); padding-right: calc(50vw - 640px); } } .page-scroll-waypoint { position: relative; top: -72px; } .pull-quote { background: #AC7127; color: #ffffff; font-size: 20px; font-weight: 300; line-height: 36px; margin: 24px 0; padding: 24px; position: relative; } .pull-quote::before { background: #414042; color: #ffffff; content: "\f10d"; font: var(--fa-font-solid); left: 1rem; padding: 0.5rem 1rem; position: absolute; top: -1rem; } .pull-quote__attribution { color: #ffffff; display: block; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; text-align: right; text-transform: uppercase; } p+.pull-quote__attribution { margin-top: -18px; } .pull-quote__meta { font-size: 16px; line-height: 24px; color: #ffffff; display: block; font-style: italic; text-align: right; } @media (min-width: 480px) { .pull-quote--left, .pull-quote--right { max-width: 40%; margin-top: 0; } .pull-quote--left { float: left; margin-right: 24px; } .pull-quote--right { float: right; margin-left: 24px; } } .truncator-expand { display: block; width: 100%; padding-top: 6px; padding-bottom: 6px; margin-top: 12px; /*border-top: 1px dashed #B2B5B8; color: #414042;*/ color: #fff; text-align: left; font-weight: 700; font-size: 16px; } .margin+.truncator-expand { margin-top: -12px; } .margin+.truncator-expand:not(:last-child) { margin-bottom: 24px; } .item-list+.truncator-expand, .margin-large+.truncator-expand { margin-top: -36px; } .item-list+.truncator-expand:not(:last-child), .margin-large+.truncator-expand:not(:last-child) { margin-bottom: 48px; } .color-spec { overflow: hidden; border: 1px solid #B2B5B8; } .color-spec__swatch { height: 0; padding-bottom: 100%; } .color-spec__text { padding: 24px 18px; font-size: 16px; } .color-spec__title { font-size: 20px; margin-bottom: 12px; } .color-spec__text p:not(:last-child) { margin-bottom: 12px; } .color-spec__role { font-style: italic; opacity: 0.65; } .color-spec--compact .color-spec__text { padding: 12px; } .color-spec--compact .color-spec__text p:not(:last-child) { margin-bottom: 6px; } .js .toggle-target:not(.is-active) { display: none; } .screenreaders-only { width: 1px; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; position: absolute; z-index: -1; } .group::after, .interior-layout::after, .page-header::after, .item-list__item::after, .horizontal-scroll__wrapper::after, dl::after { content: ""; display: table; clear: both; } /*! common spacing classes */ .spacer { height: 24px; } .spacer--tiny { height: 6px; } .spacer--small { height: 12px; } .spacer--large { height: 48px; } .spacer--huge { height: 72px; } @media (max-width: 767px) { .spacer--large { height: 36px; } .spacer--huge { height: 48px; } } .space-t-000, .space-t-0 { margin-top: 0 !important; } .space-t-025 { margin-top: 6px !important; } .space-t-050 { margin-top: 12px !important; } .space-t-075 { margin-top: 18px !important; } .space-t-100 { margin-top: 24px !important; } .space-t-150 { margin-top: 36px !important; } .space-t-200 { margin-top: 48px !important; } .space-t-250 { margin-top: 60px !important; } .space-t-300 { margin-top: 72px !important; } .space-t-350 { margin-top: 84px !important; } .space-t-400 { margin-top: 96px !important; } .space-r-000, .space-r-0 { margin-right: 0 !important; } .space-r-025 { margin-right: 6px !important; } .space-r-050 { margin-right: 12px !important; } .space-r-075 { margin-right: 18px !important; } .space-r-100 { margin-right: 24px !important; } .space-r-150 { margin-right: 36px !important; } .space-r-200 { margin-right: 48px !important; } .space-r-250 { margin-right: 60px !important; } .space-r-300 { margin-right: 72px !important; } .space-r-350 { margin-right: 84px !important; } .space-r-400 { margin-right: 96px !important; } .space-b-000, .space-b-0 { margin-bottom: 0 !important; } .space-b-025 { margin-bottom: 6px !important; } .space-b-050 { margin-bottom: 12px !important; } .space-b-075 { margin-bottom: 18px !important; } .space-b-100 { margin-bottom: 24px !important; } .space-b-150 { margin-bottom: 36px !important; } .space-b-200 { margin-bottom: 48px !important; } .space-b-250 { margin-bottom: 60px !important; } .space-b-300 { margin-bottom: 72px !important; } .space-b-350 { margin-bottom: 84px !important; } .space-b-400 { margin-bottom: 96px !important; } .space-l-000, .space-l-0 { margin-left: 0 !important; } .space-l-025 { margin-left: 6px !important; } .space-l-050 { margin-left: 12px !important; } .space-l-075 { margin-left: 18px !important; } .space-l-100 { margin-left: 24px !important; } .space-l-150 { margin-left: 36px !important; } .space-l-200 { margin-left: 48px !important; } .space-l-250 { margin-left: 60px !important; } .space-l-300 { margin-left: 72px !important; } .space-l-350 { margin-left: 84px !important; } .space-l-400 { margin-left: 96px !important; } @media (min-width: 768px) { .space-t-000-m, .space-t-0 { margin-top: 0 !important; } .space-t-025-m { margin-top: 6px !important; } .space-t-050-m { margin-top: 12px !important; } .space-t-075-m { margin-top: 18px !important; } .space-t-100-m { margin-top: 24px !important; } .space-t-150-m { margin-top: 36px !important; } .space-t-200-m { margin-top: 48px !important; } .space-t-250-m { margin-top: 60px !important; } .space-t-300-m { margin-top: 72px !important; } .space-t-350-m { margin-top: 84px !important; } .space-t-400-m { margin-top: 96px !important; } .space-r-000-m, .space-r-0-m { margin-right: 0 !important; } .space-r-025-m { margin-right: 6px !important; } .space-r-050-m { margin-right: 12px !important; } .space-r-075-m { margin-right: 18px !important; } .space-r-100-m { margin-right: 24px !important; } .space-r-150-m { margin-right: 36px !important; } .space-r-200-m { margin-right: 48px !important; } .space-r-250-m { margin-right: 60px !important; } .space-r-300-m { margin-right: 72px !important; } .space-r-350-m { margin-right: 84px !important; } .space-r-400-m { margin-right: 96px !important; } .space-b-000-m, .space-b-0-m { margin-bottom: 0 !important; } .space-b-025-m { margin-bottom: 6px !important; } .space-b-050-m { margin-bottom: 12px !important; } .space-b-075-m { margin-bottom: 18px !important; } .space-b-100-m { margin-bottom: 24px !important; } .space-b-150-m { margin-bottom: 36px !important; } .space-b-200-m { margin-bottom: 48px !important; } .space-b-250-m { margin-bottom: 60px !important; } .space-b-300-m { margin-bottom: 72px !important; } .space-b-350-m { margin-bottom: 84px !important; } .space-b-400-m { margin-bottom: 96px !important; } .space-l-000-m, .space-l-0-m { margin-left: 0 !important; } .space-l-025-m { margin-left: 6px !important; } .space-l-050-m { margin-left: 12px !important; } .space-l-075-m { margin-left: 18px !important; } .space-l-100-m { margin-left: 24px !important; } .space-l-150-m { margin-left: 36px !important; } .space-l-200-m { margin-left: 48px !important; } .space-l-250-m { margin-left: 60px !important; } .space-l-300-m { margin-left: 72px !important; } .space-l-350-m { margin-left: 84px !important; } .space-l-400-m { margin-left: 96px !important; } } /*! ---------- =buttons ---------- */ .button, input::file-selector-button, :where(.content .page-bounds) button, :where(.content .page-bounds input)[type=submit] { display: inline-block; vertical-align: middle; text-align: center; font-size: 18px; line-height: 24px; } .button--disclose::after { content: "\f178"; display: inline-block; vertical-align: middle; margin-left: 1em; font-family: "Font Awesome 6 Pro", "Font Awesome 6 Pro", "Font Awesome"; font-weight: 300; transition: transform 0.15s ease-out; } .button--disclose:hover::after, .button--disclose:focus::after, .button--disclose:active::after { transform: translateX(2px); } .button--primary.button--disclose::after { font-weight: 400; } .button--small { font-size: 16px; } .button--tiny, input::file-selector-button { font-size: 14px; } .button--fill { display: block; width: auto; max-width: 100%; } .button--fill+.button--fill { margin-left: 0; margin-top: 12px; } /*! squared button style */ .button, input::file-selector-button, :where(.content .page-bounds) button, :where(.content .page-bounds input)[type=submit] { background: #AC7127; border: 2px solid #AC7127; color: #ffffff; font-weight: 700; padding: 12px 36px; transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out; } .button:hover, .button:focus, input::file-selector-button:hover, input::file-selector-button:focus, :where(.content .page-bounds) button:hover, :where(.content .page-bounds) button:focus, :where(.content .page-bounds input)[type=submit]:hover, :where(.content .page-bounds input)[type=submit]:focus { background: #734B1A; border-color: #AC7127; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); color: #ffffff; transform: translateY(-2px); } .button:focus, input::file-selector-button:focus, :where(.content .page-bounds) button:focus, :where(.content .page-bounds input)[type=submit]:focus { outline: 1px dashed rgba(128, 128, 128, 0.8); outline-offset: -6px; } .button:active, input::file-selector-button:active, :where(.content .page-bounds) button:active, :where(.content .page-bounds input)[type=submit]:active { transform: translateY(0); box-shadow: none; transition: none; } .button--disclose { padding-right: 24px; } .button--secondary { padding: 10px 34px; border: 2px solid #AC7127; color: #AC7127; background: #ffffff; } .button--tertiary { border: 1px solid #E3D0B7; font-weight: 400; color: #AC7127; background: #EEE3D4; } .button--secondary:hover, .button--secondary:focus, .button--tertiary:hover, .button--tertiary:focus { background: #734B1A; border-color: #AC7127; color: #ffffff; } .button--highlight { background: #414042; border-color: #414042; } .button--highlight.button--secondary { border-color: #414042; color: #414042; background: #ffffff; } .button--highlight.button--tertiary { border-color: #414042; color: #414042; background: #D9D9D9; } .button--highlight:hover, .button--highlight:focus, .button--highlight.button--secondary:hover, .button--highlight.button--secondary:focus, .button--highlight.button--tertiary:hover, .button--highlight.button--tertiary:focus { background: #2B2B2C; border-color: #414042; color: #ffffff; } .button--action { background: #AC7127; } .button--action.button--secondary { border-color: #AC7127; color: #AC7127; background: #ffffff; } .button--action.button--tertiary { border-color: #E3D0B7; color: #AC7127; background: #EEE3D4; } .button--action:hover, .button--action:focus, .button--action.button--secondary:hover, .button--action.button--secondary:focus, .button--action.button--tertiary:hover, .button--action.button--tertiary:focus { border-color: #C8A06F; color: #ffffff; background: #C8A06F; } .button--warn { background: #e74c3c; border-color: #e74c3c; } .button--warn.button--secondary { border-color: #e74c3c; color: #e74c3c; background: #ffffff; } .button--warn.button--tertiary { border-color: #fadbd8; color: #e74c3c; background: #fef6f5; } .button--warn:hover, .button--warn:focus, .button--warn.button--secondary:hover, .button--warn.button--secondary:focus, .button--warn.button--tertiary:hover, .button--warn.button--tertiary:focus { background: #bf2718; border-color: #e74c3c; color: #ffffff; } .button--cancel { border: 1px solid #B2B5B8; font-size: 16px; font-weight: 400; color: #414042; background: #E2E3E5; } .button--cancel:hover, .button--cancel:focus { color: #AC7127; border-color: #AC7127; background: #ffffff; } .button--large { padding: 18px 60px; } .button--large.button--secondary { padding: 16px 58px; } .button--large.button--disclose { padding-right: 48px; } .button--small { padding: 6px 24px; } .button--small.button--secondary { padding: 4px 22px; } .button--small.button--disclose { padding-right: 18px; } .button--tiny, input::file-selector-button { padding: 3px 12px; } .button--tiny.button--secondary { padding: 1px 10px; } .button-group { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: -12px; margin-right: -6px; margin-left: -6px; } .button-group>.button { flex: 1 0 auto; margin: 12px 6px 0; } /*! ---------- =code and =syntax highlighting ---------- */ pre, code { font-family: "Inconsolata", monospace; font-size: 16px; line-height: 24px; } pre { display: block; padding: 24px 12px; border: 1px solid #d7d9db; color: #222; background: #f5f5f6; overflow-y: auto; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1); position: relative; } pre:not(:last-child) { margin-bottom: 24px; } pre::before { content: attr(rel); font-family: "Nunito Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; color: #cfbba3; position: absolute; top: 2px; right: 12px; } p>code, li>code { background: #ededef; font-style: normal; } p>code::before, p>code::after, li>code::before, li>code::after { content: ""; display: inline-block; width: 0.5em; } /*! syntax highlighting through prism: http://prismjs.com/index.html * the following is based off the default theme */ pre[class*=language-] { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; hyphens: none; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #999; } .namespace { opacity: 0.7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #a67f59; background: hsla(0deg, 0%, 100%, 0.5); } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function { color: #DD4A68; } .token.regex, .token.important, .token.variable { color: #e90; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } /*! ---------- =forms ---------- */ input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=date], input[type=file], textarea, select { background: #f5f5f6; border: 0; border-bottom: 3px solid #414042; color: #414042; color: rgba(65, 64, 66, 0.8); display: block; font: 16px/24px "Nunito Sans", Helvetica, Arial, sans-serif; margin: 0; padding: 9px 12px; transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out; width: 100%; } input[type=text]:not(:last-child), input[type=email]:not(:last-child), input[type=password]:not(:last-child), input[type=number]:not(:last-child), input[type=tel]:not(:last-child), input[type=date]:not(:last-child), input[type=file]:not(:last-child), textarea:not(:last-child), select:not(:last-child) { margin-bottom: 24px; } input[type=text]:required, input[type=email]:required, input[type=password]:required, input[type=number]:required, input[type=tel]:required, input[type=date]:required, input[type=file]:required, textarea:required, select:required { border-color: #ccc5bc; } input[type=text].input-validation-error, input[type=email].input-validation-error, input[type=password].input-validation-error, input[type=number].input-validation-error, input[type=tel].input-validation-error, input[type=date].input-validation-error, input[type=file].input-validation-error, textarea.input-validation-error, select.input-validation-error { border-color: #e74c3c; color: #e74c3c; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=file]:focus, textarea:focus, select:focus { border-color: #AC7127; color: #414042; box-shadow: none; } select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/images/default-source/siteimages/assets/caret.png) no-repeat 97% center #414042; border-bottom: 0; color: #ffffff; font-weight: 700; padding-right: 40.8px; } select:focus { color: #ffffff; outline: 1px dashed rgba(128, 128, 128, 0.8); outline-offset: -6px; } textarea { padding: 12px; min-height: 96px; } textarea.textarea-large { min-height: 240px; } input[type=radio], input[type=checkbox] { display: inline-block; position: relative; top: -0.1em; } label+input[type=radio], label+input[type=checkbox] { margin-left: 24px; } label { color: #AC7127; display: block; font: 23px/24px "EB Garamond", "Nunito Sans", Helvetica, Arial, sans-serif; margin-bottom: 12px; transition: color 0.15s ease-out, opacity 0.15s ease-out; } input[type=radio]+label, input[type=checkbox]+label, input[type=checkbox]+input[type=hidden]+label { display: inline-block; max-width: calc(100% - 25px); margin-left: 5px; vertical-align: top; font-weight: 400; font: 18px/24px "Nunito Sans", Helvetica, Arial, sans-serif; color: #000000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } label+input[type=radio]+label, label+input[type=checkbox]+label, label+input[type=checkbox]+input[type=hidden]+label { max-width: calc(100% - 50px); } label.required { color: #734B1A; } label.required::after { content: "*"; font-weight: 400; } label.input-validation-error { color: #e74c3c; } label.is-selected { color: #2B2B2C; } label.is-focused { color: #AC7127; opacity: 1; } .field-validation-error { display: block; margin-bottom: 24px; font-size: 16px; color: #e74c3c; } input+.field-validation-error, select+.field-validation-error, textarea+.field-validation-error { margin-top: -18px; } /*! ---------- =grids ---------- */ .grid { display: block; padding: 0; margin: 0 -24px 0 0; letter-spacing: -0.31em; text-rendering: optimizespeed; text-align: center; list-style: none; } .grid.align-left { text-align: left; } .grid.align-right { text-align: right; } .grid.no-margin { margin-bottom: -24px; } .grid--compact { margin-right: -12px; } .grid--compact.no-margin { margin-bottom: -12px; } .grid__unit { display: inline-block; width: 100%; padding: 0 24px 24px 0; margin: 0; vertical-align: top; letter-spacing: normal; text-rendering: auto; text-align: left; } .grid--compact>.grid__unit { padding: 0 12px 12px 0; } .grid__unit--1-2 { width: 50%; } .grid__unit--1-3 { width: 33.33%; } .grid__unit--2-3 { width: 66.66%; } .grid__unit--1-4 { width: 25%; } .grid__unit--3-4 { width: 75%; } .grid__unit--1-5 { width: 20%; } .grid__unit--2-5 { width: 40%; } .grid__unit--3-5 { width: 60%; } .grid__unit--4-5 { width: 80%; } .grid__unit--1-6 { width: 16.66%; } .grid__unit--5-6 { width: 83.3%; } .grid__unit--1-8 { width: 12.5%; } .grid__unit--3-8 { width: 37.5%; } .grid__unit--5-8 { width: 62.5%; } .grid__unit--7-8 { width: 87.5%; } .grid__unit--1-9 { width: 11.11%; } .grid__unit--2-9 { width: 22.22%; } .grid__unit--4-9 { width: 44.44%; } .grid__unit--5-9 { width: 55.55%; } .grid__unit--7-9 { width: 77.77%; } .grid__unit--8-9 { width: 88.88%; } .grid__unit--1-12 { width: 8.33%; } .grid__unit--5-12 { width: 41.65%; } .grid__unit--7-12 { width: 58.31%; } .grid__unit--11-12 { width: 91.63%; } @media (min-width: 480px) { .grid__unit--1-1-s { width: 100%; } .grid__unit--1-2-s { width: 50%; } .grid__unit--1-3-s { width: 33.33%; } .grid__unit--2-3-s { width: 66.66%; } .grid__unit--1-4-s { width: 25%; } .grid__unit--3-4-s { width: 75%; } .grid__unit--1-5-s { width: 20%; } .grid__unit--2-5-s { width: 40%; } .grid__unit--3-5-s { width: 60%; } .grid__unit--4-5-s { width: 80%; } .grid__unit--1-6-s { width: 16.66%; } .grid__unit--5-6-s { width: 83.3%; } .grid__unit--1-8-s { width: 12.5%; } .grid__unit--3-8-s { width: 37.5%; } .grid__unit--5-8-s { width: 62.5%; } .grid__unit--7-8-s { width: 87.5%; } .grid__unit--1-9-s { width: 11.11%; } .grid__unit--2-9-s { width: 22.22%; } .grid__unit--4-9-s { width: 44.44%; } .grid__unit--5-9-s { width: 55.55%; } .grid__unit--7-9-s { width: 77.77%; } .grid__unit--8-9-s { width: 88.88%; } .grid__unit--1-12-s { width: 8.33%; } .grid__unit--5-12-s { width: 41.65%; } .grid__unit--7-12-s { width: 58.31%; } .grid__unit--11-12-s { width: 91.63%; } } @media (min-width: 768px) { .grid { margin-right: -48px; } .grid.no-margin { margin-bottom: -48px; } .grid--compact { margin-right: -24px; } .grid--compact.no-margin { margin-bottom: -24px; } .grid__unit { padding: 0 48px 48px 0; } .grid--compact>.grid__unit { padding: 0 24px 24px 0; } .grid__unit--1-1-m { width: 100%; } .grid__unit--1-2-m { width: 50%; } .grid__unit--1-3-m { width: 33.33%; } .grid__unit--2-3-m { width: 66.66%; } .grid__unit--1-4-m { width: 25%; } .grid__unit--3-4-m { width: 75%; } .grid__unit--1-5-m { width: 20%; } .grid__unit--2-5-m { width: 40%; } .grid__unit--3-5-m { width: 60%; } .grid__unit--4-5-m { width: 80%; } .grid__unit--1-6-m { width: 16.66%; } .grid__unit--5-6-m { width: 83.3%; } .grid__unit--1-8-m { width: 12.5%; } .grid__unit--3-8-m { width: 37.5%; } .grid__unit--5-8-m { width: 62.5%; } .grid__unit--7-8-m { width: 87.5%; } .grid__unit--1-9-m { width: 11.11%; } .grid__unit--2-9-m { width: 22.22%; } .grid__unit--4-9-m { width: 44.44%; } .grid__unit--5-9-m { width: 55.55%; } .grid__unit--7-9-m { width: 77.77%; } .grid__unit--8-9-m { width: 88.88%; } .grid__unit--1-12-m { width: 8.33%; } .grid__unit--5-12-m { width: 41.65%; } .grid__unit--7-12-m { width: 58.31%; } .grid__unit--11-12-m { width: 91.63%; } } @media (min-width: 960px) { .grid__unit--1-1-l { width: 100%; } .grid__unit--1-2-l { width: 50%; } .grid__unit--1-3-l { width: 33.33%; } .grid__unit--2-3-l { width: 66.66%; } .grid__unit--1-4-l { width: 25%; } .grid__unit--3-4-l { width: 75%; } .grid__unit--1-5-l { width: 20%; } .grid__unit--2-5-l { width: 40%; } .grid__unit--3-5-l { width: 60%; } .grid__unit--4-5-l { width: 80%; } .grid__unit--1-6-l { width: 16.66%; } .grid__unit--5-6-l { width: 83.3%; } .grid__unit--1-8-l { width: 12.5%; } .grid__unit--3-8-l { width: 37.5%; } .grid__unit--5-8-l { width: 62.5%; } .grid__unit--7-8-l { width: 87.5%; } .grid__unit--1-9-l { width: 11.11%; } .grid__unit--2-9-l { width: 22.22%; } .grid__unit--4-9-l { width: 44.44%; } .grid__unit--5-9-l { width: 55.55%; } .grid__unit--7-9-l { width: 77.77%; } .grid__unit--8-9-l { width: 88.88%; } .grid__unit--1-12-l { width: 8.33%; } .grid__unit--5-12-l { width: 41.65%; } .grid__unit--7-12-l { width: 58.31%; } .grid__unit--11-12-l { width: 91.63%; } } .card { background: #ffffff; border: 1px solid #AC7127; display: flex; flex-direction: column; overflow: hidden; } .card__body { padding: 24px; flex-grow: 1; } .card__image { width: 100%; } .card__header, .card__footer, .card__section { padding: 24px; border: solid #AC7127; } .card__header--secondary, .card__footer--secondary, .card__section--secondary { background: #EEE3D4; } .card__header--tertiary, .card__footer--tertiary, .card__section--tertiary { background: #E3D0B7; } .card__header--borderless, .card__footer--borderless, .card__section--borderless { border: none; } .card__header { border-width: 0 0 1px; flex-grow: 0; } .card__header--borderless:not(.card__header--secondary):not(.card__header--tertiary) { padding-bottom: 0; } .card__footer { border-width: 1px 0 0; justify-self: flex-end; flex-grow: 0; } .card__footer--borderless:not(.card__footer--secondary):not(.card__footer--tertiary) { padding-top: 0; } .card__section { border-width: 1px 0; margin-top: 24px; margin-bottom: 24px; } .card__section+.card__section { margin-top: -24px; border-top-width: 0; } .card__section:first-child { margin-top: 0; } .card__section:last-child { margin-bottom: 0; } .card__body>.card__section { margin-left: -24px; margin-right: -24px; } .card__body>.card__section:first-child { margin-top: -24px; } .card__body>.card__section:last-child { margin-bottom: -24px; } .card--primary, .card--primary .card__header, .card--primary .card__footer, .card--primary .card__section { border-color: #AC7127; } .card--primary a, .card--primary h1, .card--primary h2, .card--primary h3, .card--primary h4, .card--primary h5, .card--primary h6, .card--primary .h1, .card--primary .h2, .card--primary .h3, .card--primary .h4, .card--primary .h5, .card--primary .h6 { color: #AC7127; } .card--primary .card__header--secondary, .card--primary .card__footer--secondary, .card--primary .card__section--secondary { color: #734B1A; background: #EEE3D4; } .card--primary .card__header--tertiary, .card--primary .card__footer--tertiary, .card--primary .card__section--tertiary { color: #734B1A; background: #E3D0B7; } .card--accent, .card--accent .card__header, .card--accent .card__footer, .card--accent .card__section { border-color: #414042; } .card--accent h1, .card--accent h2, .card--accent h3, .card--accent h4, .card--accent h5, .card--accent h6, .card--accent .h1, .card--accent .h2, .card--accent .h3, .card--accent .h4, .card--accent .h5, .card--accent .h6 { color: #414042; } .card--accent a { color: #AC7127; } .card--accent .card__header--secondary, .card--accent .card__footer--secondary, .card--accent .card__section--secondary { color: #2B2B2C; background: #D9D9D9; } .card--accent .card__header--tertiary, .card--accent .card__footer--tertiary, .card--accent .card__section--tertiary { color: #2B2B2C; background: #C0BFC0; } .card--action, .card--action .card__header, .card--action .card__footer, .card--action .card__section { border-color: #AC7127; } .card--action a, .card--action h1, .card--action h2, .card--action h3, .card--action h4, .card--action h5, .card--action h6, .card--action .h1, .card--action .h2, .card--action .h3, .card--action .h4, .card--action .h5, .card--action .h6 { color: #AC7127; } .card--action .card__header--secondary, .card--action .card__footer--secondary, .card--action .card__section--secondary { color: #734B1A; background: #EEE3D4; } .card--action .card__header--tertiary, .card--action .card__footer--tertiary, .card--action .card__section--tertiary { color: #734B1A; background: #E3D0B7; } .card--fill-primary .card__header, .card--fill-primary .card__footer, .card--fill-primary .card__section, .card--fill-accent .card__header, .card--fill-accent .card__footer, .card--fill-accent .card__section, .card--fill-action .card__header, .card--fill-action .card__footer, .card--fill-action .card__section, .card--inverse .card__header, .card--inverse .card__footer, .card--inverse .card__section { border-color: #ffffff; } .card--fill-primary, .card--fill-accent, .card--fill-action, .card--inverse { border: none; color: #ffffff; box-shadow: none; } .card--fill-primary h1, .card--fill-primary h2, .card--fill-primary h3, .card--fill-primary h4, .card--fill-primary h5, .card--fill-primary h6, .card--fill-primary .h1, .card--fill-primary .h2, .card--fill-primary .h3, .card--fill-primary .h4, .card--fill-primary .h5, .card--fill-primary .h6, .card--fill-accent h1, .card--fill-accent h2, .card--fill-accent h3, .card--fill-accent h4, .card--fill-accent h5, .card--fill-accent h6, .card--fill-accent .h1, .card--fill-accent .h2, .card--fill-accent .h3, .card--fill-accent .h4, .card--fill-accent .h5, .card--fill-accent .h6, .card--fill-action h1, .card--fill-action h2, .card--fill-action h3, .card--fill-action h4, .card--fill-action h5, .card--fill-action h6, .card--fill-action .h1, .card--fill-action .h2, .card--fill-action .h3, .card--fill-action .h4, .card--fill-action .h5, .card--fill-action .h6, .card--inverse h1, .card--inverse h2, .card--inverse h3, .card--inverse h4, .card--inverse h5, .card--inverse h6, .card--inverse .h1, .card--inverse .h2, .card--inverse .h3, .card--inverse .h4, .card--inverse .h5, .card--inverse .h6 { color: #ffffff; } .card--fill-primary a:not(.button):not(.more), .card--fill-accent a:not(.button):not(.more), .card--fill-action a:not(.button):not(.more), .card--inverse a:not(.button):not(.more) { color: #ffffff; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; } .card--fill-primary { background: #AC7127; } .card--fill-primary .card__header--secondary, .card--fill-primary .card__footer--secondary, .card--fill-primary .card__section--secondary { background: #8F5E21; } .card--fill-primary .card__header--tertiary, .card--fill-primary .card__footer--tertiary, .card--fill-primary .card__section--tertiary { background: #734B1A; } .card--fill-accent { background: #414042; } .card--fill-accent .card__header--secondary, .card--fill-accent .card__footer--secondary, .card--fill-accent .card__section--secondary { background: #363537; } .card--fill-accent .card__header--tertiary, .card--fill-accent .card__footer--tertiary, .card--fill-accent .card__section--tertiary { background: #2B2B2C; } .card--fill-action { background: #AC7127; } .card--fill-action .card__header--secondary, .card--fill-action .card__footer--secondary, .card--fill-action .card__section--secondary { background: #8F5E21; } .card--fill-action .card__header--tertiary, .card--fill-action .card__footer--tertiary, .card--fill-action .card__section--tertiary { background: #734B1A; } .card--inverse { background: #000000; } .card--inverse .card__header--secondary, .card--inverse .card__footer--secondary, .card--inverse .card__section--secondary { background: #4D4E51; } .card--inverse .card__header--tertiary, .card--inverse .card__footer--tertiary, .card--inverse .card__section--tertiary { background: #626365; } .card-grid { display: grid; grid-template-columns: Repeat(auto-fit, minmax(12rem, 1fr)); gap: 48px; } .card-grid:not(:last-child) { margin-bottom: 48px; } .card-grid--compact { gap: 24px; } /*! ---------- =hero ---------- */ .hero { position: relative; margin-bottom: 48px; } .hero:last-child { margin-bottom: 0; } .content>.page-bounds>.hero:first-child, .interstitial--solid .content>.interstitial__content>.hero:first-child { margin-top: -24px; } .hero__media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #000; } .hero__image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .hero__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .hero__image--parallax img { height: calc(100% + 40vh); top: -20vh; bottom: -20vh; } .hero__video-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; } .hero__video-player { display: block; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.5s ease-in 2.9s; } .hero__video-player.is-wide { top: 50%; transform: translateY(-50%); } .hero__video-player.is-tall { left: 50%; transform: translateX(-50%); } .hero__video-container.is-loaded .hero__video-player { opacity: 1; } .hero__video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .hero__content { padding: 72px 24px; position: relative; z-index: 3; } .hero__title, .hero__subtitle, .hero__description { color: #ffffff; } .hero__actions { margin-top: 24px; } @media (max-width: 479.97px) { .hero__actions .button { display: block; } .hero__actions .button+.button { margin-top: 12px; } } @media (min-width: 480px) { .hero__actions .button+.button { margin-left: 12px; } } @media (max-width: 767.97px) { .hero__desktop { display: none; } .hero__mobile { display: block; } } @media (min-width: 768px) { .hero__desktop { display: block; } .hero__mobile { display: none; } .hero__actions .button+.button { margin-left: 12px; } } @media (min-width: 960px) { .hero { padding: 48px; } .hero__content { padding: 72px 48px; } .content>.page-bounds>.hero:first-child, .interstitial--solid .content>.interstitial__content>.hero:first-child { margin-top: -48px; } } @media (min-width: 1550px) { .hero { padding: 100px 48px; } } /*! 'professional' hero style */ .hero::before { background: rgba(255, 255, 255, 0); } .hero__title { font-size: 28px; line-height: 36px; color: #ffffff; font-family: "EB Garamond", "Nunito Sans", Helvetica, Arial, sans-serif; } .hero__subtitle { color: #ffffff; } .hero__description { color: #ffffff; } .hero__content { background: rgba(172, 113, 39, 0.8); border-left: 12px solid #414042; } .hero__actions { align-content: center; align-items: center; display: flex; gap: 24px; justify-content: space-around; } @media (max-width: 959.97px) { .hero__content { background: rgba(172, 113, 39, 0.8); border-radius: 0; padding-bottom: 120px; padding-top: 120px; } .hero__actions { display: block; } .hero__actions select:first-child { margin-bottom: 12px; } } @media (min-width: 960px) { .hero__content { border-left: 36px solid #414042; margin-left: -48px; max-width: 60%; } .hero__title { font-size: 28px; line-height: 36px; margin-bottom: 48px; } .hero__actions { margin-top: 36px; gap: 24px 48px; } } @media (min-width: 1450px) { .hero__content { max-width: 50%; } .hero__title { font-size: 34px; line-height: 40px; } } @media (min-width: 1620px) { .hero__content { max-width: 760px; } .hero__title { font-size: 45px; line-height: 48px; } } .horizontal-scroll { position: relative; } .horizontal-scroll:not(:last-child) { margin-bottom: 48px; } .horizontal-scroll__wrapper { width: 100%; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; } .js .horizontal-scroll__wrapper { -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .js .horizontal-scroll__wrapper::-webkit-scrollbar { display: none; } .horizontal-scroll__contents { float: left; margin: 0; list-style: none; white-space: nowrap; word-spacing: -0.31em; } .horizontal-scroll__item { display: inline-block; vertical-align: middle; width: 25%; padding-right: 24px; white-space: normal; -webkit-hyphens: auto; hyphens: auto; word-spacing: normal; } .horizontal-scroll__item:last-child { padding-right: 0; } .horizontal-scroll__control { width: 96px; position: absolute; top: 0; bottom: 0; background: transparent; font-size: 35px; color: #AC7127; } .horizontal-scroll__control--left { left: -96px; } .horizontal-scroll__control--right { right: -96px; } .horizontal-scroll__control:hover, .horizontal-scroll__control:focus { color: #AC7127; } .horizontal-scroll--is-at-start .horizontal-scroll__control--left, .horizontal-scroll--is-at-end .horizontal-scroll__control--right { color: #B2B5B8 !important; cursor: default; } @media (max-width: 1375.97px) { .horizontal-scroll__control { width: 48px; } .horizontal-scroll__control--left { left: -48px; } .horizontal-scroll__control--right { right: -48px; } } @media (max-width: 767.97px) { .horizontal-scroll__item { width: 45vw; } .horizontal-scroll__control { display: none; } } @media (max-width: 479.97px) { .horizontal-scroll__item { width: 80vw; } } /*! ---------- =interstitials ---------- */ .interstitial { position: relative; padding: 0 24px; margin-top: 48px; margin-bottom: 48px; } .interstitial:first-child { margin-top: 0; } .interstitial:last-child { margin-bottom: 0; } .content>.page-bounds>.interstitial:first-child, .interstitial--solid .content>.interstitial__content>.interstitial:first-child { margin-top: -24px; } .interstitial::before { content: ""; display: block; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); z-index: 2; } .interstitial__wrapper::after { content: ""; display: table; clear: both; } .interstitial__media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #000; } .interstitial__image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .interstitial__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .interstitial__image--parallax img { height: calc(100% + 40vh); top: -20vh; bottom: -20vh; } .interstitial__video-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; } .interstitial__video-player { display: block; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.5s ease-in 2.9s; } .interstitial__video-player.is-wide { top: 50%; transform: translateY(-50%); } .interstitial__video-player.is-tall { left: 50%; transform: translateX(-50%); } .interstitial__video-container.is-loaded .interstitial__video-player { opacity: 1; } .interstitial__video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .interstitial__content { padding: 72px 0; position: relative; z-index: 3; } .interstitial__actions { margin-top: 24px; } @media (max-width: 479.97px) { .interstitial__actions .button { display: block; } .interstitial__actions .button+.button { margin-top: 12px; } } @media (min-width: 480px) { .interstitial__actions .button+.button { margin-left: 12px; } } @media (max-width: 767.97px) { .interstitial__title { font-size: 7vw; line-height: 1.2; } } @media (min-width: 768px) { .interstitial { padding-left: 48px; padding-right: 48px; } .content>.page-bounds>.interstitial:first-child, .interstitial--solid .content>.interstitial__content>.interstitial:first-child { margin-top: -48px; } } /*! 'professional' interstitial style */ .interstitial::before { background: rgba(255, 255, 255, 0); } .interstitial__media { background: rgba(255, 255, 255, 0); } .interstitial__title { color: #ffffff; } .interstitial__title::after { content: ""; display: block; width: 120px; height: 4px; margin: 24px 0 0; background: rgba(255, 255, 255, 0.4); } .interstitial__description { color: #ffffff; } .interstitial--solid { background: #AC7127; padding: 24px 0; } .interstitial--solid::before { display: none; } .interstitial--solid .interstitial__wrapper { max-width: none; } .interstitial--solid .interstitial__wrapper { background: #ffffff; border-left: 12px solid #414042; color: #414042; } .interstitial--solid .interstitial__content { padding: 24px; } .interstitial--solid .interstitial__title { margin-bottom: 0; } .interstitial--solid .interstitial__title, .interstitial--solid .interstitial__description { color: #414042; } @media (min-width: 768px) { .interstitial__content { padding-top: 120px; padding-bottom: 120px; } .interstitial__title { margin-bottom: 48px; } .interstitial__actions { margin-top: 36px; } .interstitial--solid { padding-bottom: 48px; padding-top: 48px; } .interstitial--solid .interstitial__wrapper { border-width: 36px; } .interstitial--solid .interstitial__content { padding: 48px; width: 100%; } } @media (max-width: 959.97px) { .interstitial--solid .interstitial__text { margin-top: 24px; } } @media (min-width: 960px) { .interstitial::before { background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0)); } .interstitial__content { width: 50%; } .interstitial--right::before { background: linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0)); } .interstitial--right .interstitial__content { width: 40%; float: right; } .interstitial--solid { padding-right: 48px; } .interstitial--solid .interstitial__content { align-content: center; align-items: center; display: flex; gap: 0 48px; justify-content: space-around; } } /*! ---------- =lists ---------- */ .item-list { list-style: none; margin-left: 0; } .item-list:not(:last-child) { margin-bottom: 48px; } .item-list+.button { margin-top: -24px; } .item-list__item+.item-list__item { border-top: 1px solid #EEE3D4; margin-top: 24px; padding-top: 24px; } .item-list__thumbnail { display: block; width: 120px; max-width: 33%; float: left; margin-right: 24px; } .item-list__content { overflow: hidden; } .item-list__title { font-size: 20px; line-height: 24px; color: #AC7127; font-family: "EB Garamond", "Nunito Sans", Helvetica, Arial, sans-serif; margin: 0; } .item-list__title:hover, .item-list__title:focus { color: #414042; } .item-list__date { margin: 6px 0 0; font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif; font-weight: 700; } .item-list__description { margin: 6px 0 0; } .item-list--grid .item-list__thumbnail { width: 100%; max-width: 100%; float: none; margin: 0 auto 12px; } .item-list--grid .item-list__thumbnail img { width: 100%; } .item-list--grid .item-list__item+.item-list__item { border-top: 0; margin-top: 0; padding-top: 0; } @media (max-width: 479.97px) { .item-list__thumbnail { float: none; margin: 0 auto 12px; } } .stacked-list { list-style: none; } .stacked-list:not(:last-child) { margin-bottom: 48px; } .stacked-list--constrain { max-width: 50em; margin-left: auto; margin-right: auto; } .stacked-list__item { margin: 0; } .stacked-list__item+.stacked-list__item { margin-top: 48px; } .stacked-list__link { display: block; position: relative; color: #414042; } .stacked-list__link:hover, .stacked-list__link:focus { color: #414042; } .stacked-list__media { position: relative; z-index: 1; overflow: hidden; } .stacked-list__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: transform 0.15s ease-out; } .stacked-list__link:hover .stacked-list__media img, .stacked-list__link:focus .stacked-list__media img { transform: scale(1.05); } .stacked-list__content { position: relative; z-index: 3; } .stacked-list__title { font-size: 23px; line-height: 24px; } .stacked-list__link:hover .stacked-list__title, .stacked-list__link:focus .stacked-list__title { color: #AC7127; } .stacked-list__title+.stacked-list__tags { margin-top: -16.8px; margin-bottom: 12px; } .stacked-list__date { display: block; font-size: 16px; color: #888A8C; } .stacked-list__title+.stacked-list__date { margin-top: -24px; } .stacked-list__date+.stacked-list__description { margin-top: 12px; } .tiled-list { list-style: none; } .tiled-list:not(:last-child) { margin-bottom: 48px; } .tiled-list__item { display: flex; margin: 0; } .tiled-list__exposition { position: relative; overflow: hidden; } .tiled-list__actions { margin-top: 24px; } .tiled-list__link { flex: 0 0 100%; display: block; position: relative; } .tiled-list__media { position: relative; z-index: 1; overflow: hidden; } .tiled-list__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: transform 0.15s ease-out; } .tiled-list__link:hover .tiled-list__media img, .tiled-list__link:focus .tiled-list__media img { transform: scale(1.05); } .tiled-list__content { display: flex; flex-direction: column; position: relative; z-index: 3; } .tiled-list__title { font-size: 23px; line-height: 24px; } .tiled-list__date { display: block; font-size: 16px; } .tiled-list__date+.tiled-list__description { margin-top: 12px; } @media (max-width: 767.97px) { .tiled-list__item+.tiled-list__item, .tiled-list__exposition+.tiled-list__item { margin-top: 24px; } } @media (min-width: 768px) { .tiled-list { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; gap: 24px; } .tiled-list__exposition, .tiled-list__item { flex: 1 0 30%; } .tiled-list__item--featured { flex: 11 0 45%; } } @media (min-width: 768px) and (max-width: 959.97px) { .tiled-list__item:not(.tiled-list__item--featured) .tiled-list__description { display: none; } } @media (min-width: 768px) { .scroll-list__item { width: calc((100vw - 96px) / 2 - 12px); max-width: 100%; } } @media (min-width: 960px) { .scroll-list__item { width: calc((100vw - 96px) / 3 - 15.984px); max-width: 100%; } } @media (min-width: 1376px) { .scroll-list__item { width: calc(1280px / 3 - 15.984px); max-width: 100%; } } /*! 'minimalist' homepage list styles */ .stacked-list__link { display: flex; gap: 24px; } .stacked-list__media { flex: 0 0 40%; } @media (max-width: 767.97px) { .stacked-list__link { flex-direction: column; align-items: stretch; } .stacked-list__media { height: 192px; flex-basis: 192px; } } .tiled-list { margin-left: 0; row-gap: 48px; } .tiled-list__media { height: 192px; } .tiled-list__content { background: #414042; color: #ffffff; padding: 36px 24px; transition: background 0.15s ease-out; } .tiled-list__link:hover .tiled-list__content, .tiled-list__link:focus .tiled-list__content { background: #AC7127; } .tiled-list__link:hover .tiled-list__disclose, .tiled-list__link:focus .tiled-list__disclose { background: #363537; transform: translateX(6px); -webkit-transform: translateX(6px); } .tiled-list__title { color: #ffffff; } .tiled-list__title+.tiled-list__tags { margin-top: -18px; margin-bottom: 18px; } .tiled-list__date { color: #ffffff; font-weight: 700; } .tiled-list__title+.tiled-list__date { margin-top: -12px; } .tiled-list__description { color: #ffffff; } .tiled-list__title+.tiled-list__description { margin-top: -12px; } .tiled-list__disclose { align-self: end; background: #AC7127; color: #ffffff; display: block; margin-top: 24px; max-width: -moz-min-content; max-width: min-content; padding: 12px 18px; transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; } .pagination { list-style: none; margin: 0 0 24px; } .pagination .overview { display: block; font-size: 16px; } .pagination li { display: inline-block; margin-bottom: 0.2em; } .pagination li a { display: block; width: 36px; padding: 6px 0; text-align: center; color: #414042; background: #E2E3E5; font-size: 16px; } .pagination li a:hover, .pagination li a:focus { color: #ffffff; background: #414042; } .pagination .active a { font-weight: 700; color: #ffffff; background: #AC7127; } @media (min-width: 960px) { .pagination .overview { display: inline-block; margin-right: 1.5em; } } /*! ---------- =quicklinks ---------- */ .quicklinks { display: flex; gap: 0 96px; justify-content: space-between; list-style: none; margin: 0 0 48px; } .quicklinks__item { display: flex; min-width: 0; } .quicklinks__link { display: flex; flex-direction: column; justify-content: space-between; flex: 0 0 100%; min-width: 0; padding: 24px; word-wrap: break-word; position: relative; } .quicklinks__media { z-index: 1; overflow: hidden; } .quicklinks__media img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; transition: opacity 0.15s ease-out, transform 0.15s ease-out; } .quicklinks__link:hover .quicklinks__media img, .quicklinks__link:focus .quicklinks__media img { transform: scale(1.05); } .quicklinks__icon, .quicklinks__content, .quicklinks__disclose { max-width: 100%; position: relative; z-index: 2; } .quicklinks__icon { font-size: 45px; } .quicklinks__icon+.quicklinks__content .quicklinks__title, .quicklinks__icon+.quicklinks__content .quicklinks__description:first-child { margin-top: 18px; } .quicklinks__title { display: block; font-family: "EB Garamond", "Nunito Sans", Helvetica, Arial, sans-serif; font-weight: 400; } .quicklinks__meta { font-size: 16px; line-height: 24px; color: #888A8C; font-weight: 700; } .quicklinks__title+.quicklinks__meta { margin-bottom: 6px; margin-top: 6px; } .quicklinks__disclose { font-size: 16px; } @media (max-width: 767.97px), (min-width: 960px) { .quicklinks__item--horizontal .quicklinks__link { flex-direction: row; } .quicklinks__item--horizontal .quicklinks__icon+.quicklinks__content { margin-left: 18px; } .quicklinks__item--horizontal .quicklinks__icon+.quicklinks__content .quicklinks__title, .quicklinks__item--horizontal .quicklinks__icon+.quicklinks__content .quicklinks__description:first-child { margin-top: 0; } .quicklinks__item--horizontal .quicklinks__disclose { margin-top: 0; margin-left: 24px; } } @media (max-width: 767.97px) { .quicklinks { flex-direction: column; } } @media (min-width: 768px) { .quicklinks__item { flex: 1 0 10%; } .quicklinks__content { display: flex; flex-wrap: wrap; gap: 6px 24px; } .quicklinks__title, .quicklinks__meta { flex: 1 0 100%; } .quicklinks__description { flex: 1 0 70%; } } /*! 'minimalist' quicklinks style */ .quicklinks__item { position: relative; } .quicklinks__item::after { background: url(/images/default-source/siteimages/assets/motif-abem.png) no-repeat center; content: ""; display: inline-block; height: 74px; position: absolute; right: -80px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 68px; z-index: 0; } .quicklinks__item:last-child::after { display: none; } .quicklinks__link { background: #414042; color: #ffffff; } .quicklinks__link:hover, .quicklinks__link:focus { background: #AC7127; color: #ffffff; } .quicklinks__link:hover .quicklinks__disclose, .quicklinks__link:focus .quicklinks__disclose { background: #363537; transform: translateX(6px); -webkit-transform: translateX(6px); } .quicklinks__media { flex: 0 0 240px; margin: -24px -24px 36px; position: relative; } .quicklinks__icon { color: #888A8C; transition: color 0.15s ease-out; } .quicklinks__link:hover .quicklinks__icon, .quicklinks__link:focus .quicklinks__icon { color: #AC7127; } .quicklinks__title { font-size: 23px; color: #ffffff; margin-bottom: 12px; transition: color 0.15s ease-out; } .quicklinks__link:hover .quicklinks__title, .quicklinks__link:focus .quicklinks__title { color: #ffffff; } .quicklinks__disclose { align-self: end; background: #AC7127; color: #ffffff; display: block; max-width: -moz-min-content; max-width: min-content; padding: 12px 18px; transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; } @media (max-width: 767.97px), (min-width: 960px) { .quicklinks__item--horizontal .quicklinks__media { margin: -24px 24px -24px -24px; } .quicklinks__item--horizontal .quicklinks__title { font-size: 20px; } } @media (max-width: 1229.97px) { .quicklinks { flex-wrap: wrap; gap: 24px; } .quicklinks__item { flex: 1 0 40%; } .quicklinks__item::after { display: none!important; } } /*! ---------- =tabs ---------- */ .tabs--standard:not(:last-child) { margin-bottom: 48px; } .tabs--standard .tabs__tab { background: #f5f5f6; border: 1px solid #B2B5B8; border-top-width: 3px; color: #414042; cursor: pointer; display: inline-block; margin-bottom: -1px; padding: 12px; position: relative; vertical-align: bottom; z-index: 2; } .tabs--standard .tabs__tab.is-active { background: #ffffff; border-bottom-color: #ffffff; border-top: 3px solid #AC7127; color: #AC7127; } .tabs--standard .tabs__tab:focus { outline: 1px dashed rgba(128, 128, 128, 0.8); outline-offset: -6px; } .tabs--standard .tabs__pane { border: 1px solid #B2B5B8; padding: 24px; display: none; } .tabs--standard .tabs__pane.is-active { display: block; } .tabs--vertical { margin-bottom: 48px; } .tabs--vertical .tabs__tab { background: #CBCCCE; color: #AC7127; font-weight: 700; padding: 13.68px; } .tabs--vertical .tabs__tab:hover, .tabs--vertical .tabs__tab:focus { color: #414042; } .tabs--vertical .tabs__tab.is-active { background: #ffffff; color: #414042; } .tabs--vertical .tabs__tab:focus { outline: 1px dashed #AC7127; outline-offset: -6px; } .js .tabs--vertical .tabs__pane:not(.is-active) { display: none; } @media (min-width: 480px) { .tabs--standard .tabs__tab { padding: 18px 24px; font-weight: 700; } } @media (max-width: 767.97px), (min-width: 960px) and (max-width: 1375.97px) { .tabs--standard, .tabs--vertical { display: flex; flex-direction: column; align-items: stretch; } .tabs--standard .tabs__tab, .tabs--standard .tabs__pane, .tabs--vertical .tabs__tab, .tabs--vertical .tabs__pane { flex: 0 0 auto; } .tabs--standard .tabs__tab, .tabs--vertical .tabs__tab { order: 1; border: 1px solid #B2B5B8; } .tabs--standard .tabs__tab~.tabs__tab, .tabs--vertical .tabs__tab~.tabs__tab { margin-top: 6px; } .tabs--standard .tabs__tab.is-active, .tabs--vertical .tabs__tab.is-active { border-color: #B2B5B8 #B2B5B8 #B2B5B8; } .tabs--standard .tabs__tab:nth-child(2), .tabs--vertical .tabs__tab:nth-child(2) { order: 3; } .tabs--standard .tabs__tab:nth-child(3), .tabs--vertical .tabs__tab:nth-child(3) { order: 5; } .tabs--standard .tabs__tab:nth-child(4), .tabs--vertical .tabs__tab:nth-child(4) { order: 7; } .tabs--standard .tabs__tab:nth-child(5), .tabs--vertical .tabs__tab:nth-child(5) { order: 9; } .tabs--standard .tabs__tab:nth-child(6), .tabs--vertical .tabs__tab:nth-child(6) { order: 11; } .tabs--standard .tabs__tab:nth-child(7), .tabs--vertical .tabs__tab:nth-child(7) { order: 13; } .tabs--standard .tabs__tab:nth-child(8), .tabs--vertical .tabs__tab:nth-child(8) { order: 15; } .tabs--standard .tabs__tab:nth-child(9), .tabs--vertical .tabs__tab:nth-child(9) { order: 17; } .tabs--standard .tabs__tab:nth-child(10), .tabs--vertical .tabs__tab:nth-child(10) { order: 19; } .tabs--standard .tabs__pane, .tabs--vertical .tabs__pane { order: 2; padding: 24px 12px; border: 1px solid #B2B5B8; border-top-width: 0; } .tabs--standard .tabs__pane+.tabs__pane, .tabs--vertical .tabs__pane+.tabs__pane { order: 4; } .tabs--standard .tabs__pane+.tabs__pane+.tabs__pane, .tabs--vertical .tabs__pane+.tabs__pane+.tabs__pane { order: 6; } .tabs--standard .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane, .tabs--vertical .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane { order: 8; } .tabs--standard .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane, .tabs--vertical .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane { order: 10; } .tabs--standard .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane, .tabs--vertical .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane { order: 12; } .tabs--standard .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane, .tabs--vertical .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane { order: 14; } .tabs--standard .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane, .tabs--vertical .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane { order: 16; } .tabs--standard .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane, .tabs--vertical .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane { order: 18; } .tabs--standard .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane, .tabs--vertical .tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane+.tabs__pane { order: 20; } } @media (min-width: 768px) and (max-width: 959.97px), (min-width: 1376px) { .tabs--standard { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .tabs--standard::before { /* remove sf pseudoel that messes with space-between */ display: none !important; } .tabs--standard .tabs__tab { flex: 0 0 auto; padding: 18px 24px; } .tabs--standard.tabs--2 .tabs__tab { width: 48%; flex-basis: 50%; flex-basis: calc(50% - 6px); } .tabs--standard.tabs--3 .tabs__tab { width: 31%; flex-basis: 33.3%; flex-basis: calc(33.3% - 6px); } .tabs--standard.tabs--4 .tabs__tab { width: 22%; flex-basis: 25%; flex-basis: calc(25% - 6px); } .tabs--standard.tabs--5 .tabs__tab { width: 17%; flex-basis: 20%; flex-basis: calc(20% - 6px); } .tabs--standard .tabs__pane { flex: 1 0 100%; } .tabs--vertical .tabs__tab { width: 12.5rem; float: left; clear: left; color: #414042; padding: 17px 17px; margin-bottom: 6px; border: 1px solid #B2B5B8; border-right-color: #B2B5B8; background: #ebebeb; box-shadow: inset 6px 0 0 #B2B5B8; cursor: pointer; } .tabs--vertical .tabs__tab.is-active { background: #ffffff; border-color: #B2B5B8 #ffffff #B2B5B8 #B2B5B8; box-shadow: inset 6px 0 0 #AC7127; color: #AC7127; cursor: default; } .tabs--vertical .tabs__pane { padding: 24px; background: #ffffff; border-left: calc(12.5rem - 1px) solid #ffffff; box-shadow: inset 0 0 0 1px #B2B5B8; } .tabs--vertical .tabs__pane::after { content: ""; display: table; clear: both; margin: 30px 0 -30px; } } .accordion:not(:last-child) { margin-bottom: 48px; } .accordion__label { background: #f5f5f6; border: 1px solid #B2B5B8; border-bottom: 3px solid #AC7127; color: #414042; cursor: pointer; display: block; font-size: 16px; font-weight: 700; overflow: hidden; padding: 12px; transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; } .accordion__label h1, .accordion__label h2, .accordion__label h3, .accordion__label h4, .accordion__label h5, .accordion__label h6 { display:inline; } .accordion__label .fa-arrow-right { margin-left: 0.4em; transition: transform 0.15s ease-out; } .accordion__label:hover, .accordion__label:focus { color: #414042; } .accordion__label.is-active { background: #f7f7f7; border-color: #AC7127; color: #414042; } .accordion__label.is-active .fa-arrow-right { transform: rotate(90deg); } .accordion__label:focus { outline: 1px dashed rgba(128, 128, 128, 0.3); outline-offset: -6px; } .accordion__label~.accordion__label { margin-top: 6px; } .accordion__content { border: 1px solid #AC7127; border-top: none; padding: 24px 12px; transition: all 0.2s ease-out; overflow: hidden; } .js .accordion__content:not(.is-active) { max-height: 0; padding-top: 0; padding-bottom: 0; border-width: 0 1px; visibility: hidden; opacity: 0; } /*! ---------- =body ---------- */ html { scroll-behavior: smooth; } body { width: 100%; overflow-x: hidden; background: #ffffff; } .content { padding: 24px; padding-top: 96px; } .page-bounds, .interstitial--solid .interstitial__content { max-width: 1280px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .content { padding: 48px; padding-top: 96px; } } /*! ---------- =header common ---------- */ .page-header { padding: 0 24px; border-bottom: 1px solid #E2E3E5; background: #ffffff; position: relative; z-index: 100; position: fixed; left: 0; right: 0; top: 0; } .page-header .page-bounds, .page-header .interstitial--solid .interstitial__content, .interstitial--solid .page-header .interstitial__content { position: relative; } .page-header__toggle { display: none; } @media (max-width: 959.97px) { .page-header { width: 100%; } .page-header__toggle { position: absolute; right: -24px; top: 0; padding: 24px 24px; color: #414042; } .page-header__toggle.mobile-menu-is-open { color: #AC7127; } .js .page-header__toggle { display: block; } .page-header__toggle .toggle-indicator { margin-left: 6px; } .page-header__content { display: flex; flex-direction: column; align-items: stretch; clear: both; margin-left: -24px; margin-right: -24px; } } @media (min-width: 1376px) { .page-header { padding-left: 48px; padding-right: 48px; } } @media (max-width: 959.97px) { .header-search { order: 1; } .header-nav { order: 2; } .header-utility { order: 3; } } /*! slide-right / offscreen mobile menu */ @media (max-width: 959.97px) { .page-header__content { display: none; width: 80%; width: calc(100% - 72px); position: fixed; left: 0; top: 0; bottom: 0; margin: 0; overflow: auto; background: #ffffff; transition: all 0.15s ease-out; } @supports (transform: translateX(-100%)) { .page-header__content { display: flex; transform: translateX(-100%); opacity: 0; visibility: hidden; } } .page-header__content.mobile-menu-is-open { display: block; display: flex; } @supports (transform: translateX(-100%)) { .page-header__content.mobile-menu-is-open { transform: translateX(0); box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15), 1px 0 2px rgba(0, 0, 0, 0.2); opacity: 1; visibility: visible; } } .page-header .header-search__input { padding-top: 23px !important; padding-bottom: 23px !important; border-width: 1px 0 !important; } .page-header .header-search__submit { padding-top: 24px !important; padding-bottom: 24px !important; background: transparent; color: #AC7127; } } .page-header__toggle.mobile-menu-is-open { position: fixed; top: 0; right: 0; bottom: 0; width: 20%; width: calc(0% + 72px); font-size: 0.01px; color: transparent; background: rgba(255, 255, 255, 0.7); } .page-header__toggle.mobile-menu-is-open .toggle-indicator { position: absolute; top: 26px; left: 50%; margin: 0; transform: translateX(-50%); } /*! ---------- =header components ---------- */ .header-logo a, .header-logo img { display: block; max-width: 100%; margin: 0; } @media (max-width: 959.97px) { .header-logo a { padding: 12px 0; } .header-logo img { max-height: 48px; } } .toggle-indicator { display: inline-block; vertical-align: middle; width: 24px; height: 24px; position: relative; } .toggle-indicator__piece { display: block; position: absolute; top: 50%; left: 0; margin-top: -2px; transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, transform 0.25s ease-out; } .toggle-indicator__piece::before { content: ""; display: block; width: 24px; height: 4px; background: #fff; transition: background 0.2s ease-out; } .page-header .toggle-indicator__piece::before { background: #414042; } .toggle-indicator__piece--1 { margin-top: -8px; } .toggle-indicator__piece--3 { margin-top: 4px; } .is-active .toggle-indicator__piece, .mobile-menu-is-open .page-header .toggle-indicator__piece { transition: opacity 0.2s ease-out, margin 0.2s ease-out, transform 0.25s ease-out 0.3s; } .is-active .toggle-indicator__piece::before, .mobile-menu-is-open .page-header .toggle-indicator__piece::before { background: #fff; } .is-active .toggle-indicator__piece--2, .mobile-menu-is-open .page-header .toggle-indicator__piece--2 { opacity: 0; } .is-active .toggle-indicator__piece--1, .is-active .toggle-indicator__piece--3, .mobile-menu-is-open .page-header .toggle-indicator__piece--1, .mobile-menu-is-open .page-header .toggle-indicator__piece--3 { margin-top: -2px; } .is-active .toggle-indicator__piece--1, .mobile-menu-is-open .page-header .toggle-indicator__piece--1 { transform: rotate(-45deg); } .is-active .toggle-indicator__piece--3, .mobile-menu-is-open .page-header .toggle-indicator__piece--3 { transform: rotate(45deg); } .mobile-menu-is-open .page-header .toggle-indicator__piece::before { background: #AC7127; } .header-utility { font-size: 16px; } .header-utility__link, .header-utility__link-2 { color: #414042; display: block; padding: 11.4px 18px; } .header-utility ul { list-style: none; margin: 0; } .header-utility__item { display: inline-block; } .header-utility__item--highlight .header-utility__link { padding-left: 12px; padding-right: 12px; background: #AC7127; color: #ffffff; border-radius: 3px; } .header-utility__item--highlight .header-utility__link:hover, .header-utility__item--highlight .header-utility__link:focus { background: #D5B893; color: #ffffff; } @media (max-width: 959.97px) { .header-utility { padding: 18px 24px; text-align: center; } } @media (min-width: 960px) { .header-utility__list { display: inline-block; vertical-align: middle; } .header-utility__item:first-child { padding-right: 9px; position: relative; } .header-utility__item:first-child::after { background: rgba(255, 255, 255, 0.3); content: ""; display: block; height: 24px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1px; } .header-utility__link { color: #ffffff; } .header-utility__link:hover, .header-utility__link:focus { color: #D5B893; } } /*! account for utility nav dropdowns */ @media (max-width: 959.97px) { .header-utility { text-align: left; } .header-utility__item { display: block; } .header-utility__link { font-weight: 700; } .header-utility__link>.fas { display: none; } .header-utility__link-2 { padding: 6px 6px 6px 24px; } } @media (min-width: 960px) { .header-utility__item { position: relative; } .header-utility__list-2 { min-width: 12em; padding: 12px 0; position: absolute; left: 50%; top: 100%; border: 1px solid #E2E3E5; text-align: left; background: #ffffff; opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(-12px); z-index: -1; transition: all 0.15s ease-out; } .header-utility__list-2::before, .header-utility__list-2::after { content: ""; display: block; width: 0; height: 0; border: 12px solid transparent; border-top-width: 0; border-bottom-color: #E2E3E5; position: absolute; left: 50%; margin-left: -12px; bottom: 100%; z-index: 1; } .header-utility__list-2::after { margin-bottom: -1px; border-bottom-color: #ffffff; z-index: 2; } .header-utility__link-2 { padding: 6px 12px; color: #414042; } .header-utility__link-2:hover, .header-utility__link-2:focus { color: #AC7127; } .header-utility__item:hover .header-utility__list-2, .header-utility__item:focus .header-utility__list-2 { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); z-index: 4; } } .header-user { background: #AC7127; font-weight: 700; } .header-user .header-utility__item:first-child::after { display: none; } .header-user .header-utility__link { cursor: text; } .header-user__welcome { color: #ffffff; font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif; font-size: 16px; } .header-user__action { color: #ffffff; display: inline-block; font-size: 16px; font-weight: 400; padding: 6px; } .header-user__action:hover, .header-user__action:focus { color: #ffffff; } .header-user .header-user__login { cursor: pointer; } .header-user .header-user__login:hover { background: #966322; color: #fff; } @media (max-width: 959.97px) { .header-user { margin-left: -24px !important; margin-right: -24px !important; padding: 24px; } .header-user .header-utility__link { padding-left: 6px; } } @media (min-width: 960px) { .header-user { vertical-align: middle; } .header-user__welcome, .header-user__actions { display: inline-block; vertical-align: middle; } .header-user__action { color: #414042; } .header-user__action:hover, .header-user__action:focus { color: #AC7127; } } @media (min-width: 1376px) { .header-user { display: inline-block; margin-left: 12px; } } .header-search { position: relative; } .header-search__label { display: block; position: absolute; top: 1px; left: 1px; padding: 12px; margin: 0; opacity: 0.3; font-size: 18px; } .header-search__label::after { font-size: 16px; line-height: 24px; content: "Search"; display: inline-block; font-family: "Nunito Sans", Helvetica, Arial, sans-serif; margin-left: 9px; } .header-search__input { display: block; width: 100%; padding: 12px 72px 12px 24px !important; margin: 0 !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; font-size: 18px; line-height: 24px; background: #ffffff; } .header-search__submit { display: block; width: 60px; padding: 13px 0; position: absolute; right: 0; top: 0; text-align: center; background: rgba(255, 255, 255, 0); font-weight: 700; color: #ffffff; } @media (max-width: 959.97px) { .header-search { margin-top: -1px; } .header-search__label { display: none; } } @media (min-width: 960px) { .header-search { width: 126px; position: absolute; right: 0; } @supports (left: calc(100% - 126px)) { .header-search { width: auto; left: calc(100% - 126px); transition: left 0.15s ease-out; } } .header-search.is-focused { left: 0; width: 100%; } .header-search.is-focused label::after { display: none; } .header-search__label { color: #ffffff; cursor: pointer; opacity: 1; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } .header-search__label:hover, .header-search__label:focus { color: #D5B893; } .header-search__input { position: absolute; top: 50%; right: 0; padding-left: 42px !important; transform-origin: 100% 50%; transform: translateY(-50%); opacity: 0.01; } .header-search__input:focus { opacity: 1; } .header-search__submit { display: none; } } @media (min-width: 1376px) { .header-search.is-focused { width: 100%; } @supports (left: calc(100% - 126px)) { .header-search.is-focused { width: auto; left: 0; } } } .header-nav ul { list-style: none; margin: 0; } .header-nav li { position: relative; } .header-nav a { display: block; } .header-nav > ul > li > a, .header-nav div > ul > li > a { font-size: 20px; line-height: 24px; color: #AC7127; font-weight: 700; } .header-nav li li a { font-size: 16px; color: #414042; } .header-nav li li li a { color: #5b595c; } .header-nav li li li li a { color: #6a686b; } .header-nav__toggle { display: none; } @media (max-width: 959.97px) { .header-nav { background: #ffffff; } .header-nav a { padding: 12px 60px 12px 24px; border-bottom: 1px solid #E2E3E5; } .header-nav li li a { padding-left: 48px; border-bottom-color: rgba(233, 238, 242, 0.5); } .header-nav li li li a { padding-left: 72px; } .header-nav li li li li a { padding-left: 96px; } .header-nav > ul > li > a, .header-nav div > ul > li > a { border-bottom-color: rgba(226, 227, 229, 0.5); color: #414042; } .header-nav > ul > li > ul a, .header-nav div > ul > li > ul a { color: #414042; } .js .header-nav li ul { overflow: hidden; max-height: 0; transition: max-height 0.3s cubic-bezier(0, 0.5, 0, 1); } .js .header-nav li ul.is-active { max-height: 100em; transition: max-height 0.4s cubic-bezier(0.7, 0, 0.1, 1); } .header-nav__toggle { width: 60px; height: 48px; position: absolute; right: 0; top: 0; background: #ffffff; overflow: hidden; text-indent: 100%; white-space: nowrap; } .js .header-nav__toggle { display: block; } .header-nav__toggle::before { content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-bottom-width: 0; border-top-color: #AC7127; position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -5px; transform: scaleX(0.6); transition: transform 0.2s ease-out; } .header-nav__toggle.is-active::before { border-top-color: #AC7127; transform: scaleX(0.6) rotateX(180deg); } } @media (min-width: 960px) { .header-nav > ul, .header-nav div > ul { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; text-align: center; } .header-nav > ul > li, .header-nav div > ul > li { display: inline-block; -ms-flex: 1 0 auto; flex: 1 0 auto; position: static; } .header-nav > ul > li > a, .header-nav div > ul > li > a { padding: 24px 0; position: relative; } .header-nav > ul > li > a:hover, .header-nav > ul > li > a:focus, .header-nav div > ul > li > a:hover, .header-nav div > ul > li > a:focus { color: #414042; } .header-nav .is-current > a { color: #734B1A; } } /*! megamenu-style dropdowns */ @media (min-width: 960px) { .header-nav > ul > li > a::before, .header-nav div > ul > li > a::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; bottom: -13px; left: 50%; margin-left: -10px; background: #ffffff; border: solid #414042; border-width: 5px 5px 0 0; transform: scaleY(0.33) rotate(-45deg); opacity: 0; visibility: hidden; z-index: -1; transition: opacity 0.06s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s; } .header-nav > ul > li.remove-dropdown:hover > a::before, .header-nav div > ul > li.remove-dropdown:hover > a::before { display: none; } .header-nav > ul > li > ul, .header-nav div > ul > li > ul { display: flex; flex-direction: row; flex-wrap: wrap; /*justify-content: space-between;*/ justify-content: flex-start; align-items: flex-start; position: absolute; left: 0; right: 0; top: 100%; padding: 36px 0; border-top: 2px solid #414042; border-bottom: 1px solid #E2E3E5; text-align: left; background: #ffffff; opacity: 0; z-index: -1; visibility: hidden; transition: opacity 0.0999s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s; box-shadow: 48px 0 0 #ffffff, -48px 0 0 #ffffff; } /*.header-nav__list-2::before, .header-nav__list-2::after { content: ""; display: block; width: 48px; position: absolute; top: 0; bottom: 0; background: #ffffff; box-shadow: 0 -2px 0 #414042; border-bottom: 1px solid #E2E3E5; } .header-nav__list-2::before { right: 100%; } .header-nav__list-2::after { left: 100%; }*/ .header-nav > ul > li > ul > li, .header-nav div > ul > li > ul > li { display: inline-block; vertical-align: top; width: 32%; padding-bottom: 24px; flex: 0 0 30%; flex: 0 0 calc(33% - 12px); } .header-nav > ul > li > ul > li > a, .header-nav div > ul > li > ul > li > a { font-size: 18px; color: #AC7127; padding-bottom: 6px; } .header-nav > ul > li > ul > li > ul, .header-nav div > ul > li > ul > li > ul { padding-top: 12px; border-top: 1px solid #e9eef2; max-width: fit-content; } /*.header-nav__link-2:hover, .header-nav__link-2:focus { color: #414042; } .header-nav__list-3 { padding-top: 12px; border-top: 1px solid #E2E3E5; } .header-nav__link-3 { color: #414042; } .header-nav__link-3:hover, .header-nav__link-3:focus { color: #414042; }*/ .header-nav > ul > li > ul a:hover, .header-nav > ul > li > ul a:focus, .header-nav div > ul > li > ul a:hover, .header-nav div > ul > li > ul a:focus { color: #414042; } .header-nav > ul > li:hover > a, .header-nav div > ul > li:hover > a { color: #414042; } .header-nav > ul > li:hover > a::before, .header-nav div > ul > li:hover > a::before { opacity: 1; visibility: visible; z-index: 101; transition: opacity 0.15s ease-out 0.575s, z-index 0s linear 0.575s, visibility 0s linear 0.575s; } .header-nav > ul > li:hover > ul, .header-nav div > ul > li:hover > ul { opacity: 1; z-index: 100; visibility: visible; } .header-nav > ul > li:hover > ul { transition: opacity 0.19995s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s; } /*.header-nav__list-2.is-focused { transition: opacity 0.1s ease-out, z-index 0s linear, visibility 0s linear; }*/ /*! fourth level styling */ .header-nav ul > li > ul > li > ul > li > ul { margin-bottom: 6px; margin-left: 12px; margin-top: 6px; } .header-nav ul > li > ul > li > ul > li > ul li a { color: #888A8C; } } @media (min-width: 1376px) { .header-nav__list-2::before, .header-nav__list-2::after { width: calc((100vw - 1280px) / 2); } } /*! ---------- =header layout ---------- */ .header-logo { float: left; } @media (min-width: 960px) { .page-header>.page-bounds, .interstitial--solid .page-header>.interstitial__content { align-items: stretch; display: flex; justify-content: space-between; max-width: 1920px; } .page-header__content { border-top: 48px solid #414042; flex-grow: 1; } .header-logo { max-width: 198px; margin-right: 24px; } .header-logo a { display: flex; flex-direction: column; justify-content: center; height: 116.25px; padding: 12px 0; } .header-logo img { max-height: 100%; } /*! disclosure search */ .header-utility { position: absolute; top: 0; display: inline-flex; right: 135px; } .header-search { z-index: 3; } .header-search.is-focused .header-search__input { box-shadow: 0 -6px 0 #ffffff, 0 48px 0 #ffffff; } body.is-scrolled .page-header__content { border-top: 0; } body.is-scrolled .page-header__content::after { display: none; } } @media (min-width: 960px) and (max-width: 1375.97px) { .page-header { padding-bottom: 72px; } .page-header__content { display: flex; flex-direction: column; justify-content: center; padding-bottom: 24px; } .header-nav { position: absolute; left: 0; right: 0; top: 100%; } /*! sticky header */ .content { padding-top: calc(155px + 72px); } .page-header { transition: transform 0.2s ease; } body.is-scrolled .page-header { transform: translateY(-116.25px); } /*! disclosure search */ .header-search { top: 24px; } } @media (min-width: 1376px) { .page-header__content { border-top-width: 48px; } .page-header__content::after { background: #414042; content: ""; display: block; height: 48px; position: absolute; top: 0; right: -5000px; width: 5000px; } .header-logo { max-width: 360px; } .header-logo a { height: 155px; } .header-utility, .header-search { position: absolute; } .header-utility { right: 0em; right: calc(0em + 144px); } .header-search { width: auto; right: 0; } .header-nav { margin-top: calc(155px - 120px); } /*! sticky header */ .content { padding-top: calc(155px + 48px); } .header-logo a { transition: height 0.2s ease; } .header-utility, .header-search { transition: top 0.2s ease, left 0.15s ease; } .header-nav { transition: margin 0.2s ease; } body.is-scrolled .header-logo a { height: 72px; } body.is-scrolled .header-utility, body.is-scrolled .header-search { top: -72px; } body.is-scrolled .header-nav { margin-top: 0; } /*! disclosure search */ .header-search { top: 24px; } .header-search.is-focused { left: calc(360px - 6px); } } /*! ---------- =footer common ---------- */ .page-footer { padding: 0 24px; } .page-footer .page-bounds, .page-footer .interstitial--solid .interstitial__content, .interstitial--solid .page-footer .interstitial__content { position: relative; } @media (min-width: 768px) { .page-footer { padding: 0 48px; } } /*! ---------- =footer style ---------- */ /*! bordered footer style */ .page-footer { color: #414042; } .page-footer .page-bounds, .page-footer .interstitial--solid .interstitial__content, .interstitial--solid .page-footer .interstitial__content { border-top: 1px solid rgba(255, 255, 255, 0); padding-top: 48px; padding-bottom: 48px; } .page-footer a { color: #AC7127; font-weight: 700; } .page-footer a:hover, .page-footer a:focus { color: #414042; } .page-footer a.tel { color: #414042; font-weight: 400; } /*! ---------- =footer components ---------- */ .footer-logo { text-align: center; } .footer-logo a { display: inline-block; max-width: 100%; margin: 0 auto; } .footer-social__icon { display: inline-block; vertical-align: middle; padding: 3px; font-size: 23px; } .footer-trending__title { margin: 0; font-size: 16px; line-height: 24px; font-weight: 700; text-transform: uppercase; opacity: 0.5; } .footer-utility__list { list-style: none; margin: 0; } .footer-utility__item { display: inline-block; vertical-align: middle; } .footer-utility__link { display: block; padding: 6px; } @media (min-width: 480px) { .footer-utility__link { padding: 6px 12px; } } .footer-actions__section { margin-bottom: 24px; } .footer-actions__title { font-size: 23px; line-height: 24px; margin-bottom: 6px; } .footer-actions__list { list-style: none; margin: 0 0 0 -12px; } .footer-actions__item { display: inline-block; vertical-align: middle; } .footer-actions__link { display: block; padding: 6px; } @media (max-width: 479.97px) { .footer-actions__item { display: block; } } @media (min-width: 480px) { .footer-actions__link { padding: 6px 12px; } } @media (min-width: 768px) { .footer-actions { display: flex; flex-flow: row wrap; } .footer-actions__section { flex-grow: 1; flex-shrink: 0; display: inline-block; vertical-align: top; } .footer-actions__list { margin-left: 0; } .footer-actions__item { display: block; } .footer-actions__link { padding: 6px 0; } } @media (min-width: 1376px) { .footer-actions__section { flex: 1 1; } } .footer-copyright { font-size: 16px; } /*! ---------- =footer layouts ---------- */ @media (max-width: 767.97px) { .page-footer { text-align: center; } .footer-logo img { max-height: 96px; } .footer-social, .footer-contact, .footer-utility, .footer-copyright { margin-top: 24px; } } @media (min-width: 768px) { .footer-logo { width: 33.3%; float: left; padding-right: calc(24px * 0.667); text-align: left; } .page-footer__content { padding-left: calc(24px * 0.333); overflow: hidden; } .footer-social { margin-top: 18px; margin-left: -3px; } .footer-utility { margin-top: 12px; margin-left: -12px; } .footer-copyright { margin-top: 12px; } } @media (min-width: 960px) { .footer-contact, .footer-social { width: 62.5187406297%; width: calc(62.5187406297% - 24px * $gap-proportion); float: left; clear: left; margin-right: calc(24px - 12px); } .footer-contact { line-height: 24px; } .footer-utility { margin: 0; overflow: hidden; } .footer-utility__item { display: block; } .footer-copyright { margin-top: 24px; } } /* ---------- =interior common ---------- */ .page-title { color: #AC7127; } .page-title+.breadcrumbs { margin-top: -24px; } /* ---------- =interior components ---------- */ .title-block { margin: -24px -24px 24px; padding: 36px 24px; background: #AC7127; position: relative; overflow: hidden; } .title-block::before { content: ""; display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; background: rgba(57, 38, 13, 0.5); z-index: 2; } .title-block__background img { width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; } .title-block__content, .title-block__content a, .title-block .breadcrumbs a, .title-block .page-title { color: #ffffff; } .title-block__content { position: relative; text-shadow: 0 0 3px rgba(57, 38, 13, 0.5); z-index: 3; } .title-block__content a { font-weight: 700; } .title-block .breadcrumbs a { font-weight: 400; } .title-block__content a:hover, .title-block__content a:focus, .title-block .breadcrumbs a:hover, .title-block .breadcrumbs a:focus { color: #ffffff; text-decoration: underline; } .title-block .page-title { text-shadow: 0 0 16px rgba(57, 38, 13, 0.4), 0 0 3px rgba(57, 38, 13, 0.3); } .title-block .breadcrumbs { margin-bottom: 0; } @media (min-width: 768px) { .title-block { margin: -48px -48px 48px; padding: 72px 48px; } .title-block::before { width: 75%; background: linear-gradient(to right, #39260D, rgba(57, 38, 13, 0)); opacity: 0.5; } } @media (min-width: 960px) { .title-block { padding-top: 96px; padding-bottom: 96px; } } @media (min-width: 1376px) { .title-block { margin-left: calc(-50vw + 640px); margin-right: calc(-50vw + 640px); } } .breadcrumbs { font-size: 16px; line-height: 24px; margin-bottom: 24px; } .breadcrumbs a { color: #414042; opacity: 0.9; } .breadcrumbs a:hover, .breadcrumbs a:focus { color: #414042; opacity: 1; } .breadcrumbs span { display: inline-block; margin: 0 0.3em; opacity: 0.4; } .in-this-section { border: 1px solid #AC7127; padding: 24px; } .in-this-section a { color: #414042; display: block; padding: 6px 0; } .in-this-section a:hover, .in-this-section a:focus { color: #AC7127; } .in-this-section ul { list-style: none; margin: 0; } .in-this-section ul ul { display: none; padding-left: 24px; } .in-this-section ul ul a { font-size: 16px; line-height: 24px; } .in-this-section .is-current>ul { display: block; } .in-this-section .is-current>a { color: #AC7127; } @media (max-width: 959.97px) { .in-this-section { padding-bottom: 12px; padding-top: 12px; } .in-this-section__toggle { display: block; text-align: left; width: 100%; } .no-js .in-this-section__toggle { display: none; } .js .in-this-section>ul { display: none; } .js .in-this-section>ul.is-active { display: block; margin-top: 12px; } } @media (min-width: 960px) { .in-this-section__toggle { font-size: 28px; line-height: 36px; cursor: default; font-family: "EB Garamond", "Nunito Sans", Helvetica, Arial, sans-serif; font-weight: 400; margin-bottom: 12px; } .in-this-section__toggle .toggle-indicator { display: none; } } .share-buttons { font-size: 23px; line-height: 24px; } .share-buttons:not(:last-child) { margin-bottom: 24px; } .no-js .share-buttons { display: none; } .share-buttons__title { display: block; font-size: 16px; line-height: 24px; opacity: 0.7; } .share-buttons__button { display: inline-block; vertical-align: middle; margin: 6px 6px 0 0; color: #414042; } .share-buttons__button:hover, .share-buttons__button:focus { color: #AC7127; } /* ---------- =interior layout ---------- */ .interior-layout__nav, .interior-layout__main { margin-bottom: 24px; } @media (min-width: 960px) { .interior-layout__nav { margin-bottom: 0; } .interior-layout__nav>*:last-child { margin-bottom: 48px; } .interior-layout__title { margin-bottom: 24px; } .interior-layout__main { margin-bottom: 48px; } .interior-layout__nav, .interior-layout__aside { width: 30%; float: right; clear: right; overflow: hidden; position: relative; z-index: 2; } .interior-layout__main { width: 70%; padding-right: 48px; float: left; } } /*! ---------- =sitefinity ---------- */ .sys-template { display: none; } .sfContentBlock { margin-bottom: 24px; } .sfContentBlock:last-child { margin-bottom: 0; } /* For Solr debug */ .debug-url { background-color: #efe; border: 2px solid #2c2; padding: 12px; margin-bottom: 24px; word-wrap: break-word; } /*! make page builder layout more friendly to edit */ .sfPageEditor .page-header, .sfPageEditor .page-header>.page-bounds, .sfPageEditor .header-logo, .sfPageEditor .page-header__content, .sfPageEditor .header-utility, .sfPageEditor .header-search, .sfPageEditor .header-nav, .sfPageEditor .title-block, .sfPageEditor .title-block__background, .sfPageEditor .title-block__content, .sfPageEditor .page-footer, .sfPageEditor .footer-logo, .sfPageEditor .footer-social, .sfPageEditor .footer-contact, .sfPageEditor .footer-utility, .sfPageEditor .footer-copyright { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 0 20px !important; float: none !important; position: relative !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; } .sfPageEditor .content { padding-top: 48px; } .sfPageEditor .title-block::before { display: none !important; } .sfPageEditor .title-block__background, .sfPageEditor .title-block__content { position: static !important; } /* space form builder fields */ .sf-fieldWrp>input, .sf-fieldWrp>select, .sf-fieldWrp>textarea, .sf-fieldWrp>div>input, .sf-fieldWrp>div>select, .sf-fieldWrp>div>textarea { margin-bottom: 20px !important; } .sf_colsIn>.sf-fieldWrp>input:last-child, .sf_colsIn>.sf-fieldWrp>select:last-child, .sf_colsIn>.sf-fieldWrp>textarea:last-child { margin-bottom: 0 !important; } .sfInlineEditingPageMenu .sfInlineEditingToggleLnk { z-index: 1001 !important; } /* user-friendly tabs layout modules */ .sfPageEditor [data-edit-label]::before { content: "[" attr(data-edit-label) "]"; font-size: 14px; opacity: 0.3; } .tabs.sf_cols { margin-left: 0 !important; margin-right: 0 !important; } .tabs__tab>.sf_colsIn, .tabs__pane>.sf_colsIn { margin: 0 !important; } .sfPageEditor .tabs--standard .tabs__tab { width: 100% !important; float: none !important; } .sfPageEditor .tabs.sf_cols .tabs__pane { display: block !important; } /*! ---------- =print ---------- */ @media print { .page-header__toggle, .header-search, .header-utility, .header-nav, .in-this-section, .footer-logo, .footer-social, .footer-utility, .home-feature, .breadcrumbs, .share-buttons, .truncator-expand { display: none !important; } body { background: #fff; } @page { margin: 0.5in; } @page :first { margin-top: 1in; } @page :last { margin-bottom: 1in; } .page-bounds, .interstitial--solid .interstitial__content { max-width: 100%; } .page-header, .content, .page-footer { padding-left: 0; padding-right: 0; } h1, h2, h3, h4 { page-break-after: avoid; } blockquote, img, table, pre { page-break-inside: avoid; } ul, ol, dl { page-break-before: avoid; } .header-logo { float: none; max-width: 150px; margin: 0 auto; padding: 0; } .page-footer { border-top: 1px solid #E2E3E5; } .footer-contact { text-align: center; } .interior-layout__title, .interior-layout__nav, .interior-layout__main, .interior-layout__aside { float: none; width: auto; padding-left: 0; padding-right: 0; } .interior-layout__aside { border-top: 1px solid #B2B5B8; padding-top: 48px; } .page-title { text-align: center; } .content a[href]:not([href^="#"]) { word-wrap: break-word; box-shadow: 0 2px 0 #AC7127; color: #414042; font-weight: 700; } .content a[href]:not([href^="#"])::after { content: " (" attr(href) ") "; font-size: 0.85em; color: #5b595c; } .tabs__pane { display: block !important; } .accordion__content { max-height: none !important; visibility: visible !important; opacity: 1 !important; } [data-truncate-to] { max-height: none !important; overflow: visible !important; } [data-truncate-to*=item]>* { display: initial !important; } } /*! ---------- Ãå±±½ûµØ Added---------- */ div.breaking-line { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; line-height: 22px; display: flex; justify-content: space-between; align-content: stretch; column-gap: 10px; } div.breaking-line div.breaking-line-item { flex-basis: 0; flex-grow: 1; max-width: 100%; flex-basis: 400px; } .show-on-target { display: none; } .show-on-target:target { display: block; } .key-dates--title{ font-size: 20px; line-height: 24px; color: #AC7127; font-family: "EB Garamond", "Nunito Sans", Helvetica, Arial, sans-serif; margin: 0; } .key-dates--date{ float:right; margin: 6px 0 0; font-family: "Nunito Sans", "Nunito Sans", Helvetica, Arial, sans-serif; font-weight: 700; } .process-navigation { display: flex; } .process-navigation .card { display: inline-block; padding-top: 15px; padding-bottom: 15px; width: 50px; border-width: 2px; } .card--fill-orange { background-color: #AC7127; } .card--fill-orange h5 { color: #fff; } .nav-connector { display: inline-block; width: 70px; height: 32px; border-bottom: 2px solid #AC7127; } .desc { width: 50px; display: flex; justify-content: center; } .green-check { display: inline-block; color: green; font-weight: 600; width: 1.5em; padding: 2px; border-radius: 4px; text-align: center; } .green-check:after { content: "✓"; } .green-check:hover { color: white; background-color: green; cursor: pointer; } .red-x { display: inline-block; color: red; font-weight: 600; width: 1.5em; padding: 2px; border-radius: 4px; text-align: center; } .red-x:after { content: "✕"; } .red-x:hover { color: white; background-color: red; cursor: pointer; } .readonly { position: relative; } input[type=checkbox], input[type=radio] { accent-color: #414042; } .readonly a[href], .clickable, .readonly a.edit[onclick] { position: relative; z-index: 51; } .readonly input:not([type=checkbox], [type=radio], .clickable, .clickable *), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=search], [type=file]):read-only, input[type=file][disabled], input[type=file][readonly] { background-color: #DDDDDD; border-bottom-color: #888A8C; } .readonly input[type=submit], .readonly-container:not(.readonly) a.edit, .readonly input[type=reset] { display: none; } .readonly input[type=checkbox]:not(.clickable, .clickable *), .readonly input[type=radio]:not(.clickable, .clickable *), input[type=checkbox][readonly], input[type=checkbox][disabled], input[type=radio][readonly], input[type=radio][disabled] { accent-color: #888A8C; } .readonly select:not(.clickable, .clickable *), select:not(:has(option:not([disabled]))), select[disabled] { background-color: #888A8C; } .readonly .blocker { position: absolute; top: 0%; left: 0%; height: 100%; width: 100%; display: block; z-index: 50; background-color: transparent; opacity: 1; } table thead th { background-color: #414042; color: white; } table.alt-rows tbody tr:nth-child(even) { background-color: #DDDDDD; } .super, a[href^="#"][data-super] { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } .dropdown-container { background-color: #414042; color: white; border: none; font-weight: 700; z-index: 10; margin-bottom: 24px; } .dropdown-container + .field-validation-error { margin-top: -18px; } .dropdown-background { background-color: transparent; z-index: 1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; } .dropbtn { display: block; background: url(/images/default-source/siteimages/assets/caret.png) no-repeat 97% center #414042; color: white; padding: 9px 12px; padding-right: 40.8px; width: 100%; } .dropbtn:hover, .dropbtn:focus { background: url(/images/default-source/siteimages/assets/caret.png) no-repeat 97% center #414042; color: white; } .dropbtn:focus { color: white; outline: 1px dashed rgba(128, 128, 128, 0.8); outline-offset: -6px; } .dropdown-container input[type=text] { box-sizing: border-box; font-size: 16px; padding: 9px 12px; border: none; border-bottom: 1px solid #ddd; z-index: 2; margin-bottom: 0; position: sticky; top: 0; } .dropdown { position: relative; display: inline-block; width: 100%; z-index: 10; } .dropdown-content { display: none; position: absolute; background-color: #414042; min-width: 230px; overflow: auto; border: 1px solid #ddd; width: 100%; z-index: 2; max-height: 70vh; } .dropdown-content a { color: white; padding: 9px 12px; text-decoration: none; display: block; cursor: default; font-weight: 700; z-index: 2; } .dropdown-content a:hover { background-color: #ddd; color: black; } .show { display: block; } #blur { width: 100%; height: 100%; background-color: black; moz-opacity: 0.3; khtml-opacity: .3; opacity: .3; filter: alpha(opacity=30); z-index: 5; position: fixed; top: 0; left: 0; } #blurText { position:fixed; top: 50%; left: 50%; vertical-align: central; text-align: center; z-index: 6; transform: translateX(-50%); font-size: 1.3em; margin-top: -2em; } #loaderSpinner { border: 16px solid #DCDCDC; /* Light grey */ border-top: 16px solid #AC7127; /* Gold */ border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; position: fixed; z-index: 7; top: 50%; left: 50%; margin-left: -52px; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Add animation to "page content" */ .animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s } @-webkit-keyframes animatebottom { from { bottom:-100px; opacity:0 } to { bottom:0px; opacity:1 } } @keyframes animatebottom { from{ bottom:-100px; opacity:0 } to{ bottom:0; opacity:1 } } #blur-container { display: none; } a:hover { cursor: pointer; } table.sticky-head thead, thead.sticky-head, thead tr.sticky-head { position: sticky; top: 72px; z-index: 99; } .file-manager .uploader { display: flex; align-items: flex-start; column-gap: 8px; grid-row-gap: 12px; row-gap: 12px; flex-wrap: wrap; align-content: stretch; margin-bottom: 24px; } .file-manager .uploader input[type=file] { min-width: 50%; flex-basis: auto; width: auto; flex-grow: 1; margin-bottom: 0; } .file-manager .uploader a.button { flex-grow: 0; flex-basis: auto; margin-bottom: 0; } [id], [name] { scroll-margin: 100px; scroll-padding: 100px; }