.nm-title { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 28px; color: #292826; line-height: 1.3; text-transform: var(--ffDefaultTitleFontTransform, none); letter-spacing: var(--ffDefaultTitleFontLetterSpacing, 0px); font-weight: var(--ffDefaultTitleFontWeight, 700); padding-bottom: 8px; } @media screen and (max-width: 960px) { .nm-title { font-size: 24px; } } .nm-copy { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #292826; line-height: 1.6; text-transform: var(--ffDefaultFontTransform, none); letter-spacing: 0; font-weight: normal; padding-bottom: 12px; } .nm-product-title { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 28px; font-weight: var(--ffDefaultTitleFontWeight, 700); text-transform: var(--ffDefaultTitleFontTransform, none); letter-spacing: var(--ffDefaultTitleFontLetterSpacing, 0px); margin: 0; margin-bottom: 8px; color: #292826; } .nm-product-copy { font-family: var(--ffDefaultCopyFont, 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif); font-size: var(--ffDefaultCopyFontSize, 16px); font-weight: var(--ffDefaultCopyFontWeight, normal); text-transform: var(--ffDefaultCopyFontTransform, none); letter-spacing: var(--ffDefaultCopyFontLetterSpacing, 0px); line-height: 1.6; color: #292826; margin-bottom: 16px; } .header-padding { padding-top: 0.4125rem; padding-bottom: 0.4125rem; } @media screen and (min-width: 860px) { .header-padding { padding-top: 0.6125rem; padding-bottom: 0.6125rem; } } .default-padding-vert { padding-top: 0.8125rem; padding-bottom: 1.4125rem; } @media screen and (min-width: 860px) { .default-padding-vert { padding-top: 0.8125rem; padding-bottom: 1.4125rem; } } .default-padding-content { padding-top: 2rem; padding-bottom: 2rem; } .outer-wrapper { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .inner-wrapper { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 3%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .flex-base { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .flex-center { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .flex-left { -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .flex-right { -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .flex-between { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .flex-around { -webkit-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; } .vert-top { -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; } .vert-center { -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-align-content: center; -ms-align-content: center; align-content: center; } .vert-bottom { -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; } .wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .noWrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } html, body { border: 0; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0; padding: 0; } body, body.LTR, body.RTL { background-color: #ffffff; } div, span, object, iframe, img, table, caption, thead, tbody, tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu, nav, footer, header, section, summary, mark, audio, video { border: 0; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, legend, label { border: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } table { border-collapse: separate; border-spacing: 0; } table caption, table th, table td { text-align: left; vertical-align: middle; } ol, ul { margin: 0; padding: 0; list-style-type: none; } a, a img { border: 0; } a { text-decoration: none; color: #292826; } :focus { outline: auto; } button, input, select { background-image: none; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .hg604-checkoutHeader-outer, .nm-checkoutHeader-outer { width: 100%; background: #ffffff; border-bottom: 1px solid #e3e1db; } .hg604-checkoutHeader-outer .hg604-checkoutHeader-inner, .nm-checkoutHeader-outer .hg604-checkoutHeader-inner, .hg604-checkoutHeader-outer .nm-checkoutHeader-inner, .nm-checkoutHeader-outer .nm-checkoutHeader-inner { width: 100%; max-width: 1040px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; min-height: 116px; padding-top: 18px; padding-bottom: 18px; } @media screen and (min-width: 768px) { .hg604-checkoutHeader-outer .hg604-checkoutHeader-inner, .nm-checkoutHeader-outer .hg604-checkoutHeader-inner, .hg604-checkoutHeader-outer .nm-checkoutHeader-inner, .nm-checkoutHeader-outer .nm-checkoutHeader-inner { padding-left: 32px; padding-right: 32px; } } @media screen and (max-width: 600px) { .hg604-checkoutHeader-outer .hg604-checkoutHeader-inner, .nm-checkoutHeader-outer .hg604-checkoutHeader-inner, .hg604-checkoutHeader-outer .nm-checkoutHeader-inner, .nm-checkoutHeader-outer .nm-checkoutHeader-inner { min-height: 96px; padding-top: 14px; padding-bottom: 14px; } } .hg604-checkoutHeader-outer .hg604-checkoutHeader-logo, .nm-checkoutHeader-outer .hg604-checkoutHeader-logo, .hg604-checkoutHeader-outer .nm-checkoutHeader-logo, .nm-checkoutHeader-outer .nm-checkoutHeader-logo { display: block; font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #16371b; text-decoration: none; } .hg604-checkoutHeader-outer .hg604-checkoutHeader-logo img, .nm-checkoutHeader-outer .hg604-checkoutHeader-logo img, .hg604-checkoutHeader-outer .nm-checkoutHeader-logo img, .nm-checkoutHeader-outer .nm-checkoutHeader-logo img { display: block; height: 80px; width: auto; max-width: none; } @media screen and (max-width: 600px) { .hg604-checkoutHeader-outer .hg604-checkoutHeader-logo img, .nm-checkoutHeader-outer .hg604-checkoutHeader-logo img, .hg604-checkoutHeader-outer .nm-checkoutHeader-logo img, .nm-checkoutHeader-outer .nm-checkoutHeader-logo img { height: 68px; } } .hg604-checkoutHeader-outer .hg604-checkoutHeader-logo:hover, .nm-checkoutHeader-outer .hg604-checkoutHeader-logo:hover, .hg604-checkoutHeader-outer .nm-checkoutHeader-logo:hover, .nm-checkoutHeader-outer .nm-checkoutHeader-logo:hover { color: #102814; text-decoration: none; } .hg604-checkoutHeader-outer .hg604-checkoutHeader-logo:focus-visible, .nm-checkoutHeader-outer .hg604-checkoutHeader-logo:focus-visible, .hg604-checkoutHeader-outer .nm-checkoutHeader-logo:focus-visible, .nm-checkoutHeader-outer .nm-checkoutHeader-logo:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .hg604-footer, .nm-footer-outer { width: 100%; background: #102814; color: #ffffff; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; border: 0; display: block; } .hg604-footer a, .nm-footer-outer a { color: #ffffff; text-decoration: none; } .hg604-footer a:hover, .nm-footer-outer a:hover { color: #ffffff; text-decoration: underline; text-underline-offset: 3px; } .hg604-footer a:focus-visible, .nm-footer-outer a:focus-visible { outline: 2px solid #ffffff; outline-offset: 3px; } .hg604-footer-legal, .nm-footer-outer .nm-footer-inner { width: 100%; background: #0a1a0d; } .hg604-footer-legal .hg604-footer-legal-inner, .nm-footer-outer .nm-footer-inner .hg604-footer-legal-inner { width: 100%; max-width: 1040px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } @media screen and (min-width: 768px) { .hg604-footer-legal .hg604-footer-legal-inner, .nm-footer-outer .nm-footer-inner .hg604-footer-legal-inner { padding-left: 32px; padding-right: 32px; } } .hg604-footer-legal .hg604-footer-legal-inner, .nm-footer-outer .nm-footer-inner .hg604-footer-legal-inner, .hg604-footer-legal.nm-footer-inner, .nm-footer-outer .nm-footer-inner.nm-footer-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 24px; padding-top: 18px; padding-bottom: 18px; font-size: 13px; color: rgba(255, 255, 255, 0.8); } @media screen and (max-width: 600px) { .hg604-footer-legal .hg604-footer-legal-inner, .nm-footer-outer .nm-footer-inner .hg604-footer-legal-inner, .hg604-footer-legal.nm-footer-inner, .nm-footer-outer .nm-footer-inner.nm-footer-inner { flex-direction: column; text-align: center; } } .hg604-footer-legal .nm-footer-copy, .nm-footer-outer .nm-footer-inner .nm-footer-copy { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0; order: 0; width: auto; margin: 0; } .hg604-footer-legal .nm-footer-nav, .nm-footer-outer .nm-footer-inner .nm-footer-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 20px; order: 0; width: auto; margin: 0; } .hg604-footer-legal .nm-footer-nav a, .nm-footer-outer .nm-footer-inner .nm-footer-nav a { display: inline-block; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; color: rgba(255, 255, 255, 0.9); margin: 0; padding: 6px 0; width: auto; } .hg604-footer .hg604-footer-inner { width: 100%; max-width: 1040px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; display: grid; grid-template-columns: minmax(220px, 1.1fr) 2fr; gap: 40px; padding-top: 56px; padding-bottom: 40px; } @media screen and (min-width: 768px) { .hg604-footer .hg604-footer-inner { padding-left: 32px; padding-right: 32px; } } @media screen and (max-width: 768px) { .hg604-footer .hg604-footer-inner { grid-template-columns: 1fr; gap: 32px; padding-top: 40px; padding-bottom: 32px; } } .hg604-footer .hg604-footer-brand .hg604-footer-logo { display: inline-block; border-radius: 4px; } .hg604-footer .hg604-footer-brand .hg604-footer-logo img { display: block; width: 120px; height: auto; } .hg604-footer .hg604-footer-brand .hg604-footer-tagline { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin: 20px 0 6px; color: #ffffff; } .hg604-footer .hg604-footer-brand .hg604-footer-copy { margin: 0; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, 0.8); max-width: 320px; } .hg604-footer .hg604-footer-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } @media screen and (max-width: 600px) { .hg604-footer .hg604-footer-nav { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 400px) { .hg604-footer .hg604-footer-nav { grid-template-columns: 1fr; } } .hg604-footer .hg604-footer-heading { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #68796e; line-height: 1.4; margin: 0; color: rgba(255, 255, 255, 0.72); font-size: 12px; margin: 0 0 14px; } .hg604-footer .hg604-footer-col ul { list-style: none; margin: 0; padding: 0; } .hg604-footer .hg604-footer-col ul li { margin: 0; font-size: 15px; line-height: 1.4; } .hg604-footer .hg604-footer-col ul a { display: inline-block; padding: 7px 0; } .nm-footer-outer .nm-footer-inner { max-width: 1040px; margin: 0 auto; padding-left: 20px; padding-right: 20px; background: transparent; } @media screen and (min-width: 768px) { .nm-footer-outer .nm-footer-inner { padding-left: 32px; padding-right: 32px; } } .nm-footer-outer { background: #0a1a0d; } .nm-gcList { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; background: transparent; padding: 0; } .nm-gcList .gcList-inner { width: 100%; max-width: 940px; display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; } .nm-gcList .gcList-inner .product { width: 100%; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-rows: auto auto auto; gap: 14px 40px; align-items: start; align-content: center; padding: 32px; background: #ffffff; border: 1px solid #e3e1db; border-radius: 12px; text-align: left; } @media screen and (max-width: 768px) { .nm-gcList .gcList-inner .product { grid-template-columns: 1fr; grid-template-rows: auto; gap: 16px; padding: 20px; text-align: center; } } .nm-gcList .gcList-inner .product .product-img { grid-row: 1 / span 3; align-self: center; display: block; width: 100%; max-width: 440px; margin: 0 auto; border-radius: 12px; overflow: hidden; box-shadow: 0 12px 32px rgba(16, 40, 20, 0.18); } .nm-gcList .gcList-inner .product .product-img img { display: block; width: 100%; height: auto; border-radius: 12px; } .nm-gcList .gcList-inner .product .product-img:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } @media screen and (max-width: 768px) { .nm-gcList .gcList-inner .product .product-img { grid-row: auto; max-width: 380px; } } .nm-gcList .gcList-inner .product .product-title { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 26px; font-weight: 700; letter-spacing: 0; text-transform: none; line-height: 1.3; display: block; align-self: end; color: #292826; text-decoration: none; margin: 0; } .nm-gcList .gcList-inner .product .product-title:hover { color: #16371b; text-decoration: none; } @media screen and (max-width: 768px) { .nm-gcList .gcList-inner .product .product-title { font-size: 22px; align-self: auto; } } .nm-gcList .gcList-inner .product.virtual .product-title::before, .nm-gcList .gcList-inner .product.physical .product-title::before { display: block; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #68796e; line-height: 1.4; margin: 0; font-size: 12px; margin-bottom: 8px; } .nm-gcList .gcList-inner .product.virtual .product-title::before { content: "Digital \00B7 Delivered by email"; } .nm-gcList .gcList-inner .product.physical .product-title::before { content: "Physical card \00B7 Shipped"; } .nm-gcList .gcList-inner .product .product-desc { margin: 0; } .nm-gcList .gcList-inner .product .product-desc h1, .nm-gcList .gcList-inner .product .product-desc h2, .nm-gcList .gcList-inner .product .product-desc h3, .nm-gcList .gcList-inner .product .product-desc h4, .nm-gcList .gcList-inner .product .product-desc h5, .nm-gcList .gcList-inner .product .product-desc h6, .nm-gcList .gcList-inner .product .product-desc p, .nm-gcList .gcList-inner .product .product-desc span, .nm-gcList .gcList-inner .product .product-desc ul, .nm-gcList .gcList-inner .product .product-desc ol, .nm-gcList .gcList-inner .product .product-desc li, .nm-gcList .gcList-inner .product .product-desc a { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.6; color: #5f5d58; margin: 0; text-transform: none; letter-spacing: 0; } .nm-gcList .gcList-inner .product .gcbtn { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; border-radius: 4px; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; justify-self: start; align-self: start; margin-top: 6px; } .nm-gcList .gcList-inner .product .gcbtn:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .nm-gcList .gcList-inner .product .gcbtn:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .nm-gcList .gcList-inner .product .gcbtn:disabled, .nm-gcList .gcList-inner .product .gcbtn[disabled] { opacity: 0.6; cursor: not-allowed; } @media screen and (max-width: 768px) { .nm-gcList .gcList-inner .product .gcbtn { justify-self: center; width: 100%; max-width: 380px; } } .gcDtl-wrap { width: 100%; margin: 0 auto; padding: 0; background: transparent; } .gcDtl-wrap .gcDtl-wrap-inner { display: block; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-intro { width: 100%; max-width: 640px; margin: 0 auto 32px; padding: 0; text-align: center; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-intro h1 { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; color: #16371b; margin: 0 0 12px; padding: 0; } @media screen and (max-width: 768px) { .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-intro h1 { font-size: 24px; } } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-intro p { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #5f5d58; margin: 0; padding: 0; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize { width: 100%; margin: 0; padding: 0; text-align: left; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize form { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px 48px; align-items: start; } @media screen and (max-width: 960px) { .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize form { grid-template-columns: 1fr; gap: 24px; } } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design { width: 100%; margin: 0; padding: 0; position: sticky; top: 24px; text-align: left; } @media screen and (max-width: 960px) { .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design { position: static; max-width: 460px; margin: 0 auto; text-align: center; } } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design h2 { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #68796e; line-height: 1.4; margin: 0; color: #16371b; margin: 0 0 12px; padding: 0; text-align: inherit; border: 0; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-mainCard { width: 100%; display: block; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-mainCard img { display: block; width: 100%; height: auto; max-width: none; border-radius: 12px; box-shadow: 0 12px 32px rgba(16, 40, 20, 0.18); } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-title { width: 100%; text-align: inherit; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; color: #5f5d58; padding: 10px 0 0; display: block; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-options { width: 100%; margin-top: 14px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-options .design-options-inner { width: 100%; display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; } @media screen and (max-width: 960px) { .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-options .design-options-inner { justify-content: center; } } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-options .design-options-inner .design-thumb { width: calc(33.333% - 7px); max-width: 150px; margin: 0; position: relative; border: 2px solid transparent; border-radius: 4px; overflow: hidden; cursor: pointer; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-options .design-options-inner .design-thumb img { width: 100%; height: auto; display: block; cursor: pointer; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-options .design-options-inner .design-thumb svg { display: none; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-options .design-options-inner .design-thumb:hover { border-color: #c9c6bd; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-options .design-options-inner .design-thumb:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-options .design-options-inner .thumb-selected { border-color: #16371b; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-design .design-options .design-options-inner .thumb-selected svg { position: absolute; width: 26px; height: 26px; top: 6px; left: 6px; display: block; fill: #16371b; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details { width: 100%; margin: 0; padding: 0; text-align: left; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details #amount_custom { display: none; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details #scheduled { display: none; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form { width: 100%; display: block; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form fieldset { width: 100%; display: block; border: 0; padding: 0; margin: 0; min-width: 0; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin: 0 0 18px; padding: 0; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column { flex: 1 1 calc(50% - 8px); min-width: 0; display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; text-align: left; } @media screen and (max-width: 480px) { .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column { flex-basis: 100%; } } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column label { width: 100%; text-align: left; margin: 0 0 6px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.02em; color: #292826; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column input, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column textarea { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; color: #292826; background: #ffffff; border: 1px solid #c9c6bd; border-radius: 4px; padding: 12px 14px; min-height: 48px; box-shadow: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column input::placeholder, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select::placeholder, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column textarea::placeholder { color: rgba(95, 93, 88, 0.75); } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column input:focus, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select:focus, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column textarea:focus { outline: none; border-color: #16371b; box-shadow: 0 0 0 2px rgba(22, 55, 27, 0.18); } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column input.invalid, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select.invalid, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column textarea.invalid, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column input.is-invalid, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select.is-invalid, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column textarea.is-invalid, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column input[aria-invalid="true"], .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select[aria-invalid="true"], .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column textarea[aria-invalid="true"] { border-color: #b3261e; background: #ffffff; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; color: #292826; background: #ffffff; border: 1px solid #c9c6bd; border-radius: 4px; padding: 12px 14px; min-height: 48px; box-shadow: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2316371b' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px 8px; padding-right: 40px; cursor: pointer; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select::placeholder { color: rgba(95, 93, 88, 0.75); } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select:focus { outline: none; border-color: #16371b; box-shadow: 0 0 0 2px rgba(22, 55, 27, 0.18); } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select.invalid, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select.is-invalid, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column select[aria-invalid="true"] { border-color: #b3261e; background: #ffffff; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column textarea { min-height: 120px; resize: vertical; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column .suggestion { display: none; width: 100%; margin-top: 8px; padding: 8px 12px; background: #f7f5ef; color: #16371b; border: 1px solid #e3e1db; border-radius: 4px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; text-align: left; cursor: pointer; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column .suggestion:hover { background: #efece4; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column .text-danger { font-size: 14px; color: #b3261e; margin-top: 6px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .column .text-danger:empty { display: none; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .wide { flex-basis: 100%; width: 100%; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .custom-amt { margin: 0; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .choice { margin: 0; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .choice label { cursor: pointer; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .radio { width: 100%; max-width: none; display: block; margin: 0 0 12px; color: #292826; cursor: default; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .radio [role="radiogroup"] { display: flex; flex-wrap: wrap; gap: 8px 28px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .radio input[type=radio] { position: absolute; opacity: 0; width: 1px; height: 1px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .radio input[type=radio] + .radio-label { display: inline-flex; align-items: center; min-height: 44px; margin: 0; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; color: #292826; cursor: pointer; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .radio input[type=radio] + .radio-label:before { content: ""; display: inline-block; flex: 0 0 auto; width: 22px; height: 22px; margin-right: 10px; background: #ffffff; border: 2px solid #c9c6bd; border-radius: 100%; box-sizing: border-box; position: relative; top: 0; vertical-align: middle; text-align: center; cursor: pointer; transition: all 200ms ease; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .radio input[type=radio]:checked + .radio-label:before { border-color: #16371b; background-color: #16371b; box-shadow: inset 0 0 0 4px #ffffff; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .radio input[type=radio]:focus-visible + .radio-label:before { outline: 2px solid #16371b; outline-offset: 3px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .radio input[type=radio]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #ffffff; border-color: #e3e1db; background: #e3e1db; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .radio input[type=radio] + .radio-label:empty:before { margin-right: 0; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .cal-container { width: 100%; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .cal-grey { width: 100%; max-width: none; margin: 0; padding: 18px 20px; background: #f7f5ef; border: 1px solid #e3e1db; border-radius: 12px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .cal-grey label { display: block; color: #292826; margin: 12px 0 6px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .cal-grey label:first-child { margin-top: 0; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .cal-grey input, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .columns .cal-grey select { width: 100%; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .center { justify-content: flex-start; margin: 0 0 24px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .add-to-cart { width: 100%; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .add-to-cart button { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; width: 100%; min-height: 54px; font-size: 15px; border-radius: 4px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .add-to-cart button:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .add-to-cart button:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .add-to-cart button:disabled, .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .add-to-cart button[disabled] { opacity: 0.6; cursor: not-allowed; } .gcDtl-wrap .gcDtl-wrap-inner .gcDtl-customize .gcDtl-details .standard-form .add-to-cart button.submitting { opacity: 0.75; } .flatpickr-calendar { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.selected:hover, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange { background: #16371b; border-color: #16371b; color: #ffffff; } .flatpickr-calendar .flatpickr-day.today { border-color: #16371b; } .flatpickr-calendar .flatpickr-day:hover { background: #f7f5ef; border-color: #f7f5ef; } .picker .picker__list .picker__list-item { font-size: 18px; padding: 0.1125rem 0; } .qty-label, .qty-input { display: none; } .cart-wrapper { background: transparent; width: 100%; display: flex; justify-content: center; align-items: flex-start; align-content: flex-start; } .cart-wrapper .cart-wrapper-inner { width: 100%; max-width: 1000px; padding: 0; } .cart-wrapper .cart-wrapper-inner > div:not(.order-summary-content) { text-align: center; padding: 48px 20px; border: 1px dashed #c9c6bd; border-radius: 12px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; color: #5f5d58; } .cart-table { width: 100%; border-collapse: collapse; } .cart-table .cart-header { display: table-header-group; text-align: left; } .cart-table thead tr th { padding: 12px 10px; border: none; border-bottom: 2px solid #16371b; background: transparent; text-align: left; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #68796e; line-height: 1.4; margin: 0; font-size: 12px; } .cart-table thead tr th.t-remove { text-align: center; } .cart-table tbody tr td { padding: 20px 10px; border: none; border-bottom: 1px solid #e3e1db; vertical-align: top; background: transparent; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #292826; } .cart-table tbody tr td label, .cart-table tbody tr td span { color: #292826; } .cart-table tbody tr:last-of-type td { border-bottom: none; } .cart-table .cart-item-title { padding-left: 0; } .cart-table .cart-item-title .cart-item-name { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 700; letter-spacing: 0; text-transform: none; line-height: 1.3; color: #292826; margin: 0 0 6px; } .cart-table .cart-item-title .cart-item-name a { color: #292826; text-decoration: none; } .cart-table .cart-item-title .cart-item-name a:hover { color: #16371b; } .cart-table .cart-item-title .cart-item-name span { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #5f5d58; } .cart-table .cart-item-title .attributes { margin: 0; padding: 0; } .cart-table .cart-item-title .attributes p { margin: 0; font-size: 14px; line-height: 1.6; color: #5f5d58; } .cart-table .cart-item-price, .cart-table .cart-item-subtotal { white-space: nowrap; } .cart-table .cart-item-subtotal { font-weight: 700; } .cart-table .cart-item-quantity label { display: none; } .cart-table .cart-item-quantity input { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; color: #292826; background: #ffffff; border: 1px solid #c9c6bd; border-radius: 4px; padding: 12px 14px; min-height: 48px; box-shadow: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 76px; min-height: 44px; padding: 8px 10px; text-align: center; min-width: 24px; } .cart-table .cart-item-quantity input::placeholder { color: rgba(95, 93, 88, 0.75); } .cart-table .cart-item-quantity input:focus { outline: none; border-color: #16371b; box-shadow: 0 0 0 2px rgba(22, 55, 27, 0.18); } .cart-table .cart-item-quantity input.invalid, .cart-table .cart-item-quantity input.is-invalid, .cart-table .cart-item-quantity input[aria-invalid="true"] { border-color: #b3261e; background: #ffffff; } .cart-table .cart-item-remove { text-align: center; padding-right: 0; } .cart-table .cart-item-remove .remove-btn { width: 40px; height: 40px; background: none; border: 1px solid transparent; border-radius: 4px; color: #5f5d58; cursor: pointer; font-size: 16px; transition: all 0.15s ease-in-out; } .cart-table .cart-item-remove .remove-btn:hover { color: #b3261e; border-color: #b3261e; background: #fcecea; } @media screen and (max-width: 900px) { .cart-table { display: block; } .cart-table thead, .cart-table .cart-header { display: none; } .cart-table tbody { display: block; } .cart-table tbody tr { display: block; width: 100%; margin: 0; padding: 18px 0; border-bottom: 1px solid #e3e1db; } .cart-table tbody tr:last-of-type { border-bottom: none; } .cart-table tbody tr td { display: block; width: auto; border: none; padding: 4px 0; } .cart-table .cart-item-title { padding-bottom: 10px; } .cart-table td.cart-item-price, .cart-table td.cart-item-quantity, .cart-table td.cart-item-subtotal { display: flex; align-items: center; justify-content: space-between; padding: 6px 0; } .cart-table td.cart-item-price::before, .cart-table td.cart-item-quantity::before, .cart-table td.cart-item-subtotal::before { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #68796e; line-height: 1.4; margin: 0; font-size: 12px; } .cart-table td.cart-item-price::before { content: "Price"; } .cart-table td.cart-item-quantity::before { content: "Quantity"; } .cart-table td.cart-item-subtotal::before { content: "Total"; } .cart-table .cart-item-remove { text-align: left; padding-top: 10px; } .cart-table .cart-item-remove .remove-btn { width: auto; height: 40px; padding: 0 12px; border-color: #e3e1db; } .cart-table .cart-item-remove .remove-btn::after { content: "Remove"; margin-left: 8px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; } } .nm-cart-footer { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin: 24px 0 20px; border: none; } @media screen and (max-width: 900px) { .nm-cart-footer { flex-wrap: wrap; gap: 16px; } } .nm-cart-footer .nm-cart-footer-left { width: 46%; display: block; padding: 24px; background: #f7f5ef; border: 1px solid #e3e1db; border-radius: 12px; } @media screen and (max-width: 900px) { .nm-cart-footer .nm-cart-footer-left { width: 100%; display: block; } } .nm-cart-footer .nm-cart-footer-left .nm-shipments, .nm-cart-footer .nm-cart-footer-left .nm-payments { margin: 0 0 12px; display: block; } .nm-cart-footer .nm-cart-footer-left .nm-shipments:last-child, .nm-cart-footer .nm-cart-footer-left .nm-payments:last-child { margin-bottom: 0; } .nm-cart-footer .nm-cart-footer-left .nm-shipments h3, .nm-cart-footer .nm-cart-footer-left .nm-payments h3 { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #68796e; line-height: 1.4; margin: 0; color: #16371b; margin: 0 0 8px; } .nm-cart-footer .nm-cart-footer-left .nm-shipments p, .nm-cart-footer .nm-cart-footer-left .nm-payments p { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #5f5d58; margin: 0 0 8px; } .nm-cart-footer .nm-cart-footer-left .nm-shipments .payment-logos, .nm-cart-footer .nm-cart-footer-left .nm-payments .payment-logos { color: #16371b; } .nm-cart-footer .nm-cart-footer-right { width: 50%; border: 1px solid #e3e1db; border-radius: 12px; overflow: hidden; } @media screen and (max-width: 900px) { .nm-cart-footer .nm-cart-footer-right { width: 100%; } } .nm-cart-footer .nm-cart-footer-right .top-sec, .nm-cart-footer .nm-cart-footer-right .bot-sec { padding: 20px 24px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; } .nm-cart-footer .nm-cart-footer-right .top-sec { display: block; } .nm-cart-footer .nm-cart-footer-right .top-sec .update-cart-button { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; border-radius: 4px; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; background: transparent; color: #16371b; min-height: 44px; padding: 0 20px; font-size: 13px; width: auto; margin: 0; } .nm-cart-footer .nm-cart-footer-right .top-sec .update-cart-button:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .nm-cart-footer .nm-cart-footer-right .top-sec .update-cart-button:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .nm-cart-footer .nm-cart-footer-right .top-sec .update-cart-button:disabled, .nm-cart-footer .nm-cart-footer-right .top-sec .update-cart-button[disabled] { opacity: 0.6; cursor: not-allowed; } .nm-cart-footer .nm-cart-footer-right .top-sec .update-cart-button:hover { background: #16371b; border-color: #16371b; color: #ffffff; } @media screen and (max-width: 900px) { .nm-cart-footer .nm-cart-footer-right .top-sec .update-cart-button { width: 100%; } } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box { display: block; margin-top: 16px; } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .hint { font-size: 14px; color: #5f5d58; margin-bottom: 8px; } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .message-failure { font-size: 14px; background: #fcecea; color: #b3261e; border: 1px solid #b3261e; border-radius: 4px; display: inline-block; margin-top: 8px; padding: 8px 12px; } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form { display: flex; align-items: stretch; gap: 8px; } @media screen and (max-width: 600px) { .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form { flex-wrap: wrap; } } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form input { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; color: #292826; background: #ffffff; border: 1px solid #c9c6bd; border-radius: 4px; padding: 12px 14px; min-height: 48px; box-shadow: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; flex: 1 1 auto; min-width: 0; min-height: 44px; padding: 8px 12px; margin: 0; } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form input::placeholder { color: rgba(95, 93, 88, 0.75); } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form input:focus { outline: none; border-color: #16371b; box-shadow: 0 0 0 2px rgba(22, 55, 27, 0.18); } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form input.invalid, .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form input.is-invalid, .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form input[aria-invalid="true"] { border-color: #b3261e; background: #ffffff; } @media screen and (max-width: 600px) { .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form input { width: 100%; } } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form button { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; border-radius: 4px; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; background: transparent; color: #16371b; min-height: 44px; padding: 0 18px; font-size: 13px; margin: 0; } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form button:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form button:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form button:disabled, .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form button[disabled] { opacity: 0.6; cursor: not-allowed; } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form button:hover { background: #16371b; border-color: #16371b; color: #ffffff; } @media screen and (max-width: 600px) { .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code form button { width: 100%; } } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code > form + form { margin-top: 8px; } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code > form + form div { font-size: 14px; color: #5f5d58; } .nm-cart-footer .nm-cart-footer-right .top-sec .promo-area .coupon-box .coupon-code > form + form button { min-height: 32px; padding: 0 10px; margin-right: 8px; } .nm-cart-footer .nm-cart-footer-right .bot-sec { border-top: 1px solid #e3e1db; background: #f7f5ef; } .nm-cart-footer .nm-cart-footer-right .bot-sec .summary-inner .total-info .cart-total { width: 100%; border-collapse: collapse; } .nm-cart-footer .nm-cart-footer-right .bot-sec .summary-inner .total-info .cart-total th, .nm-cart-footer .nm-cart-footer-right .bot-sec .summary-inner .total-info .cart-total td { padding: 4px 0; border: none; background: transparent; } .nm-cart-footer .nm-cart-footer-right .bot-sec .summary-inner .total-info .cart-total .cart-total-left { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; color: #292826; text-align: left; padding-right: 8px; } .nm-cart-footer .nm-cart-footer-right .bot-sec .summary-inner .total-info .cart-total .cart-total-right { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #292826; text-align: right; } .nm-cart-footer .nm-cart-footer-right .bot-sec .summary-inner .total-info .cart-total .additional-fees .cart-total-left { font-weight: 400; color: #5f5d58; } .nm-cart-footer .nm-cart-footer-right .bot-sec .summary-inner .total-info .cart-total .order-total .cart-total-right { font-size: 20px; } .nm-cart-footer .nm-cart-footer-right .bot-sec .cart-preview-note { margin: 8px 0 0; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; color: #5f5d58; } .cart-footer-buttons .checkout-buttons { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; } @media screen and (max-width: 600px) { .cart-footer-buttons .checkout-buttons { flex-direction: column-reverse; text-align: center; } } .cart-footer-buttons .checkout-buttons form { margin: 0; } @media screen and (max-width: 600px) { .cart-footer-buttons .checkout-buttons form { width: 100%; } } .cart-footer-buttons .checkout-buttons .continue-shopping-button, .cart-footer-buttons .checkout-buttons .checkout-button { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; border-radius: 4px; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; min-width: 200px; margin: 0; } .cart-footer-buttons .checkout-buttons .continue-shopping-button:hover, .cart-footer-buttons .checkout-buttons .checkout-button:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .cart-footer-buttons .checkout-buttons .continue-shopping-button:focus-visible, .cart-footer-buttons .checkout-buttons .checkout-button:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .cart-footer-buttons .checkout-buttons .continue-shopping-button:disabled, .cart-footer-buttons .checkout-buttons .checkout-button:disabled, .cart-footer-buttons .checkout-buttons .continue-shopping-button[disabled], .cart-footer-buttons .checkout-buttons .checkout-button[disabled] { opacity: 0.6; cursor: not-allowed; } @media screen and (max-width: 600px) { .cart-footer-buttons .checkout-buttons .continue-shopping-button, .cart-footer-buttons .checkout-buttons .checkout-button { width: 100%; } } .cart-footer-buttons .checkout-buttons .continue-shopping-button { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; border-radius: 4px; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; background: transparent; color: #16371b; } .cart-footer-buttons .checkout-buttons .continue-shopping-button:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .cart-footer-buttons .checkout-buttons .continue-shopping-button:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .cart-footer-buttons .checkout-buttons .continue-shopping-button:disabled, .cart-footer-buttons .checkout-buttons .continue-shopping-button[disabled] { opacity: 0.6; cursor: not-allowed; } .cart-footer-buttons .checkout-buttons .continue-shopping-button:hover { background: #16371b; border-color: #16371b; color: #ffffff; } .pay-content { /*button, input, optgroup, select, textarea { font-family: inherit;*/ /* 1 */ /*font-size: 100%;*/ /* 1 */ /*line-height: 1.15;*/ /* 1 */ /*margin: 0;*/ /* 2 */ /*} button, input {*/ /* 1 */ /*overflow: visible; } button, select {*/ /* 1 */ /*text-transform: none; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; }*/ } .checkout-buttons .paymentButton { background: #16371b; border: 1px solid #16371b; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; font-size: 16px; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; padding: 0.8125rem 1.1125rem; cursor: pointer; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; line-height: 1; } @media screen and (min-width: 750px) { .checkout-buttons .paymentButton { margin-right: 0.4125rem; } } .checkout-buttons .paymentButton:hover { background: #102814; border: 1px solid #102814; color: #ffffff; } .checkout-buttons .paymentButton .dot-container { display: none; } .checkout-buttons .paymentButton .dot-container .dot { width: 12px; height: 12px; border: 2.4px solid white; border-radius: 50%; float: left; margin: 0 6px; transform: scale(0); animation: fx 1000ms ease infinite 0ms; } .checkout-buttons .paymentButton .dot-container .dot:nth-child(2) { animation: fx 1000ms ease infinite 300ms; } .checkout-buttons .paymentButton .dot-container .dot:nth-child(3) { animation: fx 1000ms ease infinite 600ms; } @keyframes fx { 50% { transform: scale(1); opacity: 1; } 100% { opacity: 0; } } .checkout-buttons .paymentButton span { display: block; } .checkout-buttons .paymentButton.inverse { text-decoration: none; background: transparent; color: #292826; line-height: 1; } .checkout-buttons .paymentButton.inverse:hover { text-decoration: none; background: transparent; color: #292826; line-height: 1; } .pay-sidebar .pay-checkout-summary { display: none; padding: 1.5rem 0; z-index: 2; position: relative; } @media screen and (min-width: 750px) { .pay-sidebar .pay-checkout-summary { display: block !important; padding: 0 0; } } .pay-sidebar .pay-checkout-summary .item-summary .pay-item { font-size: 14px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: top; -ms-align-items: top; align-items: top; margin-bottom: 1.5rem; } .pay-sidebar .pay-checkout-summary .item-summary .pay-item .item-quantity { margin-right: 0.8125rem; } .pay-sidebar .pay-checkout-summary .item-summary .pay-item .item-quantity .square { display: inline-block; font-size: 12px; text-align: center; padding: 0.2125rem 0.5125rem; background: #aeaeae; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .pay-sidebar .pay-checkout-summary .item-summary .pay-item .item-content { margin-right: auto; color: #292826; } .pay-sidebar .pay-checkout-summary .item-summary .pay-item .item-content .item-title { font-weight: bold; font-size: 16px; } .pay-sidebar .pay-checkout-summary .item-summary .pay-item .item-content .item-option { font-size: 14px; margin-bottom: 0.2125rem; } .pay-sidebar .pay-checkout-summary .item-summary .pay-item .item-price { font-size: 14px; margin-left: 0.6125rem; color: #292826; } .pay-sidebar .pay-checkout-summary .pay-pricing-area { font-size: 14px; line-height: 1.4; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 0.8125rem 0; padding: 0.8125rem 0; } .pay-sidebar .pay-checkout-summary .pay-pricing-area .pricing-area-sub-total, .pay-sidebar .pay-checkout-summary .pay-pricing-area .pricing-area-shipping, .pay-sidebar .pay-checkout-summary .pay-pricing-area .pricing-area-tax { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; margin-bottom: 0.2125rem; color: #292826; } .pay-sidebar .pay-checkout-summary .pay-pricing-area .pricing-area-sub-total span, .pay-sidebar .pay-checkout-summary .pay-pricing-area .pricing-area-shipping span, .pay-sidebar .pay-checkout-summary .pay-pricing-area .pricing-area-tax span { color: rgba(41, 40, 38, 0.8); } .pay-sidebar .pay-checkout-summary .pay-pricing-final .pricing-final-total { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; font-weight: bold; font-size: 18px; color: #292826; } .pay-sidebar .pay-checkout-summary .pay-pricing-final .pricing-final-total span { font-size: 16px; font-weight: normal; color: rgba(41, 40, 38, 0.8); } .pay-breadcrumb { padding-bottom: 1.225rem; background: transparent; } .pay-breadcrumb ol { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } @media screen and (min-width: 1000px) { .pay-breadcrumb ol { -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } } .pay-breadcrumb ol li { font-size: 14px; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .pay-breadcrumb ol li a { color: #16371b; text-decoration: none; } .pay-breadcrumb ol li a:not([href]):not([class]), .pay-breadcrumb ol li a:not([href]):not([class]):hover { color: #16371b; text-decoration: none; } .pay-breadcrumb ol li span { color: #292826; } .pay-breadcrumb ol li svg { color: #292826; fill: #292826; margin: 0 0.4125rem; height: 10px; width: 10px; display: inline-block; } .pay-breadcrumb ol li.breadcrumb-current { font-weight: bold; } .pay-content { width: 100%; display: block; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; background: transparent; } .pay-content .pay-wrap { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0 auto; padding: 0 12px; } @media screen and (min-width: 1000px) { .pay-content .pay-wrap { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 97%; padding: 0 1%; max-width: 1200px; } } .pay-content .pay-wrap .pay-main, .pay-content .pay-wrap .pay-sidebar { padding: 1.5rem 0; } .pay-content .pay-wrap .pay-main { -webkit-order: 2; -ms-order: 2; order: 2; width: 100%; } .pay-content .pay-wrap .pay-main h2 { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; color: #292826; font-size: 18px; margin-bottom: 0.6125rem; } .pay-content .pay-wrap .pay-main p { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #292826; font-size: 16px; line-height: 1.4; } @media screen and (min-width: 1000px) { .pay-content .pay-wrap .pay-main { -webkit-order: 1; -ms-order: 1; order: 1; width: 55%; padding-right: 6%; float: left; } } .pay-content .pay-wrap .pay-sidebar { position: relative; -webkit-order: 1; -ms-order: 1; order: 1; padding: 0 0; } @media screen and (min-width: 750px) { .pay-content .pay-wrap .pay-sidebar { padding: 1.5rem 0; } } @media screen and (min-width: 1000px) { .pay-content .pay-wrap .pay-sidebar { -webkit-order: 2; -ms-order: 2; order: 2; width: 38%; padding-left: 4%; } } .pay-content .pay-wrap .pay-sidebar:after { content: ""; display: block; width: 300%; position: absolute; top: 0; left: -100%; bottom: 0; background: #f7f5ef; z-index: 1; -webkit-box-shadow: 0 -1px 0 #e3e1db inset; box-shadow: 0 -1px 0 #e3e1db inset; } @media screen and (min-width: 1000px) { .pay-content .pay-wrap .pay-sidebar:after { left: 0; background-position: left top; -webkit-box-shadow: 1px 0 0 #e3e1db inset; box-shadow: 1px 0 0 #e3e1db inset; } } .pay-content .pay-wrap .pay-sidebar .pay-cart-summary-mobile { display: block; z-index: 2; position: relative; } @media screen and (min-width: 750px) { .pay-content .pay-wrap .pay-sidebar .pay-cart-summary-mobile { display: none; } } @media screen and (min-width: 1000px) { .pay-content .pay-wrap .pay-sidebar .pay-cart-summary-mobile { display: none; } } .pay-content .pay-wrap .pay-sidebar .pay-cart-summary-mobile #toggle { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; text-decoration: none; cursor: pointer; color: #292826; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 1.5rem 0; } .pay-content .pay-wrap .pay-sidebar .pay-cart-summary-mobile #toggle .toggle-text { display: inline-block; } .pay-content .pay-wrap .pay-sidebar .pay-cart-summary-mobile #toggle .toggle-text svg { margin-left: 0.2125rem; display: inline-block; top: 0px; position: relative; width: 16px; height: 16px; fill: #292826; opacity: 80%; } .pay-content .pay-wrap .pay-sidebar .pay-cart-summary-mobile #toggle .order-summary { font-weight: bold; } .checkout-section { width: 100%; } .checkout-section .field-validation-error { background: #b3261e; color: white; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; padding: 0.6125rem 1rem; text-align: left; font-weight: bold; } .checkout-section input[type="text"], .checkout-section input[type="email"], .checkout-section input[type="tel"], .checkout-section input[type="password"], .checkout-section textarea, .checkout-section select { height: auto; border-color: #e3e1db; border-style: solid; border-width: 1px; padding: 1rem 0.8125rem; vertical-align: auto; } .checkout-section input[type="text"]:focus, .checkout-section input[type="email"]:focus, .checkout-section input[type="tel"]:focus, .checkout-section input[type="password"]:focus, .checkout-section textarea:focus, .checkout-section select:focus { border-color: inherit; color: inherit; position: inherit; z-index: inherit; } .checkout-section .field-grouping { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0.6125rem; } .checkout-section .field-grouping .field { width: 100%; margin-bottom: 0.6125rem; } .checkout-section .field-grouping .field label { color: rgba(41, 40, 38, 0.9); font-size: 16px; } .checkout-section .field-grouping .field input { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 100%; color: rgba(41, 40, 38, 0.9); border-color: #e3e1db; border-style: solid; border-width: 1px; font-size: 16px; } @media screen and (max-width: 750px) { .checkout-section .field-grouping .field input { width: calc(100% - 1.625rem); } } .checkout-section .field-grouping .field input:focus { border-color: #16371b; } .checkout-section .field-grouping .field select { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 100%; color: #292826; border-color: #e3e1db; background: white; border-width: 1px; font-size: 16px; } @media screen and (max-width: 750px) { .checkout-section .field-grouping .field select { width: calc(100% - 1.625rem); } } .checkout-section .field-grouping .field select:focus { border-color: #16371b; } .checkout-section .field-grouping .field select option { background: white; } .checkout-section .field-grouping .field-half { width: 50%; } .checkout-section .field-grouping .split-section { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .checkout-section .field-grouping .split-section .w-50 { width: 49.5% !important; } @media screen and (max-width: 750px) { .checkout-section .field-grouping .split-section .w-50 .form-floating select, .checkout-section .field-grouping .split-section .w-50 .form-floating input { width: calc(100% - 1.625rem); } } @media screen and (max-width: 750px) { .checkout-section .field-grouping .split-section .w-50 .form-floating select { width: 100%; } } .form-check-input[type=radio] { appearance: none; display: none; } .form-floating { position: relative; } .form-floating .required { display: none; } .form-floating .form-control { background: #ffffff; } .form-floating > .form-control, .form-floating > .form-select { height: add(3.5rem, 1px); line-height: 1.25; } .form-floating > label { position: absolute; color: #292826; top: 0; left: 0; height: 100%; padding: 1rem 0.8125rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; -webkit-transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } .form-floating > .form-control { padding: 1rem 0.8125rem; } .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.75; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.75; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .ship-to-same-address, .shipping-options-list { position: relative; margin-bottom: 1.2125rem; margin-top: 0.8125rem; /* .selector input[type=checkbox] { position: absolute; opacity: 100; appearance:auto; -webkit-appearance:auto; } .selector input[type=checkbox] + .radio-label:before { content: ""; background: #f4f4f4; border-radius: 100%; border: 1px solid @ccStandardColor; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: 0; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; } .selector input[type=checkbox]:checked + .radio-label:before { background-color: @ccStandardColor; box-shadow: inset 0 0 0 4px #f4f4f4; } .selector input[type=checkbox]:focus + .radio-label:before { outline: none; border-color: @ccStandardColor; } .selector input[type=checkbox]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; } .selector input[type=checkbox] + .radio-label:empty:before { margin-right: 0; }*/ } .ship-to-same-address label, .shipping-options-list label { font-size: 16px; color: #292826; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; } .ship-to-same-address .checkbox-wrapper-1 *, .shipping-options-list .checkbox-wrapper-1 *, .ship-to-same-address .checkbox-wrapper-1 ::after, .shipping-options-list .checkbox-wrapper-1 ::after, .ship-to-same-address .checkbox-wrapper-1 ::before, .shipping-options-list .checkbox-wrapper-1 ::before { box-sizing: border-box; } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted { margin: 0; width: 0; height: 0; display: inline; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted + label:before { content: ""; display: inline-block; vertical-align: top; height: 1.15em; width: 1.15em; margin-right: 0.6em; color: rgba(0, 0, 0, 0.275); border: solid 0.06em; box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em inset, 0 0 0 0.07em transparent inset; border-radius: 0.2em; background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center, white; background-size: 0; will-change: color, border, background, background-size, box-shadow; transform: translate3d(0, 0, 0); transition: color 0.1s, border 0.1s, background 0.15s, box-shadow 0.1s; } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted:enabled:active + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted:enabled:active + label:before, .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted:enabled + label:active:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted:enabled + label:active:before { box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset; background-color: #f0f0f0; } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted:checked + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted:checked + label:before { background-color: #16371b; background-size: 0.75em; color: rgba(0, 0, 0, 0.075); } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted:checked:enabled:active + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted:checked:enabled:active + label:before, .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted:checked:enabled + label:active:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted:checked:enabled + label:active:before { background-color: #102814; color: rgba(0, 0, 0, 0.275); } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted:focus + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted:focus + label:before { box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(22, 55, 27, 0.55), 0 0 0 5px rgba(22, 55, 27, 0.3); } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted:focus:active + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted:focus:active + label:before, .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted:focus + label:active:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted:focus + label:active:before { box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(0, 0, 0, 0.1) inset, 0 0 0 3.3px rgba(22, 55, 27, 0.55), 0 0 0 5px rgba(22, 55, 27, 0.3); } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted:disabled + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted:disabled + label:before { opacity: 0.5; } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted.dark + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted.dark + label:before { color: rgba(255, 255, 255, 0.275); background-color: #222; background-image: url('data:image/svg+xml;charset=UTF-8,'); } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted.dark:enabled:active + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted.dark:enabled:active + label:before, .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted.dark:enabled + label:active:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted.dark:enabled + label:active:before { background-color: #444; box-shadow: 0 0 0.04em, 0 0.06em 0.16em -0.03em transparent inset, 0 0 0 0.07em rgba(255, 255, 255, 0.1) inset; } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted.dark:checked + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted.dark:checked + label:before { background-color: #a97035; color: rgba(255, 255, 255, 0.075); } .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted.dark:checked:enabled:active + label:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted.dark:checked:enabled:active + label:before, .ship-to-same-address .checkbox-wrapper-1 [type=checkbox].substituted.dark:checked:enabled + label:active:before, .shipping-options-list .checkbox-wrapper-1 [type=checkbox].substituted.dark:checked:enabled + label:active:before { background-color: #c68035; color: rgba(0, 0, 0, 0.275); } .ship-to-same-address { margin-top: 0.1125rem; } .ship-to-same-address .checkbox-wrapper-1 { position: relative; } .ship-to-same-address label { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-content: center; -ms-align-content: center; align-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .ship-to-same-address input { position: absolute; } .shipping-method-list { margin-bottom: 0.4125rem; } .shipping-method-list .current-product-shipping .form-check-input:not(:checked) ~ .shipping-method-option:hover { border: 1px solid #16371b; background-color: #f7f5ef; } .shipping-method-list .current-product-shipping .form-check-input:not(:checked) ~ .shipping-method-option:hover .display-shipping-item-description::after { border: 1px solid #16371b; } .shipping-method-list .current-product-shipping .form-check-input:not(:checked) ~ .shipping-method-option:hover .display-shipping-item-description::before { background-color: #16371b; } .shipping-method-list .current-product-shipping .form-check-input:not(:checked) ~ .custom-control-input, .shipping-method-list .current-product-shipping .form-check-input:not(:checked) ~ .custom-control-label { display: none; } .shipping-method-list .current-product-shipping .form-check-input:checked ~ .shipping-method-option { border: 1px solid #16371b; background-color: #f7f5ef; } .shipping-method-list .current-product-shipping .form-check-input:checked ~ .shipping-method-option .display-shipping-item-description::after { border: 1px solid #16371b; } .shipping-method-list .current-product-shipping .form-check-input:checked ~ .shipping-method-option .display-shipping-item-description::before { background-color: #16371b; } .shipping-method-list .current-product-shipping .form-check-input:checked ~ .form-control { display: block; } .shipping-method-list .current-product-shipping .form-check-input:checked ~ .remove-old-mattress { display: block; } .shipping-method-list .current-product-shipping .form-check-input:checked ~ .signature-parcel { display: block; } .shipping-method-list .current-product-shipping .form-check-input:checked ~ .additionalOptions { display: block; } .shipping-method-list .current-product-shipping .form-check-input:checked ~ .shipping-method-option { display: flex; } .shipping-method-list .current-product-shipping .form-check-input:focus ~ .shipping-method-option { box-shadow: 0 0 0 2px #16371b; } .shipping-method-list .current-product-shipping .shipping-method-option { border: 1px solid #e6e6e6; background-color: white; padding: 1rem; position: relative; display: flex; justify-content: space-between; align-items: flex-start; border-radius: 6px; transition: background-color 0.3s, border 0.3s; z-index: 101; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } .shipping-method-list .current-product-shipping .shipping-method-option ~ .form-control { display: none; margin-top: 6px; margin-bottom: 20px; } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description { padding-left: 5px; position: relative; padding-bottom: 24px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (min-width: 768px) { .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description { padding-bottom: 0; } } @media (max-width: 1023.98px) { .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description { /* width: 68%; */ width: 85%; padding-left: 10px; padding-bottom: 12px; } } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description::after { content: ''; position: absolute; left: 0; top: 50%; border: 1px solid #e6e6e6; width: 20px; height: 20px; transform: translateY(-50%); display: inline-block; transition: border 0.3s; border-radius: 50%; } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description::before { content: ''; position: absolute; left: 5px; left: 6px; top: 50%; background-color: transparent; width: 10px; height: 10px; transform: translateY(-50%); display: inline-block; transition: background-color 0.3s; border-radius: 50%; } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .display-name { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; line-height: 1.5; color: #292826; display: block; } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .text-shippingdescription { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; display: block; white-space: initial; } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .shipping-cost { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; line-height: 1.5; color: #292826; display: block; } @media (min-width: 768px) { .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .shipping-cost { position: relative; left: auto; bottom: auto; } } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .remove-old-mattress { display: none; } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .signature-parcel { display: none; } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .additionalOptions { display: none; } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .shipping-method-option { display: none; } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .display-name, .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .text-shippingdescription { padding-left: 28px; } @media (min-width: 1024px) { .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .display-name, .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .text-shippingdescription { padding-left: 28px; } } .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .shipping-cost { padding-left: 5px; } @media (min-width: 1024px) { .shipping-method-list .current-product-shipping .shipping-method-option .display-shipping-item-description .shipping-cost { padding-left: 28px; } } .shipping-option-footnote { background: #f7f5ef; padding: 0.8125rem; margin-bottom: 1rem; } .shipping-option-footnote p { font-size: 14px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #292826; line-height: 1.5; } .pay-content .pay-wrap .pay-main h2 { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 700; letter-spacing: 0; text-transform: none; line-height: 1.3; color: #292826; margin: 0 0 14px; } .checkout-section .field-validation-error { background: transparent; color: #b3261e; font-weight: 400; padding: 6px 0 0; } .checkout-section input[type="text"], .checkout-section input[type="email"], .checkout-section input[type="tel"], .checkout-section input[type="password"], .checkout-section textarea, .checkout-section select { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; border-color: #c9c6bd; border-radius: 4px; color: #292826; } .checkout-section .field-grouping .field input, .checkout-section .field-grouping .field select { border-color: #c9c6bd; border-radius: 4px; } .checkout-section .field-grouping .split-section { gap: 12px; } .checkout-section .field-grouping .split-section .w-50 { width: calc(50% - 6px) !important; } .form-floating > .form-control, .form-floating > .form-select { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } .form-floating > .form-control:focus, .form-floating > .form-select:focus { border-color: #16371b; box-shadow: 0 0 0 2px rgba(22, 55, 27, 0.18); } .form-floating > label { color: #5f5d58; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } .ship-to-same-address label, .shipping-options-list label { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } .shipping-method-list .current-product-shipping .shipping-method-option { border-radius: 12px; border-color: #e3e1db; } .shipping-option-footnote { border-radius: 12px; } .checkout-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 8px; } .checkout-buttons .paymentButton { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; border-radius: 4px; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; min-width: 160px; margin: 0; line-height: 1.2; } .checkout-buttons .paymentButton:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .checkout-buttons .paymentButton:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .checkout-buttons .paymentButton:disabled, .checkout-buttons .paymentButton[disabled] { opacity: 0.6; cursor: not-allowed; } .checkout-buttons .paymentButton.inverse { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; border-radius: 4px; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; background: transparent; color: #16371b; } .checkout-buttons .paymentButton.inverse:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .checkout-buttons .paymentButton.inverse:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .checkout-buttons .paymentButton.inverse:disabled, .checkout-buttons .paymentButton.inverse[disabled] { opacity: 0.6; cursor: not-allowed; } .checkout-buttons .paymentButton.inverse:hover { background: #16371b; border-color: #16371b; color: #ffffff; } @media screen and (max-width: 600px) { .checkout-buttons { flex-direction: column-reverse; align-items: stretch; } .checkout-buttons .paymentButton { width: 100%; } } .pay-sidebar .pay-cart-summary-mobile #toggle { width: 100%; background: none; border: 0; border-bottom: 1px solid #e3e1db; padding: 16px 0; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #16371b; text-align: left; cursor: pointer; } .pay-sidebar .pay-cart-summary-mobile #toggle .toggle-text svg { fill: #16371b; } .pay-sidebar .pay-cart-summary-mobile #toggle .order-summary { color: #292826; } .pay-sidebar .pay-cart-summary-mobile #toggle:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; outline-offset: -2px; } .pay-content .pay-wrap .pay-main { padding-top: 0; padding-bottom: 0; } .pay-content .pay-wrap .pay-sidebar { align-self: flex-start; background: #f7f5ef; border: 1px solid #e3e1db; border-radius: 12px; padding: 20px 22px; margin: 0 0 28px; box-sizing: border-box; } .pay-content .pay-wrap .pay-sidebar:after { display: none; } @media screen and (min-width: 750px) { .pay-content .pay-wrap .pay-sidebar { padding: 24px; } } @media screen and (min-width: 1000px) { .pay-content .pay-wrap .pay-sidebar { margin: 0; padding: 28px; width: 38%; } } .pay-content .pay-wrap .pay-sidebar .pay-cart-summary-mobile #toggle { padding: 2px 0; border-bottom: 0; } .pay-content .pay-wrap .pay-sidebar .pay-checkout-summary { padding: 16px 0 0; } @media screen and (min-width: 750px) { .pay-content .pay-wrap .pay-sidebar .pay-checkout-summary { padding: 0; } } .gcbtn, .purchase-btn { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; border-radius: 4px; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .gcbtn:hover, .purchase-btn:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .gcbtn:focus-visible, .purchase-btn:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .gcbtn:disabled, .purchase-btn:disabled, .gcbtn[disabled], .purchase-btn[disabled] { opacity: 0.6; cursor: not-allowed; } .promo-container-outer { width: 100%; background: transparent; padding: 0 20px 28px; } .promo-container-outer .promo-container-inner { width: 100%; max-width: 940px; margin: 0 auto; padding: 14px 24px 12px; background: #16371b; border: 1px solid #52a84d; border-radius: 12px; box-shadow: 0 6px 24px rgba(16, 40, 20, 0.14); box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; text-align: center; } .promo-container-outer .promo-container-inner h1, .promo-container-outer .promo-container-inner h2, .promo-container-outer .promo-container-inner span, .promo-container-outer .promo-container-inner p { width: 100%; text-align: center; } .promo-container-outer .promo-container-inner .promo-eyebrow { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #68796e; line-height: 1.4; margin: 0; font-size: 12px; color: #9ad48f; margin: 0 0 4px; } .promo-container-outer .promo-container-inner h1, .promo-container-outer .promo-container-inner h2 { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 22px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; color: #16371b; color: #ffffff; margin: 0 0 4px; } .promo-container-outer .promo-container-inner span, .promo-container-outer .promo-container-inner p { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #ffffff; max-width: 820px; margin: 0 auto 2px; } .promo-container-outer .promo-container-inner span strong, .promo-container-outer .promo-container-inner p strong { font-weight: 700; color: #9ad48f; } .promo-container-outer .promo-container-inner span.disc, .promo-container-outer .promo-container-inner p.disc { font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.82); margin: 4px auto 0; padding-top: 6px; border-top: 1px solid rgba(82, 168, 77, 0.5); } .promo-container-outer .promo-container-inner span a, .promo-container-outer .promo-container-inner p a { color: #ffffff; font-weight: 700; text-decoration: underline !important; text-underline-offset: 3px; } .promo-container-outer .promo-container-inner span a:hover, .promo-container-outer .promo-container-inner p a:hover, .promo-container-outer .promo-container-inner span a:focus, .promo-container-outer .promo-container-inner p a:focus { color: #9ad48f; } @media screen and (max-width: 768px) { .promo-container-outer .promo-container-inner { padding: 14px 18px 12px; } .promo-container-outer .promo-container-inner h1, .promo-container-outer .promo-container-inner h2 { font-size: 20px; } .promo-container-outer .promo-container-inner span, .promo-container-outer .promo-container-inner p { font-size: 15px; } .promo-container-outer .promo-container-inner span.disc, .promo-container-outer .promo-container-inner p.disc { font-size: 13px; } } @media screen and (max-width: 480px) { .promo-container-outer .promo-container-inner { padding: 12px 14px 10px; } .promo-container-outer .promo-container-inner h1, .promo-container-outer .promo-container-inner h2 { font-size: 18px; } } @media screen and (min-width: 768px) { .promo-container-outer { padding-left: 32px; padding-right: 32px; } } @media screen and (max-width: 768px) { .promo-container-outer { padding-bottom: 20px; } } .hg604-offerCard { width: 100%; max-width: 1000px; margin: 0 auto 24px; padding: 14px 20px 12px; background: #ffffff; border: 1px solid #52a84d; border-radius: 12px; box-sizing: border-box; text-align: center; } .hg604-offerCard .offerCard-eyebrow { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #68796e; line-height: 1.4; margin: 0; font-size: 12px; color: #2f7d35; margin: 0 0 4px; } .hg604-offerCard .offerCard-title { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 700; letter-spacing: 0; text-transform: none; line-height: 1.3; color: #292826; color: #16371b; margin: 0 0 2px; } .hg604-offerCard .offerCard-title strong { font-weight: 700; color: #2f7d35; } .hg604-offerCard .offerCard-sub { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 700; letter-spacing: 0; text-transform: none; line-height: 1.3; color: #292826; color: #16371b; margin: 0; } .hg604-offerCard .offerCard-sub strong { font-weight: 700; color: #2f7d35; } .hg604-offerCard .offerCard-fine { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.5; color: #5f5d58; margin: 8px 0 0; padding-top: 6px; border-top: 1px solid #e3e1db; } @media screen and (max-width: 768px) { .hg604-offerCard { margin-bottom: 20px; padding: 12px 14px 10px; } .hg604-offerCard .offerCard-title { font-size: 17px; } .hg604-offerCard .offerCard-sub { font-size: 17px; } .hg604-offerCard .offerCard-fine { font-size: 13px; } } .hg604-offerStrip { width: 100%; max-width: 1000px; margin: 0 auto 24px; padding: 14px 20px; background: #f7f5ef; border: 1px solid #e3e1db; border-radius: 4px; box-sizing: border-box; text-align: center; } .hg604-offerStrip p { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.5; color: #292826; margin: 0; } .hg604-offerStrip p strong { font-weight: 700; color: #16371b; } @media screen and (max-width: 768px) { .hg604-offerStrip { margin-bottom: 20px; padding: 12px 16px; } .hg604-offerStrip p { font-size: 16px; } } .cart-promo-item .cart-item-block h2, .cart-table .cart-promo-item .cart-item-block h2 { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0; text-transform: none; line-height: 1.3; background: #16371b; color: #ffffff; border-left: 4px solid #52a84d; border-radius: 4px; padding: 8px 12px; margin: 0 0 8px -0.6125rem; display: inline-block; } .cart-promo-item .cart-item-block h2 a, .cart-table .cart-promo-item .cart-item-block h2 a, .cart-promo-item .cart-item-block h2 span, .cart-table .cart-promo-item .cart-item-block h2 span { color: #ffffff; text-decoration: none; } .cart-promo-item .cart-item-block h2 a:hover, .cart-table .cart-promo-item .cart-item-block h2 a:hover, .cart-promo-item .cart-item-block h2 a:active, .cart-table .cart-promo-item .cart-item-block h2 a:active, .cart-promo-item .cart-item-block h2 a:focus, .cart-table .cart-promo-item .cart-item-block h2 a:focus { color: #9ad48f; text-decoration: none; } .cart-promo-item .cart-item-block div, .cart-table .cart-promo-item .cart-item-block div, .cart-promo-item .cart-item-block p, .cart-table .cart-promo-item .cart-item-block p { max-width: 470px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.6; color: #5f5d58; margin: 0; } [data-promo-on], [data-promo-off] { display: none; } html { -webkit-text-size-adjust: 100%; } body.hg604 { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #292826; background: #ffffff; min-height: 100vh; display: flex; flex-direction: column; } body.hg604 .hg604-page { flex: 1 0 auto; } body.hg604 .hg604-footer { flex-shrink: 0; } img { max-width: 100%; } :focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } a { color: #16371b; } .skip-to-content { position: absolute; top: -80px; left: 16px; background: #16371b; color: #ffffff; padding: 10px 16px; z-index: 200; border-radius: 0 0 4px 4px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; text-decoration: none; transition: top 0.2s; } .skip-to-content:focus { top: 0; color: #ffffff; } #submitError { display: none; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 300; background: #b3261e; color: #ffffff; padding: 14px 60px 14px 20px; text-align: center; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.4; opacity: 1; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .closebtn { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); margin: 0; float: none; background: none; border: 0; color: #ffffff; font-weight: bold; font-size: 24px; line-height: 1; width: 36px; height: 36px; cursor: pointer; border-radius: 4px; transition: background-color 0.2s; } .closebtn:hover { background: rgba(255, 255, 255, 0.15); } .closebtn:focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; } .invalid { border-color: #b3261e !important; background-color: #ffffff; } .text-danger, .field-validation-error { color: #b3261e !important; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; } .default-content-region { padding: 0; background: transparent; } .default-content-region.centered { text-align: center; } .default-content-region .inner { max-width: 760px; margin: 0 auto; } .default-content-region .inner h1 { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; color: #16371b; margin: 0 0 24px; padding: 0; } @media screen and (max-width: 768px) { .default-content-region .inner h1 { font-size: 24px; } } .default-content-region .inner h2 { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; color: #16371b; margin: 32px 0 10px; padding: 0; line-height: 1.4; } .default-content-region .inner p, .default-content-region .inner li { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.65; color: #292826; margin: 0 0 14px; padding: 0; } .default-content-region .inner ul { list-style: disc outside; margin: 0 0 14px 22px; } .default-content-region .inner a { color: #16371b; text-decoration: underline; text-underline-offset: 3px; } .order-confirmation { padding: 56px 0; background: transparent; } .order-confirmation .inner { max-width: 760px; margin: 0 auto; text-align: center; } .order-confirmation .inner h1 { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; color: #16371b; margin: 0 0 16px; padding: 0; } .order-confirmation .inner p { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.65; color: #292826; margin: 0 0 14px; padding: 0; } .order-confirmation .inner .gcbtn { margin-top: 12px; } .hg604-header { width: 100%; background: #ffffff; border-bottom: 1px solid #e3e1db; position: relative; z-index: 20; } .hg604-header .hg604-header-inner { width: 100%; max-width: 1040px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; min-height: 96px; padding-top: 16px; padding-bottom: 16px; gap: 16px 24px; } @media screen and (min-width: 768px) { .hg604-header .hg604-header-inner { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 961px) { .hg604-header .hg604-header-inner { flex-wrap: nowrap; } } .hg604-brand { display: inline-flex; align-items: center; flex: 0 0 auto; color: #16371b; text-decoration: none; } .hg604-brand .hg604-brand-mark { display: block; width: auto; height: 64px; max-width: none; } .hg604-brand:hover { text-decoration: none; } .hg604-brand:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } @media screen and (max-width: 600px) { .hg604-brand .hg604-brand-mark { height: 52px; } } .hg604-nav-toggle { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid #e3e1db; border-radius: 4px; background: #ffffff; color: #16371b; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; cursor: pointer; } .hg604-nav-toggle .fas { font-size: 18px; } .hg604-nav-toggle[aria-expanded="true"] { background: #f7f5ef; } .hg604-nav-toggle:hover { background: #f7f5ef; } .hg604-nav-toggle:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } @media screen and (max-width: 960px) { .hg604-nav-toggle { display: inline-flex; flex: 0 0 auto; margin-left: auto; } } @media screen and (max-width: 600px) { .hg604-nav-toggle { min-width: 44px; padding: 0 12px; } .hg604-nav-toggle .hg604-nav-toggle-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } } .hg604-nav .hg604-nav-list { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; } .hg604-nav .hg604-nav-list li { margin: 0; } .hg604-nav .hg604-nav-list a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; border-radius: 4px; font-family: var(--ffDefaultNavFont, 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif); font-size: var(--ffDefaultNavFontSize, 14px); font-weight: var(--ffDefaultNavFontWeight, 700); text-transform: var(--ffDefaultNavFontTransform, uppercase); letter-spacing: var(--ffDefaultNavFontLetterSpacing, 0.1em); color: #16371b; text-decoration: none; white-space: nowrap; } .hg604-nav .hg604-nav-list a:hover { background: #f7f5ef; color: #102814; } .hg604-nav .hg604-nav-list a[aria-current="page"] { text-decoration: underline; text-underline-offset: 7px; text-decoration-thickness: 2px; } .hg604-nav .hg604-nav-list a:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; outline-offset: 0; } .hg604-nav .hg604-nav-cart a { margin-left: 8px; border: 1px solid #16371b; padding: 0 16px; } .hg604-nav .hg604-nav-cart a:hover { background: #16371b; color: #ffffff; } .hg604-nav .hg604-nav-cart a .fas { font-size: 15px; } .hg604-nav .hg604-nav-cart a .cart-count { font-weight: 400; letter-spacing: 0; text-transform: none; font-size: 14px; } @media screen and (min-width: 961px) { .hg604-nav { display: block !important; height: auto !important; } } @media screen and (max-width: 960px) { .hg604-nav { width: 100%; order: 10; } .hg604-nav.collapse:not(.show) { display: none; } .hg604-nav.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .hg604-nav .hg604-nav-list { flex-direction: column; align-items: stretch; gap: 0; margin-top: 12px; padding: 8px 0 4px; border-top: 1px solid #e3e1db; } .hg604-nav .hg604-nav-list li { width: 100%; } .hg604-nav .hg604-nav-list a { width: 100%; justify-content: center; min-height: 48px; } .hg604-nav .hg604-nav-cart a { margin: 8px 0 0; } } .hg604-page { background: #ffffff; } .hg604-content { width: 100%; } .hg604-content .nm-content-inner { width: 100%; max-width: 1040px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-top: 40px; padding-bottom: 56px; } @media screen and (min-width: 768px) { .hg604-content .nm-content-inner { padding-left: 32px; padding-right: 32px; } } .hg604-content .nm-content-inner:focus { outline: none; } @media screen and (max-width: 768px) { .hg604-content .nm-content-inner { padding-top: 32px; padding-bottom: 40px; } } .hg604-is-home .hg604-content .nm-content-inner { padding-top: 0; } .hg604-eyebrow { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #68796e; line-height: 1.4; margin: 0; } .hg604-section-title { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 28px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; color: #16371b; margin: 10px 0 12px; } @media screen and (max-width: 768px) { .hg604-section-title { font-size: 24px; } } .hg604-page-title { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 28px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; color: #16371b; text-align: center; margin: 0 0 28px; } @media screen and (max-width: 768px) { .hg604-page-title { font-size: 24px; margin-bottom: 20px; } } .hg604-btn { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; border-radius: 4px; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .hg604-btn:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .hg604-btn:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .hg604-btn:disabled, .hg604-btn[disabled] { opacity: 0.6; cursor: not-allowed; } .hg604-intro { width: 100%; } .hg604-intro .hg604-intro-inner { width: 100%; max-width: 1040px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; max-width: 760px; text-align: center; padding-top: 56px; padding-bottom: 40px; } @media screen and (min-width: 768px) { .hg604-intro .hg604-intro-inner { padding-left: 32px; padding-right: 32px; } } @media screen and (max-width: 768px) { .hg604-intro .hg604-intro-inner { padding-top: 40px; padding-bottom: 32px; } } .hg604-intro .hg604-intro-title { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 36px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; color: #16371b; margin: 12px 0 16px; } @media screen and (max-width: 768px) { .hg604-intro .hg604-intro-title { font-size: 28px; } } @media screen and (max-width: 480px) { .hg604-intro .hg604-intro-title { font-size: 24px; } } .hg604-intro .hg604-intro-copy { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.65; color: #5f5d58; max-width: 620px; margin: 0 auto; } @media screen and (max-width: 768px) { .hg604-intro .hg604-intro-copy { font-size: 16px; } } .hg604-note { width: 100%; } .hg604-note .hg604-note-inner { width: 100%; max-width: 1040px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-bottom: 56px; } @media screen and (min-width: 768px) { .hg604-note .hg604-note-inner { padding-left: 32px; padding-right: 32px; } } @media screen and (max-width: 768px) { .hg604-note .hg604-note-inner { grid-template-columns: 1fr; gap: 12px; padding-bottom: 40px; } } .hg604-note .hg604-note-item { border: 1px solid #e3e1db; border-radius: 12px; padding: 20px 22px; background: #f7f5ef; } .hg604-note .hg604-note-title { display: block; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #68796e; line-height: 1.4; margin: 0; font-size: 12px; color: #16371b; margin-bottom: 8px; } .hg604-note p { margin: 0; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.55; color: #292826; } .hg604-note a { color: #16371b; text-decoration: underline; text-underline-offset: 3px; } .hg604-note a:hover { color: #102814; } .hg604-restaurants { width: 100%; background: #f7f5ef; border-top: 1px solid #e3e1db; } .hg604-restaurants .hg604-restaurants-inner { width: 100%; max-width: 1040px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; padding-top: 56px; padding-bottom: 56px; text-align: center; } @media screen and (min-width: 768px) { .hg604-restaurants .hg604-restaurants-inner { padding-left: 32px; padding-right: 32px; } } @media screen and (max-width: 768px) { .hg604-restaurants .hg604-restaurants-inner { padding-top: 40px; padding-bottom: 40px; } } .hg604-restaurants .hg604-restaurants-copy { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #5f5d58; max-width: 560px; margin: 0 auto 28px; } .hg604-logo-grid { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; } .hg604-logo-grid li { margin: 0; flex: 0 0 calc((100% - 16px * 4) / 5); min-width: 0; } @media screen and (max-width: 960px) { .hg604-logo-grid li { flex-basis: calc((100% - 16px * 2) / 3); } } @media screen and (max-width: 600px) { .hg604-logo-grid li { flex-basis: calc((100% - 12px) / 2); } } @media screen and (max-width: 600px) { .hg604-logo-grid { gap: 12px; } } .hg604-logo-grid a { display: flex; flex-direction: column; align-items: center; gap: 10px; text-decoration: none; color: #292826; border-radius: 12px; } .hg604-logo-grid a:hover { text-decoration: none; } .hg604-logo-grid a:hover .hg604-logo-tile { border-color: #16371b; } .hg604-logo-grid a:hover .hg604-logo-name { color: #16371b; } .hg604-logo-grid a:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .hg604-logo-grid .hg604-logo-tile { display: flex; align-items: center; justify-content: center; width: 100%; height: 128px; padding: 14px 20px; background: #ffffff; border: 1px solid #e3e1db; border-radius: 12px; transition: border-color 0.15s ease-in-out; } .hg604-logo-grid .hg604-logo-tile img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } @media screen and (max-width: 600px) { .hg604-logo-grid .hg604-logo-tile { height: 104px; padding: 12px 14px; } } .hg604-logo-grid .hg604-logo-tile--wide img { max-height: 72%; } .hg604-logo-grid .hg604-logo-name { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.04em; color: #292826; line-height: 1.3; } .hg604-cart-empty-cta { text-align: center; margin: 20px 0 0; } .pay-content.balance-lookup, .balance-lookup { width: 100%; box-sizing: border-box; padding: 56px 20px; text-align: center; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #292826; background: transparent; overflow: visible; } .pay-content.balance-lookup *, .balance-lookup *, .pay-content.balance-lookup *::before, .balance-lookup *::before, .pay-content.balance-lookup *::after, .balance-lookup *::after { box-sizing: border-box; } @media screen and (max-width: 768px) { .pay-content.balance-lookup, .balance-lookup { padding-top: 40px; padding-bottom: 40px; } } .pay-content.balance-lookup .balance-lookup-inner, .balance-lookup .balance-lookup-inner { max-width: 560px; margin: 0 auto; } .pay-content.balance-lookup .balance-lookup-inner h1, .balance-lookup .balance-lookup-inner h1 { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 28px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; color: #16371b; margin: 0 0 12px; padding: 0; } @media screen and (max-width: 768px) { .pay-content.balance-lookup .balance-lookup-inner h1, .balance-lookup .balance-lookup-inner h1 { font-size: 24px; } } .pay-content.balance-lookup .balance-lookup-inner p, .balance-lookup .balance-lookup-inner p { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #5f5d58; margin: 0 0 16px; padding: 0; } .pay-content.balance-lookup .balance-lookup-inner p span, .balance-lookup .balance-lookup-inner p span { text-transform: none; font-weight: 700; color: #292826; } .pay-content.balance-lookup .balance-lookup-inner .notification, .balance-lookup .balance-lookup-inner .notification { display: none; padding: 12px 16px; border-radius: 4px; font-size: 15px; margin: 0 0 16px; } .pay-content.balance-lookup .balance-lookup-inner .notification.success, .balance-lookup .balance-lookup-inner .notification.success { display: inline-block; background: #e6f3e5; border: 1px solid #2f7d35; color: #102814; } .pay-content.balance-lookup .balance-lookup-inner .notification.error, .balance-lookup .balance-lookup-inner .notification.error { display: inline-block; background: #fcecea; border: 1px solid #b3261e; color: #b3261e; } .pay-content.balance-lookup .balance-lookup-inner .balance-form, .balance-lookup .balance-lookup-inner .balance-form { max-width: 420px; margin: 8px auto 0; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner { width: 100%; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns { width: 100%; max-width: none; margin: 0 0 16px; padding: 0; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column { width: 100%; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column label, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column label { display: block; width: 100%; text-align: left; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; color: #292826; margin: 0 0 6px; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column label span, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column label span { color: #16371b; cursor: pointer; margin-left: 4px; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input, .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; color: #292826; background: #ffffff; border: 1px solid #c9c6bd; border-radius: 4px; padding: 12px 14px; min-height: 48px; box-shadow: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; text-align: left; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input::placeholder, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input::placeholder, .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select::placeholder, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select::placeholder { color: rgba(95, 93, 88, 0.75); } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input:focus, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input:focus, .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select:focus, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select:focus { outline: none; border-color: #16371b; box-shadow: 0 0 0 2px rgba(22, 55, 27, 0.18); } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input.invalid, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input.invalid, .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select.invalid, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select.invalid, .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input.is-invalid, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input.is-invalid, .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select.is-invalid, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select.is-invalid, .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input[aria-invalid="true"], .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column input[aria-invalid="true"], .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select[aria-invalid="true"], .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column select[aria-invalid="true"] { border-color: #b3261e; background: #ffffff; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column button, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column button { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border: 1px solid #16371b; background: #16371b; color: #ffffff; text-decoration: none; cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; width: 100%; min-height: 52px; font-size: 15px; border-radius: 4px; letter-spacing: 0.1em; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column button:hover, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column button:hover { background: #102814; border-color: #102814; color: #ffffff; text-decoration: none; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column button:focus-visible, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column button:focus-visible { outline: 2px solid #16371b; outline-offset: 3px; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column button:disabled, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column button:disabled, .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column button[disabled], .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .columns .column button[disabled] { opacity: 0.6; cursor: not-allowed; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip { max-width: none; border: 1px solid #e3e1db; background: #f7f5ef; border-radius: 12px; margin: 0 0 16px; display: none; text-align: left; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column { display: block; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-close, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-close { padding: 12px 14px 0; font-size: 13px; text-align: right; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-close span, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-close span { cursor: pointer; color: #16371b; text-decoration: underline; text-underline-offset: 3px; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-title, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-title { margin: 0 16px; border-bottom: 1px solid #e3e1db; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-title h3, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-title h3 { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: none; line-height: 1.3; color: #292826; padding: 0 0 8px; margin: 0; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-description, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-description { padding: 12px 16px 16px; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-description p, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner #securityTooltip .column .tooltip-description p { font-size: 14px; margin: 0; color: #292826; } .pay-content.balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .g-recaptcha, .balance-lookup .balance-lookup-inner .balance-form .balance-form-inner .g-recaptcha { display: flex; justify-content: center; } .nm-title { font-family: "Libre Baskerville", Georgia, "Times New Roman", serif; font-size: 28px; color: #292826; line-height: 1.5; text-transform: none; letter-spacing: 0; font-weight: bold; padding-bottom: 0.4125rem; } .nm-copy { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #292826; line-height: 1.5; text-transform: none; letter-spacing: 0; font-weight: normal; padding-bottom: 0.8125rem; } .nm-product-title { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; margin: 0; margin-bottom: 0.6125rem; color: #292826; } .nm-product-copy { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; color: #292826; margin-bottom: 1rem; } .header-padding { padding-top: 0.4125rem; padding-bottom: 0.4125rem; } @media screen and (min-width: 860px) { .header-padding { padding-top: 0.6125rem; padding-bottom: 0.6125rem; } } .default-padding-vert { padding-top: 0.8125rem; padding-bottom: 1.4125rem; } @media screen and (min-width: 860px) { .default-padding-vert { padding-top: 0.8125rem; padding-bottom: 1.4125rem; } } .default-padding-content { padding-top: 2rem; padding-bottom: 2rem; } .outer-wrapper { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .inner-wrapper { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 3%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .flex-base { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .flex-center { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .flex-left { -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .flex-right { -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .flex-between { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .flex-around { -webkit-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; } .vert-top { -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; } .vert-center { -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-align-content: center; -ms-align-content: center; align-content: center; } .vert-bottom { -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -webkit-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; } .wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .noWrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } /*# sourceMappingURL=shop.css.map */