/** Shopify CDN: Minification failed Line 1761:0 Unexpected "}" Line 2109:0 Comments in CSS use "/* ... */" instead of "//" Line 2117:0 Comments in CSS use "/* ... */" instead of "//" Line 2411:2 Comments in CSS use "/* ... */" instead of "//" Line 2440:2 Comments in CSS use "/* ... */" instead of "//" Line 2450:2 Comments in CSS use "/* ... */" instead of "//" Line 4616:2 Comments in CSS use "/* ... */" instead of "//" **/ .u-mt { margin-top: 20px; } @media only screen and (min-width: 768px) { .u-mt { margin-top: 30px; } } .u-mb { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .u-mb { margin-bottom: 30px; } } .u-text-center { text-align: center; } .u-color-red { color: #ff3600; } .frequency-card__free-text { font-size: 0.9em; font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #d82c0d; /* or any color that matches your theme */ margin-top: -5px; margin-bottom: 10px; font-weight: 500; } .frequency-card__title, .subscription-addons__title, .subscription-review__title, .u-header, .u-header--sm { font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; } .u-header--sm { font-size: 0.8125rem; } @media only screen and (max-width: 768px) { .u-hidden-small { display: none !important; } } @media only screen and (min-width: 768px) { .u-visible-small-only { display: none !important; } } .u-hidden { display: none; } .u-bg-image-wrapper { position: relative; overflow: hidden; } .u-bg-image { position: absolute; min-width: 100%; min-height: 100%; max-width: none; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media only screen and (min-width: 768px) { .u-bg-image { max-height: 100%; } } .u-bg-off-white { background-color: #fdfdfd; } .frequency-card, .subscription-addons__cards__item, .subscription-card, .subscription-review, .u-card { background-color: #fff; box-shadow: 0 1px 0 1px rgba(63, 58, 54, 0.04), 0 2px 7px 0 rgba(0, 0, 0, 0.02); } .u-text-red { color: #d02e2e; } .u-color-red { color: #ff3600; } body[data-active-modal] { overflow: hidden; } img { max-width: 100%; } @font-face { font-family: Bau-Bold; src: url('//porterroad.com/cdn/shop/t/149/assets/Bau-Bold.otf?v=181012180404918496051747928899'); src: url('//porterroad.com/cdn/shop/t/149/assets/Bau-Bold.eot?v=159725031817448350781747928899#iefix') format("embedded-opentype"), url('//porterroad.com/cdn/shop/t/149/assets/Bau-Bold.woff2?v=52909568066179080741747928901') format("woff2"), url('//porterroad.com/cdn/shop/t/149/assets/Bau-Bold.woff?v=44285606335858552581747928900') format("woff"), url('//porterroad.com/cdn/shop/t/149/assets/Bau-Bold.ttf?v=151784820290638565121747928900') format("truetype"); } @font-face { font-family: Bau-Pro; src: url('//porterroad.com/cdn/shop/t/149/assets/BauPro.otf?v=108095487025276040251747928902'); src: url('//porterroad.com/cdn/shop/t/149/assets/BauPro.eot?v=10554447622309837401747928901#iefix') format("embedded-opentype"), url('//porterroad.com/cdn/shop/t/149/assets/BauPro.woff2?v=137606532088955538561747928903') format("woff2"), url('//porterroad.com/cdn/shop/t/149/assets/BauPro.woff?v=99910994822006872441747928903') format("woff"), url('//porterroad.com/cdn/shop/t/149/assets/BauPro.ttf?v=22748713905397308201747928902') format("truetype"); } @font-face { font-family: CentralAvenue-Bold; src: url('//porterroad.com/cdn/shop/t/149/assets/central-avenue-bold.otf?v=13742823096230434891747928923'); src: url('//porterroad.com/cdn/shop/t/149/assets/central-avenue-bold.eot?v=106585202194269265211747928923#iefix') format("embedded-opentype"), url('//porterroad.com/cdn/shop/t/149/assets/central-avenue-bold.woff2?v=79221103438002049481747928925') format("woff2"), url('//porterroad.com/cdn/shop/t/149/assets/central-avenue-bold.woff?v=88576460702032900161747928924') format("woff"), url('//porterroad.com/cdn/shop/t/149/assets/central-avenue-bold.ttf?v=10739408536075729841747928924') format("truetype"); } .container { margin: 0 auto; padding: 0 20px; } @media only screen and (min-width: 768px) { .container { padding: 0 32px; } } .container--max { max-width: 1280px; } .modal { display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; min-height: 100vh; width: 100vw; z-index: 1000; } .modal__video-wrapper { position: relative; padding-top: 25px; padding-bottom: 56.25%; height: 0; } @media only screen and (min-width: 768px) { .modal__video-wrapper { min-width: 640px; } } .modal__video-wrapper iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .modal.video-modal.show { display: flex !important; } .modal__overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.8); } .modal__content { position: absolute; z-index: 1; width: 100%; max-width: 940px; margin: 0 auto; padding: 24px; background-color: #fff; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.08), 0 28px 104px 0 rgba(0, 0, 0, 0.12); } /* @media only screen and (max-width: 767px) { .modal__content { width: 100%; height: 100vh; overflow-y: auto; } } @media only screen and (min-width: 768px) { .modal__content { top: 50%; left: 50%; transform: translate(-50%, -50%); } } */ .modal__content { top: 50%; left: 50%; transform: translate(-50%, -50%); } .modal__close { position: absolute; top: 10px; right: 10px; height: 24px; width: 24px; z-index: 99; text-indent: -99999px; background-image: url("//porterroad.com/cdn/shop/t/149/assets/icon-close.svg?v=17215837486744258191747928942"); background-position: center; background-repeat: no-repeat; } @media only screen and (max-width: 768px) { .modal__close { border-radius: 50%; height: 32px; width: 32px; background-color: #fff; background-size: 10px; box-shadow: 0 1px 0 1px rgba(63, 58, 54, 0.1), 0 4px 12px 0 rgba(0, 0, 0, 0.1); } } @media only screen and (min-width: 768px) { .modal__close { top: 0; right: 0; margin: 20px; } } html.is--locked { position: fixed; width: 100%; } html.is--locked body { position: absolute; display: flex; justify-content: center; width: 100%; } #MainContent #ReCharge.page__customers__billing #ReChargeForm_address .rc_button--primary, #MainContent #ReCharge.page__customers__billing #billing_details .rc_button--primary, #MainContent #ReCharge.page__customers__billing #rc_product_search .rc_button--primary, #MainContent #ReCharge.page__customers__billing__address #ReChargeForm_address .rc_button--primary, #MainContent #ReCharge.page__customers__billing__address #billing_details .rc_button--primary, #MainContent #ReCharge.page__customers__billing__address #rc_product_search .rc_button--primary, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReChargeForm_address .rc_button--primary, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #billing_details .rc_button--primary, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #rc_product_search .rc_button--primary, #MainContent #ReCharge.user-customer #ReChargeForm_address .rc_button--primary, #MainContent #ReCharge.user-customer #billing_details .rc_button--primary, #MainContent #ReCharge.user-customer #rc_product_search .rc_button--primary, .btn, .btn--primary, .order__item--reorder, .predictive_shipping--modal_btn { text-decoration: none; text-align: center; vertical-align: middle; white-space: nowrap; border: 0; border-radius: 1px; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 2px; line-height: 20px; text-transform: uppercase; padding: 20px; display: block; transition: 0.2s background ease-in-out; transition-property: background, color; } #MainContent #ReCharge.page__customers__billing #ReChargeForm_address .rc_button--primary, #MainContent #ReCharge.page__customers__billing #billing_details .rc_button--primary, #MainContent #ReCharge.page__customers__billing #rc_product_search .rc_button--primary, #MainContent #ReCharge.page__customers__billing__address #ReChargeForm_address .rc_button--primary, #MainContent #ReCharge.page__customers__billing__address #billing_details .rc_button--primary, #MainContent #ReCharge.page__customers__billing__address #rc_product_search .rc_button--primary, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReChargeForm_address .rc_button--primary, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #billing_details .rc_button--primary, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #rc_product_search .rc_button--primary, #MainContent #ReCharge.user-customer #ReChargeForm_address .rc_button--primary, #MainContent #ReCharge.user-customer #billing_details .rc_button--primary, #MainContent #ReCharge.user-customer #rc_product_search .rc_button--primary, .btn--primary, .order__item--reorder, .predictive_shipping--modal_btn { color: #fff; background: #252525; border: 1px solid #252525; } #MainContent #ReCharge.page__customers__billing #ReChargeForm_address .rc_button--primary:focus, #MainContent #ReCharge.page__customers__billing #ReChargeForm_address .rc_button--primary:hover, #MainContent #ReCharge.page__customers__billing #billing_details .rc_button--primary:focus, #MainContent #ReCharge.page__customers__billing #billing_details .rc_button--primary:hover, #MainContent #ReCharge.page__customers__billing #rc_product_search .rc_button--primary:focus, #MainContent #ReCharge.page__customers__billing #rc_product_search .rc_button--primary:hover, #MainContent #ReCharge.page__customers__billing__address #ReChargeForm_address .rc_button--primary:focus, #MainContent #ReCharge.page__customers__billing__address #ReChargeForm_address .rc_button--primary:hover, #MainContent #ReCharge.page__customers__billing__address #billing_details .rc_button--primary:focus, #MainContent #ReCharge.page__customers__billing__address #billing_details .rc_button--primary:hover, #MainContent #ReCharge.page__customers__billing__address #rc_product_search .rc_button--primary:focus, #MainContent #ReCharge.page__customers__billing__address #rc_product_search .rc_button--primary:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReChargeForm_address .rc_button--primary:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReChargeForm_address .rc_button--primary:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #billing_details .rc_button--primary:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #billing_details .rc_button--primary:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #rc_product_search .rc_button--primary:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #rc_product_search .rc_button--primary:hover, #MainContent #ReCharge.user-customer #ReChargeForm_address .rc_button--primary:focus, #MainContent #ReCharge.user-customer #ReChargeForm_address .rc_button--primary:hover, #MainContent #ReCharge.user-customer #billing_details .rc_button--primary:focus, #MainContent #ReCharge.user-customer #billing_details .rc_button--primary:hover, #MainContent #ReCharge.user-customer #rc_product_search .rc_button--primary:focus, #MainContent #ReCharge.user-customer #rc_product_search .rc_button--primary:hover, .btn--primary:focus, .btn--primary:hover, .order__item--reorder:focus, .order__item--reorder:hover, .predictive_shipping--modal_btn:focus, .predictive_shipping--modal_btn:hover { background: #fff; color: #252525; border: 1px solid #252525; } #MainContent #ReCharge.page__customers__billing .action__reactivatePurchaseItem, #MainContent #ReCharge.page__customers__billing .edit_address_link, #MainContent #ReCharge.page__customers__billing .rc_button, #MainContent #ReCharge.page__customers__billing .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.page__customers__billing .rc_schedule__order__item__edit a, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.page__customers__billing .toggle-delivery, #MainContent #ReCharge.page__customers__billing__address .action__reactivatePurchaseItem, #MainContent #ReCharge.page__customers__billing__address .edit_address_link, #MainContent #ReCharge.page__customers__billing__address .rc_button, #MainContent #ReCharge.page__customers__billing__address .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.page__customers__billing__address .rc_schedule__order__item__edit a, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.page__customers__billing__address .toggle-delivery, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .action__reactivatePurchaseItem, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .edit_address_link, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_schedule__order__item__edit a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .toggle-delivery, #MainContent #ReCharge.user-customer .action__reactivatePurchaseItem, #MainContent #ReCharge.user-customer .edit_address_link, #MainContent #ReCharge.user-customer .rc_button, #MainContent #ReCharge.user-customer .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.user-customer .rc_schedule__order__item__edit a, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.user-customer .toggle-delivery, #ReCharge.user-customer .rc_layout__content a:not(.rc_button):not(.rc_product-item), .account--text_link, .btn--text, .error_page--copy a, .predictive_shipping--modal_trigger { font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 400; font-size: 10px; line-height: 20px; color: #000; letter-spacing: 1.5px; border-bottom: 2px solid #ff3600; transition: 0.2s color ease-in-out; } #MainContent #ReCharge.page__customers__billing .action__reactivatePurchaseItem:focus, #MainContent #ReCharge.page__customers__billing .action__reactivatePurchaseItem:hover, #MainContent #ReCharge.page__customers__billing .edit_address_link:focus, #MainContent #ReCharge.page__customers__billing .edit_address_link:hover, #MainContent #ReCharge.page__customers__billing .rc_button--primary.rc_button--fa-plus-circle:focus, #MainContent #ReCharge.page__customers__billing .rc_button--primary.rc_button--fa-plus-circle:hover, #MainContent #ReCharge.page__customers__billing .rc_button:focus, #MainContent #ReCharge.page__customers__billing .rc_button:hover, #MainContent #ReCharge.page__customers__billing .rc_schedule__order__item__edit a:focus, #MainContent #ReCharge.page__customers__billing .rc_schedule__order__item__edit a:hover, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item__cancel a:focus, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item__cancel a:hover, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item__edit a:focus, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item__edit a:hover, #MainContent #ReCharge.page__customers__billing .toggle-delivery:focus, #MainContent #ReCharge.page__customers__billing .toggle-delivery:hover, #MainContent #ReCharge.page__customers__billing__address .action__reactivatePurchaseItem:focus, #MainContent #ReCharge.page__customers__billing__address .action__reactivatePurchaseItem:hover, #MainContent #ReCharge.page__customers__billing__address .edit_address_link:focus, #MainContent #ReCharge.page__customers__billing__address .edit_address_link:hover, #MainContent #ReCharge.page__customers__billing__address .rc_button--primary.rc_button--fa-plus-circle:focus, #MainContent #ReCharge.page__customers__billing__address .rc_button--primary.rc_button--fa-plus-circle:hover, #MainContent #ReCharge.page__customers__billing__address .rc_button:focus, #MainContent #ReCharge.page__customers__billing__address .rc_button:hover, #MainContent #ReCharge.page__customers__billing__address .rc_schedule__order__item__edit a:focus, #MainContent #ReCharge.page__customers__billing__address .rc_schedule__order__item__edit a:hover, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item__cancel a:focus, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item__cancel a:hover, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item__edit a:focus, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item__edit a:hover, #MainContent #ReCharge.page__customers__billing__address .toggle-delivery:focus, #MainContent #ReCharge.page__customers__billing__address .toggle-delivery:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .action__reactivatePurchaseItem:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .action__reactivatePurchaseItem:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .edit_address_link:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .edit_address_link:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button--primary.rc_button--fa-plus-circle:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button--primary.rc_button--fa-plus-circle:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_schedule__order__item__edit a:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_schedule__order__item__edit a:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item__cancel a:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item__cancel a:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item__edit a:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item__edit a:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .toggle-delivery:focus, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .toggle-delivery:hover, #MainContent #ReCharge.user-customer .action__reactivatePurchaseItem:focus, #MainContent #ReCharge.user-customer .action__reactivatePurchaseItem:hover, #MainContent #ReCharge.user-customer .edit_address_link:focus, #MainContent #ReCharge.user-customer .edit_address_link:hover, #MainContent #ReCharge.user-customer .rc_button--primary.rc_button--fa-plus-circle:focus, #MainContent #ReCharge.user-customer .rc_button--primary.rc_button--fa-plus-circle:hover, #MainContent #ReCharge.user-customer .rc_button:focus, #MainContent #ReCharge.user-customer .rc_button:hover, #MainContent #ReCharge.user-customer .rc_schedule__order__item__edit a:focus, #MainContent #ReCharge.user-customer .rc_schedule__order__item__edit a:hover, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item__cancel a:focus, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item__cancel a:hover, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item__edit a:focus, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item__edit a:hover, #MainContent #ReCharge.user-customer .toggle-delivery:focus, #MainContent #ReCharge.user-customer .toggle-delivery:hover, #ReCharge.user-customer .rc_layout__content a:focus:not(.rc_button):not(.rc_product-item), #ReCharge.user-customer .rc_layout__content a:hover:not(.rc_button):not(.rc_product-item), .account--text_link:focus, .account--text_link:hover, .btn--text:focus, .btn--text:hover, .error_page--copy a:focus, .error_page--copy a:hover, .predictive_shipping--modal_trigger:focus, .predictive_shipping--modal_trigger:hover { color: #4D4D4D; } .button[disabled], .button[disabled]:focus, .button[disabled]:hover, button[disabled], button[disabled]:focus, button[disabled]:hover { color: #fff; background-color: #777569; border: none !important; } .account--form_group input[type="checkbox"] + label { display: inline-block; vertical-align: middle; position: relative; cursor: pointer; transition: 0.34s color ease; } .account--form_group input[type="checkbox"] + label:before { content: ""; display: inline-block; width: 21px; height: 21px; position: absolute; top: -3px; left: 0; background: #fff; border: 1px solid rgba(63, 58, 54, 0.5); border-radius: 1px; transition: 0.34s border ease; transition-property: border, background; } .account--form_group input[type="checkbox"] + label:after { content: ""; display: inline-block; position: absolute; top: -3px; left: 0; height: 21px; width: 21px; color: #fff; opacity: 0; border-radius: 1px; text-align: center; background: #ff3600 url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAQAAACMJlQBAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgChQONzmKx2x9AAAAcUlEQVQY04XPPRJAMBiE4TUuQKHQUxmXMGqOyJ1cIZ1ekeZVhPGThP3KZ4v9hKJXk6E4d2wsFF8MMH3zSvvDoQ0PdoWcJsZIFCxYhjAjMQNgGel9RqLCcM+D3YZ75cXnF2fF4+vNChNilKAjpVIZedkB+i0MB8bxD8UAAAAASUVORK5CYII=); background-size: 65%; background-position: center; background-repeat: no-repeat; padding-top: 2px; transition: 0.14s opacity ease; } .account--form_group input[type="checkbox"] + label:hover { color: #3f3a36; } .account--form_group input[type="checkbox"] + label:hover:before { border-color: #ff3600; background-color: #ff3600; } .account--form_group input[type="checkbox"]:checked + label:after { opacity: 1; } .predictive_shipping--modal { padding: 64px 96px; position: relative; } .predictive_shipping--modal.remodal { max-width: 960px; } .predictive_shipping--modal_header { margin-bottom: 32px; } .predictive_shipping--modal_header .meat-tag { font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 400; font-size: 10px; line-height: 20px; color: #000; letter-spacing: 1.5px; margin: 0 0 24px; } .predictive_shipping--main_heading { font-size: 50px; font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; color: #ff3600; text-transform: uppercase; margin-bottom: 32px; } .predictive_shipping--modal_content { font-size: 16px; font-family: Bau-Pro, Helvetica, Arial, sans-serif; margin-bottom: 32px; } .predictive_shipping--modal_close { position: absolute; right: 24px; top: 24px; display: block; cursor: pointer; } .predictive_shipping--modal_btn { margin: 0 auto; min-width: 190px; max-width: 240px; } .predictive_shipping--modal_trigger { margin: 0; padding: 0 0 6px; } .predictive_shipping--checkout_messaging { font-size: 14px; font-family: Bau-Pro, Helvetica, Arial, sans-serif; line-height: 1.5; margin-bottom: 32px; } .predictive_shipping--product_messaging { line-height: 1.65; font-size: 16px; margin-top: 24px; } .predictive_shipping--product_messaging strong { font-size: 14px !important; text-transform: none !important; } .predictive_shipping--cutoff_time { color: #ff3600; } @media screen and (max-width: 768px) { .predictive_shipping--modal { padding: 32px; } } .cta-signup { padding: 80px 30px; text-align: center; background-image: none; background-color: #FDE8CD; background-size: cover; border-top: 1px solid #e7e7e7; position: relative; } @media screen and (min-width: 1280px) { .cta-signup { background-image: url(bacon-bg.jpg); } } .cta-signup.success { background: #fef9f2; } .cta-signup.success .newsletter_signup--success_wrapper { display: block; } .cta-signup.success .newsletter_signup--form_heading, .cta-signup.success form { display: none; } .cta-signup form { display: flex; max-width: 500px; margin: 0 auto; flex-direction: column; } .cta-signup form input { background: 0 0; border: none; } .cta-signup form input[type="email"] { padding: 10px; border-bottom: 1px solid #777569; text-align: center; padding-left: 5px; width: 100%; } .cta-signup form input[type="submit"] { padding-top: 10px; } @media screen and (min-width: 330px) { .cta-signup form { flex-direction: row; border-bottom: 1px solid #777569; justify-content: space-between; padding-bottom: 5px; } .cta-signup form input[type="email"] { padding: 0; border-bottom: none; text-align: left; } .cta-signup form input[type="submit"] { padding-top: 0; } } .cta-signup h3 { margin-bottom: 45px; } .newsletter_signup--submit_btn { color: #252525; font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 400; font-size: 10px; line-height: 20px; letter-spacing: 1.5px; margin: 0; padding: 0; } .newsletter_signup--input_wrapper { width: 85%; } .newsletter_signup--submit_wrapper { height: 20px; } @media screen and (min-width: 1070px) { .newsletter_signup--submit_wrapper { width: 17%; } } .newsletter_signup--input_label { display: none; } .newsletter_signup--success_wrapper { display: none; } .newsletter_signup--success_wrapper .newsletter_signup--success { min-height: 10vh; max-width: 700px; background-color: #fef9f2; text-align: center; margin: 0 auto; } .newsletter_signup--success_wrapper .newsletter_signup--success_illustration { width: 100%; text-align: center; } .newsletter_signup--input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: 1; /* Firefox */ } .newsletter_signup--input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; } .newsletter_signup--input::-ms-input-placeholder { /* Microsoft Edge */ color: #000; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .sidecart-overlay { z-index: 1000; display: block; position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; opacity: 0; transition: 0.3s ease all; background-color: rgba(255, 255, 255, 0.42); transform: translateX(-50%); } body:not(.sidecart-open) .sidecart-overlay { pointer-events: none; visibility: hidden; } body.sidecart-open .sidecart-overlay { opacity: 1; background-color: rgba(0, 0, 0, 0.6); transform: translateX(0); } .sidecart { position: fixed; top: 0; right: 0; z-index: 1000; background-color: #fff; height: 100%; width: 480px; max-width: 100vw; display: flex; flex-direction: column; transform: translateX(100%); transition: all 0.3s ease-in-out; letter-spacing: 2px; z-index: 999999; } .sidecart [data-total-items] { content: attr(data-total-items); } .sidecart-open .sidecart { transform: translateX(0); } @media only screen and (max-width: 768px) { .sidecart { z-index: 1000000; } } .sidecart__header { position: relative; padding: 20px 0; border-bottom: 1px solid #e7e7e7; } .sidecart__header__title { line-height: 34px; padding: 0 50px; text-align: center; text-transform: uppercase; font-family: Bau-Bold, Helvetica, Arial, sans-serif; letter-spacing: 2px; font-size: 0.6875rem; } @media only screen and (min-width: 768px) { .sidecart__header__title { font-size: 0.8125rem; } } .sidecart__header__close { cursor: pointer; position: absolute; top: 10px; right: 10px; padding: 15px; } .sidecart__header__close img { width: 20px; height: 20px; } .sidecart__contents { flex-grow: 1; overflow-y: auto; } .sidecart__empty { padding: 50px; text-align: center; } .sidecart__item { position: relative; display: flex; padding: 20px; border-bottom: 1px solid #e7e7e7; } .sidecart__item--promo { background-color: #fef9f2; } .sidecart__item__remove { position: absolute; top: 20px; right: 20px; color: #777569; font-size: 20px; line-height: 1; } .sidecart__item__image { align-self: flex-start; max-width: 100px; } .sidecart__item__info { display: flex; flex-direction: column; flex-grow: 1; padding-left: 20px; } .sidecart__item__info__title { padding-right: 20px; } .sidecart__item__info__subscription, .sidecart__item__info__subtitle, .sidecart__item__info__title { margin: 0; font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.6875rem; line-height: 1.5; } @media only screen and (min-width: 768px) { .sidecart__item__info__subscription, .sidecart__item__info__subtitle, .sidecart__item__info__title { font-size: 0.8125rem; } } .sidecart__item__info__subtitle { color: #777569; } .sidecart__item__info__subscription { color: #ff3600; font-size: 0.625rem; } @media only screen and (min-width: 768px) { .sidecart__item__info__subscription { font-size: 0.6875rem; } } .sidecart__item__controls { display: flex; margin-top: auto; text-transform: uppercase; } .sidecart__item__controls__decrement, .sidecart__item__controls__increment, .sidecart__item__controls__price, .sidecart__item__controls__quantity { margin: 0; padding: 0; } .sidecart__item__controls__price, .sidecart__item__controls__quantity { font-family: Bau-Bold, Helvetica, Arial, sans-serif; line-height: 30px; font-size: 0.6875rem; } .sidecart__item__controls__price + .sidecart__item__controls__price { text-decoration: line-through !important; } @media only screen and (min-width: 768px) { .sidecart__item__controls__price, .sidecart__item__controls__quantity { font-size: 0.8125rem; } } .sidecart__item__controls__decrement, .sidecart__item__controls__increment { display: block; line-height: 30px; height: 30px; width: 30px; border: 1px solid #e7e7e7; text-align: center; font-size: 1.25rem; } .sidecart__item__controls__decrement, .sidecart__item__controls__decrement:hover, .sidecart__item__controls__increment, .sidecart__item__controls__increment:hover { color: #000; } .sidecart__item__controls__increment { line-height: 28px; } .sidecart__item__controls__price { flex-grow: 1; position: relative; } .sidecart__item__controls__price--promo { color: #cbcbcb; flex-grow: 0; } .sidecart__item__controls__price--promo:before { content: ""; display: block; position: absolute; top: 13px; left: 0; height: 1px; width: 100%; background-color: #cbcbcb; } .sidecart__item__controls__price--promo:after { content: "FREE"; position: absolute; top: 0; right: 0; margin-right: -4px; transform: translateX(100%); display: inline-block; color: #ff3600; } .sidecart__item__controls__quantity { width: 20px; margin: 0 8px; text-align: center; } .sidecart__summary { padding: 20px; border-top: 1px solid #e7e7e7; } .sidecart__subtotal { margin: 0 0 15px; font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #000; font-size: 0.6875rem; } .sidecart__subtotal:after { content: ""; display: table; clear: both; } @media only screen and (min-width: 768px) { .sidecart__subtotal { font-size: 0.8125rem; } } .sidecart__subtotal span { float: right; } .sidecart__promo { padding: 24px; background-color: #fef9f2; text-align: center; } .sidecart__promo__success { display: none; } .sidecart__promo__description, .sidecart__promo__title { text-align: center; } .sidecart__promo__title { font-weight: 700; text-transform: uppercase; font-size: 0.75rem; line-height: 1.3; font-family: Bau-Bold, Helvetica, Arial, sans-serif; } .sidecart__promo__description { font-size: 0.9375rem; margin-bottom: 0; font-family: Bau-Pro, Helvetica, Arial, sans-serif; } .sidecart__promo__description span { display: inline-block; background-color: #fbfb2f; padding: 2px 4px 0 6px; } .sidecart__promo__exclusion { font-size: 0.5rem; padding: 20px 0 0 0; opacity: 0.5; } .sidecart__promo__progress { margin: 20px 0 0 0; height: 8px; width: 100%; max-width: 400px; background-color: #fff; border: 1px solid #f5f0e9; } .sidecart__promo__progress__bar { height: 8px; width: 0%; background-color: #ff3600; transition: 0.3s ease all; } .sidecart__promo__cta { display: none; margin: 12px auto 0; padding: 11px 32px; } .sidecart-drawer { position: fixed; z-index: 1000000; bottom: 0; left: 0; width: 100%; display: flex; padding: 15px; background-color: #fff; box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.025); transition: all 0.3s ease-in-out; } .sidecart-drawer:not(.open) { display: none; transform: translateY(100%); } .sidecart-drawer__copy { flex-grow: 1; padding: 0 15px; min-width: 0; display: flex; flex-direction: column; justify-content: space-around; } .sidecart-drawer__added-to-cart, .sidecart-drawer__title { margin: 0; font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.6875rem; line-height: 1; letter-spacing: 2px; } .sidecart-drawer__title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sidecart-drawer__added-to-cart { color: #777569; } .sidecart-drawer__image { max-height: 50px; } .sidecart-drawer__open-cart { flex-shrink: 0; padding: 0 15px; line-height: 50px; min-width: 0; width: auto; } .hero { position: relative; background-size: cover; background-repeat: no-repeat; background-position: right; text-align: center; padding: 30px; width: 100%; min-height: 85vh; display: flex; justify-content: center; align-items: center; flex-direction: column; } @media only screen and (min-width: 768px) { .hero { padding: 100px 30px; background-position: center; } } @media only screen and (min-width: 992px) { .hero { padding: 150px 30px; background-position: center; } } .hero--subscriptions--hero { background-position: center; } .hero__title { max-width: 920px; margin: 0 auto 50px; } .hero__subtitle { padding: 20px 0; margin: 0 auto; display: flex; flex-direction: column; } .hero__subtitle span { margin: 0; margin-bottom: 10px; } @media only screen and (min-width: 992px) { .hero__subtitle span { margin: 0 10px; } } @media only screen and (min-width: 992px) { .hero__subtitle { flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } } .hero__cta .button:not(:last-child) { margin-right: 20px; } .hero__features { align-self: flex-end; display: flex; justify-content: space-between; } @media only screen and (min-width: 768px) { .hero__features { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); justify-content: center; } } @media only screen and (max-width: 768px) { .hero__features { width: 100%; flex-direction: column; align-items: center; } } .hero__features__item { display: flex; align-items: center; min-height: 40px; padding: 0 2px; color: #fff; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 0.8125rem; line-height: 20px; letter-spacing: 3px; white-space: nowrap; } @media only screen and (min-width: 992px) { .hero__features__item { margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 992px) { .hero__features__item { white-space: normal; margin: 0 10px 0; } } @media only screen and (max-width: 768px) { .hero__features__item { font-size: 0.625rem; } } .hero .pencilmark-divider { display: inline-block; min-height: 2px; } .half-hero { position: relative; padding-top: 40px; } @media only screen and (max-width: 768px) { .half-hero { text-align: center; } } @media only screen and (min-width: 768px) { .half-hero { padding: 150px 0; } } .half-hero:before { content: ""; position: absolute; display: block; height: 200px; width: 100%; bottom: 0; left: 0; background-position: top center; background-size: cover; background-repeat: no-repeat; } @media only screen and (min-width: 768px) { .half-hero:before { height: 100%; width: 50%; bottom: auto; top: 0; left: 50%; background-position: left center; } } .half-hero__title { font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; font-size: 1.75rem; line-height: 1.1; text-transform: uppercase; margin-bottom: 30px; } @media only screen and (min-width: 768px) { .half-hero__title { font-size: 2.125rem; margin-bottom: 50px; } } .half-hero__title, .half-hero__title + .icon-list { width: 100%; } @media only screen and (min-width: 768px) { .half-hero__title, .half-hero__title + .icon-list { max-width: 435px; } } .half-hero__content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 30px 240px; width: 100%; } @media only screen and (min-width: 768px) { .half-hero__content { padding: 0 50% 0 0; } } .icon-list { list-style: none; } .icon-list__item { min-height: 100px; padding-top: 130px; background-position: top center; background-size: 100px; background-repeat: no-repeat; } .icon-list__item:not(:last-child) { margin-bottom: 30px; } @media only screen and (min-width: 768px) { .icon-list__item { background-position: top left; padding-top: 0; padding-left: 130px; } } .icon-list__title { font-family: Bau-Bold, Helvetica, Arial, sans-serif; margin: 0 0 4px; } @media only screen and (min-width: 768px) { .icon-list__title { margin-bottom: 6px; } } .icon-list__description { margin: 0; } .icon-list__description, .icon-list__title { line-height: 1.5; font-size: 0.875rem; } @media only screen and (min-width: 768px) { .icon-list__description, .icon-list__title { font-size: 1rem; } } .curated-list { color: #fff; background-color: #000; padding: 80px 20px 30px; } @media only screen and (max-width: 768px) { .curated-list { text-align: center; } } @media only screen and (min-width: 768px) { .curated-list { padding: 130px 30px 50px; } } .curated-list__content { display: flex; justify-content: center; flex-direction: column; padding-bottom: 30px; } @media only screen and (min-width: 768px) { .curated-list__content { padding-bottom: 130px; flex-direction: row; } } .curated-list__title { line-height: 1; font-size: 3.5rem; font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; position: relative; } @media only screen and (min-width: 768px) { .curated-list__title { font-size: 5.625rem; padding-right: 130px; text-align: right; } } .curated-list__title .meat-tag { position: absolute; top: -20px; left: 50%; transform: translate(-50%, -100%); } @media only screen and (min-width: 768px) { .curated-list__title .meat-tag { left: auto; right: 88px; transform: translateY(-100%); } } .curated-list__description { color: #fff; } @media only screen and (min-width: 768px) { .curated-list__copy, .curated-list__title { flex-basis: 50%; } } .curated-list__description { max-width: 460px; margin-bottom: 30px; } .curated-list__description, .curated-list__title { flex-basis: 50%; } .curated-list__cta { width: auto; } .curated-list__items { display: flex; justify-content: space-between; max-width: 1280px; margin: 0 auto; } @media only screen and (max-width: 768px) { .curated-list__items { flex-wrap: wrap; } } .curated-list__item { flex-basis: calc(50% - 15px); } @media only screen and (max-width: 768px) { .curated-list__item:nth-child(n + 2) .curated-list__item__title { margin-bottom: 0; } } @media only screen and (min-width: 768px) { .curated-list__item { flex-basis: calc(25% - 19.9998px); } } .curated-list__item__title { font-size: 0.625rem; text-transform: uppercase; color: #fff; font-weight: 700; margin-bottom: 24px; letter-spacing: 1.6px; } @media only screen and (min-width: 768px) { .curated-list__item__title { font-size: 0.75rem; } } .curated-list__item img { max-width: 100%; } .half-panels { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; padding: 40px 30px; width: 100%; max-width: 1280px; } @media only screen and (min-width: 768px) { .half-panels { padding: 120px 30px; } } .half-panels__panel { width: 100%; } @media only screen and (max-width: 768px) { .half-panels__panel { text-align: center; } } @media only screen and (min-width: 768px) { .half-panels__panel { max-width: calc(50% - 70px); } } .half-panels__panel .illustration-title { margin-bottom: 50px; } .half-panels__heading { text-transform: uppercase; margin-bottom: 16px; font-size: 1.5rem; font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { .half-panels__heading { font-size: 1.875rem; } .half-panels__heading br { display: none; } } @media only screen and (max-width: 768px) { .half-panels .button { width: auto; } } .illustration-title__title { text-align: left !important; padding-left: 30%; text-indent: -30%; } .illustration-title__image { margin-top: -25px; } .instagram-carousel { background-color: #fef9f2; padding: 80px 0 55px; } .instagram-carousel__title { padding: 0 30px; font-size: 2rem; margin-bottom: 40px; text-align: center; } @media only screen and (min-width: 768px) { .instagram-carousel__title { margin-bottom: 80px; font-size: 2.5rem; } } @media only screen and (max-width: 768px) { .instagram-carousel__title br { display: none; } } .instagram-carousel__posts { overflow: hidden; } .instagram-carousel__post { display: inline-block; margin: 0 10px; max-width: 100%; background-color: #fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.04); vertical-align: top; } .instagram-carousel__post__image { position: relative; } /* .instagram-carousel__post__image:after { content: ""; display: block; position: absolute; top: 12px; right: 12px; height: 20px; width: 20px; background-image: url('data:image/svg+xml;utf8,'); background-size: cover; background-repeat: no-repeat; } */ .instagram-carousel__post__image img { width: 100%; } .instagram-carousel__post__author, .instagram-carousel__post__copy { padding: 20px; } .instagram-carousel__post__avatar { align-self: center; border-radius: 50%; } .instagram-carousel__post__author { display: flex; } .instagram-carousel__post__author + .instagram-carousel__post__copy { padding-top: 0; } .instagram-carousel__post__author__content { display: flex; flex-direction: column; justify-content: center; padding-left: 20px; } .instagram-carousel__post__name { font-weight: 700; } .instagram-carousel__post__handle, .instagram-carousel__post__name { margin: 0; line-height: 1.2; font-size: 0.625rem; } @media only screen and (min-width: 768px) { .instagram-carousel__post__handle, .instagram-carousel__post__name { font-size: 0.8125rem; } } .instagram-carousel__post__copy { margin: 0; font-size: 0.8125rem; } @media only screen and (min-width: 768px) { .instagram-carousel__post__copy { font-size: 1rem; } } .footer-hero { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; padding: 80px 30px; } @media only screen and (min-width: 768px) { .footer-hero { padding: 115px 0; } } .footer-hero__title { max-width: 785px; margin: 10px auto 20px; line-height: 1 !important; } @media only screen and (max-width: 768px) { .footer-hero__title { font-size: 3.125rem !important; } } .footer-hero__sidenote { transform: rotate(-16deg); margin-top: 20px; text-align: center; } @media only screen and (max-width: 768px) { .footer-hero__sidenote { top: 35px; left: -50px; } } .footer-hero__sidenote__wrapper { max-width: 800px; margin: 0 auto; } @media only screen and (max-width: 768px) { .footer-hero__cta { width: auto; } } .footer-hero .quote-border { position: absolute; } .footer-hero .quote-border:after { top: -47px; transform: rotate(-8deg) scale(0.6); } .footer-hero .quote-border span { display: inline-block; width: 245px; text-align: center; } .meat-tag { padding: 3px 8px; background-color: #fbfb2f; border-radius: 2px; display: inline-block; position: relative; margin-bottom: 20px; } .meat-tag:after { content: url('Yellow_Tag_Tail.svg'); position: absolute; bottom: 0; left: 42%; margin-bottom: -19px; } .funnel-header { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px; } @media only screen and (min-width: 768px) { .funnel-header { padding: 32px; } } .funnel-header__spacer { height: 1px; opacity: 0; } .funnel-header__logo, .funnel-header__spacer { width: 100%; max-width: 154px; } .funnel-header__nav { display: flex; justify-content: space-between; align-items: center; flex-basis: 100%; } @media only screen and (max-width: 768px) { .funnel-header__nav { margin-top: 30px; } } @media only screen and (min-width: 768px) { .funnel-header__nav { max-width: 470px; } } .funnel-header__nav__item { padding: 0; text-transform: uppercase; font-size: 0.5625rem; letter-spacing: 1.75px; line-height: 1.5; border-bottom: 1px solid transparent; transition: 0.3s ease all; font-family: Bau-Bold, Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { .funnel-header__nav__item { font-size: 0.625rem; } } .funnel-header__nav__item.active { border-color: #ff3600; } .funnel-header__nav__item--arrow { height: 7px; width: 17px; background-image: url("//porterroad.com/cdn/shop/t/149/assets/funnel-arrow.svg?v=85258662381717421971747928934"); background-repeat: no-repeat; background-size: 17px 7px; } @media only screen and (min-width: 768px) { .funnel-header__nav__item--arrow { width: 25px; background-size: 25px 7px; } } .funnel-header__nav__item a, .funnel-header__nav__item a:hover { color: #000; } .funnel-steps__page { display: none; } .funnel-steps__page--narrow { max-width: 940px; margin: 0 auto; } .funnel-steps__header { text-align: center; margin: 30px 0 40px; } @media only screen and (min-width: 768px) { .funnel-steps__header { margin: 70px 0 60px; } } .funnel-steps__header-addons { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .funnel-steps__title { margin: 0 0 8px; font-size: 1.625rem; text-transform: uppercase; font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { .funnel-steps__title { margin: 0 0 16px; font-size: 2.25rem; } } .funnel-steps__title-addons { display: inline-block; margin-bottom: 0; flex-basis: 100%; flex-shrink: 0; } @media only screen and (min-width: 768px) { .funnel-steps__title-addons { margin-bottom: 0; margin-right: 25px; flex-basis: auto; } } @media only screen and (max-width: 768px) { .funnel-steps__title-buttons { flex-basis: 100%; } .funnel-steps__title-buttons > button { margin-top: 10px; } } .funnel-steps__description { margin: 0; line-height: 2.5; font-size: .875rem; font-weight: 400; color: #3f3a36; margin-bottom: 1rem; text-align: center; letter-spacing: 0.05em; } } @media only screen and (min-width: 768px) { .funnel-steps__description { font-size: 1.0625rem; } } .funnel-steps__description, .funnel-steps__title { text-align: center; } .funnel-steps__link { margin-top: 18px; display: inline-block; } .funnel-steps__link, .funnel-steps__link:hover { color: #ff3600; text-decoration: underline; } .funnel-steps__link-light { color: #8a8a8a; text-decoration: underline; } .funnel-steps__cta { margin-top: 20px; } @media only screen and (min-width: 768px) { .funnel-steps__cta { padding-left: 72px; padding-right: 72px; } } .subscription-box-grid { display: flex; justify-content: center; flex-wrap: wrap; } /* @media only screen and (min-width: 768px) { .subscription-box-grid .subscription-card { margin-left: 15px; margin-right: 15px; } .subscription-box-grid .subscription-card:first-child, .subscription-box-grid .subscription-card:nth-child(3) { margin-left: 0; } .subscription-box-grid .subscription-card:last-child, .subscription-box-grid .subscription-card:nth-child(2) { margin-right: 0; } } */ .subscription-card { display: flex; margin-bottom: 20px; width: 100%; flex-direction: column; } @media only screen and (min-width: 768px) { .subscription-card { margin-bottom: 30px; width: calc(50% - 15px); flex-direction: column; } } @media only screen and (min-width: 768px) { .subscription-card--slim { width: calc(25% - 22.5px); } } .subscription-card__image { min-height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } /* @media only screen and (max-width: 767px) { .subscription-card__image { width: 35%; flex-shrink: 0; } }*/ .subscription-card__image { min-height: 320px; } @media only screen and (min-width: 768px) { .subscription-card--slim .subscription-card__image { min-height: 0; padding-top: 100%; } } .subscription-card__content { padding: 30px; display: flex; } @media only screen and (min-width: 768px) { .subscription-card__content { flex-grow: 1; } } .subscription-card--slim .subscription-card__content { flex-direction: column; align-items: center; } .subscription-card__content__copy { flex-grow: 1; } .subscription-card__content__cta { display: flex; justify-content: center; align-items: center; min-width: 150px; } /* @media only screen and (max-width: 767px) { .subscription-card__content__cta { display: none; } } */ @media only screen and (min-width: 768px) { .subscription-card__content__cta { max-width: 170px; padding-left: 20px; } } .subscription-card--slim .subscription-card__content__cta { width: 100%; } @media only screen and (min-width: 768px) { .subscription-card--slim .subscription-card__content__cta { padding-top: 20px; max-width: 100%; padding-left: 0; } } .subscription-card__content__cta .button { min-width: 100%; } .subscription-card__title { color: #000; line-height: 1.5; text-transform: uppercase; letter-spacing: 2.3px; font-size: 0.8125rem; } .subscription-card--slim .subscription-card__title { letter-spacing: 1.6px; } @media only screen and (min-width: 768px) { .subscription-card--slim .subscription-card__title { letter-spacing: 2px; } } .subscription-card__price { color: #ff3600; letter-spacing: 3px; } .subscription-card--slim .subscription-card__price { letter-spacing: 2.5px; } .subscription-card__price__weight { margin-left: 3px; color: #777569; text-transform: uppercase; } .subscription-card__price, .subscription-card__title { margin: 0 0 4px; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 0.5625rem; } @media only screen and (min-width: 768px) { .subscription-card__price, .subscription-card__title { font-size: 0.6875rem; } } @media only screen and (min-width: 768px) { .subscription-card--slim .subscription-card__description, .subscription-card--slim .subscription-card__price, .subscription-card--slim .subscription-card__title { text-align: center; } } .subscription-card__info { cursor: pointer; font-size: 0.5rem; display: inline-block; border: 1px solid #000; height: 14px; width: 14px; line-height: 14px; border-radius: 50%; text-align: center; text-transform: none; vertical-align: top; letter-spacing: normal; } .subscription-card__description { font-size: 0.6875rem; margin: 0; line-height: 1.4; } @media only screen and (min-width: 768px) { .subscription-card__description { font-size: 0.8125rem; } } .subscription-modal { display: flex; flex-wrap: wrap; } @media only screen and (max-width: 768px) { .subscription-modal { min-height: calc(100vh - 48px); flex-direction: column; justify-content: center; } } @media only screen and (min-width: 768px) { .subscription-modal { flex-wrap: nowrap; } } .subscription-modal__image { margin: -24px -24px 0; width: 100vw; padding-top: 100%; } @media only screen and (min-width: 768px) { .subscription-modal__image { margin: 0; width: 45%; flex-basis: 45%; flex-shrink: 0; padding-top: 45%; } } .subscription-modal__copy { display: flex; flex-grow: 1; flex-direction: column; justify-content: flex-start; padding: 20px 0 0; } @media only screen and (min-width: 768px) { .subscription-modal__copy { padding: 0 40px 0 60px; justify-content: center; } } @media only screen and (max-width: 768px) { .subscription-modal__copy { padding-bottom: 50px; } } .subscription-modal__title { margin: 0 0 4px; line-height: 1.2; text-transform: uppercase; } .subscription-modal__price { margin: 0 0 16px; line-height: 34px; color: #ff3600; } .subscription-modal__price__weight { font-size: 0.6875rem; font-family: Bau-Bold, Helvetica, Arial, sans-serif; color: #777569; text-transform: uppercase; } @media only screen and (min-width: 768px) { .subscription-modal__price__weight { font-size: 0.5625rem; vertical-align: middle; } } .subscription-modal__price, .subscription-modal__title { font-size: 1.75rem; font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; } .subscription-modal__description { margin: 0 0 30px; line-height: 1.4; font-size: 0.9375rem; } .subscription-modal__cta { max-width: 150px; } .subscription-frequency-grid { display: flex; justify-content: center; padding-bottom: 30px; flex-wrap: wrap; } .frequency-card { padding: 20px; display: flex; margin-bottom: 20px; width: 100%; } .frequency-card, .frequency-card:hover { color: #000; } @media only screen and (min-width: 768px) { .frequency-card { margin-left: 15px; margin-right: 15px; flex-direction: column; width: 274px; max-width: calc(30% - 19.9998px); } } .frequency-card__image { display: none !important; justify-content: center; align-items: center; width: 78px; flex-shrink: 0; } .frequency-card__image img { display: none !important; align-self: center; max-width: 100px; } @media only screen and (min-width: 768px) { .frequency-card__image { width: 100%; } } @media only screen and (max-width: 767px) { .frequency-card { padding: 31px 41px; } .frequency-card__copy { margin: 0 auto; text-align: center; } } //@media only screen and (min-width: 768px) { .frequency-card__copy { text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } //} .frequency-card__subtitle { margin: 0 0 2px; font-size: 0.5rem; letter-spacing: 1.5px; text-transform: uppercase; font-family: Bau-Bold, Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { .frequency-card__subtitle { margin: 0 0 7px; font-size: 0.6875rem; } } .frequency-card__title { margin: 0 0 8px; font-size: 1.5rem; } @media only screen and (min-width: 768px) { .frequency-card__title { margin: 0 0 16px; font-size: 2.5rem; } } .frequency-card__subtitle, .frequency-card__title { line-height: 1; } .frequency-card__description { margin: 0; font-size: 0.6875rem; line-height: 1.4; margin: 0 0 16px; } @media only screen and (min-width: 768px) { .frequency-card__description { font-size: 0.8125rem; } } .frequency-card__cta { align-self: center; display: none; width: 100%; min-width: 0; padding: 14px 20px; display: block; } .subscription-frequency-grid { display: flex; justify-content: center; padding-bottom: 30px; flex-wrap: wrap; } .frequency-card { padding: 20px; display: flex; margin-bottom: 20px; width: 100%; } .frequency-card, .frequency-card:hover { color: #000; } @media only screen and (min-width: 768px) { .frequency-card { margin-left: 15px; margin-right: 15px; flex-direction: column; width: 274px; max-width: calc(30% - 19.9998px); } } .frequency-card__image { display: flex; justify-content: center; align-items: center; width: 78px; flex-shrink: 0; } .frequency-card__image img { align-self: center; max-width: 100px; } @media only screen and (min-width: 768px) { .frequency-card__image { width: 100%; } } @media only screen and (max-width: 767px) { .frequency-card__copy { padding-left: 26px; } } @media only screen and (min-width: 768px) { .frequency-card__copy { text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } } .frequency-card__subtitle { margin: 0 0 2px; font-size: 0.5rem; letter-spacing: 1.5px; text-transform: uppercase; font-family: Bau-Bold, Helvetica, Arial, sans-serif; } @media only screen and (min-width: 768px) { .frequency-card__subtitle { margin: 0 0 4px; font-size: 0.6875rem; } } .frequency-card__title { margin: 0 0 8px; font-size: 1.5rem; } @media only screen and (min-width: 768px) { .frequency-card__title { margin: 0 0 16px; font-size: 2.5rem; } } .frequency-card__subtitle, .frequency-card__title { line-height: 1; } .frequency-card__description { margin: 0; font-size: 0.6875rem; line-height: 1.4; margin: 0 0 16px; } @media only screen and (min-width: 768px) { .frequency-card__description { font-size: 0.8125rem; } } .frequency-card__cta { align-self: center; display: none; width: 100%; min-width: 0; padding: 14px 20px; display: block; } .subscription-addons { padding: 0 0 30px; margin-bottom: 40px; } @media only screen and (max-width: 768px) { .subscription-addons { margin-left: -20px; margin-right: -20px; } } .subscription-addons__title { font-size: 1.5rem; text-align: center; line-height: 1.3; margin-bottom: 30px; } @media only screen and (min-width: 768px) { .subscription-addons__title { font-size: 1.75rem; } } @media only screen and (min-width: 768px) { .subscription-addons__bottom { display: flex; flex-direction: row-reverse; justify-content: center; } } @media only screen and (max-width: 768px) { .subscription-addons__bottom > button { margin-bottom: 10px; } } @media only screen and (min-width: 768px) { .subscription-addons__bottom > button:last-child { margin-right: 10px; } } .subscription-addons__bottom > .funnel-steps__link-light { display: block; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { .subscription-addons__bottom > .funnel-steps__link-light { margin-top: 10px; } } .subscription-addons__cards { display: flex; justify-content: center; flex-wrap: wrap; } .subscription-addons__cards__item { margin: 10px 15px; flex-basis: 100%; box-shadow: 0 1px 0 1px rgba(63, 58, 54, 0.04), 0 4px 12px 0 rgba(0, 0, 0, 0.02); } @media only screen and (min-width: 450px) { .subscription-addons__cards__item { flex-basis: 40%; } } @media only screen and (min-width: 768px) { .subscription-addons__cards__item { flex-basis: 27%; } } .subscription-addons__cards__item__image { padding-top: 100%; } .subscription-addons__cards__item__content { padding: 15px; text-align: center; display: flex; flex-direction: column; min-height: 11.5rem; justify-content: space-between; } .subscription-addons__cards__item__title { line-height: 1.5; margin: 0 0 4px; } .subscription-addons__cards__item__price { line-height: 2; margin: 0 0 20px; color: #ff3600; } .subscription-addons__cards__item__price, .subscription-addons__cards__item__title { text-transform: uppercase; font-size: 0.6875rem; font-family: Bau-Bold, Helvetica, Arial, sans-serif; } .subscription-addons__cards__item__atc > .button { width: 100%; } .subscription-addons__cards__item__atc.in-cart .quantity-selector--add { display: none; } .subscription-addons__cards__item__atc:not(.in-cart) .quantity-selector { display: none; } .subscription-addons__cards__item .button--hollow { padding: 13px 20px; min-width: unset; } .subscription-addons__cards .slick-list { padding-bottom: 5px !important; } .subscription-addons__cards .slick-arrow { position: absolute; top: 50%; text-indent: -9999px; height: 40px; width: 40px; background-color: #fff; border-radius: 50%; box-shadow: 0 1px 0 1px rgba(63, 58, 54, 0.04), 0 4px 12px 0 rgba(0, 0, 0, 0.02); background-image: url("//porterroad.com/cdn/shop/t/149/assets/chevron-left.svg?v=111047288943395495121747928926"); background-position: center; background-repeat: no-repeat; background-size: 10px; transform: translateY(-50%); transition: 0.3s ease all; z-index: 1; overflow: hidden; } .subscription-addons__cards .slick-arrow.slick-prev { left: 10px; transform: scaleX(-1) translateY(-50%); } .subscription-addons__cards .slick-arrow.slick-next { right: 10px; } .subscription-addons__cards .slick-arrow.slick-disabled { opacity: 0; } .subscription-review { margin-bottom: 60px; display: none; } .subscription-review.active { display: flex; } .subscription-review__image { // display: none; padding-top: 50%; flex-basis: 50%; } @media only screen and (min-width: 768px) { .subscription-review__image { display: block; } } .subscription-review__copy { padding: 20px; background-color: #fff; flex-basis: 100%; } @media only screen and (min-width: 768px) { .subscription-review__copy { padding: 65px; flex-basis: 50%; } } .subscription-review__header { width: calc(100% - 88px); } @media only screen and (max-width: 768px) { .subscription-review__header { padding-right: 10px; } } .subscription-review__thumbnail { // max-width: 88px; margin-bottom: 20px; } @media only screen and (min-width: 768px) { .subscription-review__thumbnail { display: none; } } .subscription-review__header, .subscription-review__thumbnail { // float: left; } .subscription-review__description { clear: both; margin: 0 0 20px; } @media only screen and (min-width: 768px) { .subscription-review__description { margin: 0 0 30px; } } .subscription-review__title { margin: 0 0 2px; font-size: 1.5rem; line-height: 1.2; } @media only screen and (min-width: 768px) { .subscription-review__title { margin: 0 0 4px; font-size: 1.75rem; } } .subscription-review__subtitle { font-family: Bau-Bold, Helvetica, Arial, sans-serif; margin: 0 0 16px; font-size: 0.5625rem; } @media only screen and (min-width: 768px) { .subscription-review__subtitle { font-size: 0.6875rem; } } .subscription-review__subtitle, .subscription-review__title { text-transform: uppercase; } .subscription-review__table { width: 100%; } .subscription-review__table th { text-align: left; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-weight: normal; } .subscription-review__table th span { font-family: Bau-Pro, Helvetica, Arial, sans-serif; } .subscription-review__table td { text-align: right; } .subscription-review__table td, .subscription-review__table th { padding: 3px 0; font-size: 0.8125rem; line-height: 1.4; } .subscription-review hr { margin: 14px 0; } @media only screen and (min-width: 768px) { .subscription-review hr { margin: 22px 0; } } .subscription-review__cta { margin-top: 12px; width: 100%; } .quantity-selector { display: flex; } .quantity-selector__text { display: flex; flex-grow: 1; flex-direction: column; align-items: center; justify-content: center; } .quantity-selector__text__quantity { font-size: 1.375rem; letter-spacing: 1.6px; } .quantity-selector__text__label { font-size: 0.5rem; } .quantity-selector__text__label, .quantity-selector__text__quantity { margin: 0; line-height: 1; flex-grow: 0; font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; } .quantity-selector__update { width: 48px; height: 48px; min-width: 0; padding: 0; text-indent: -9999px; background-position: center; background-repeat: no-repeat; background-size: 14px; } .quantity-selector__update--decrement { background-image: url("//porterroad.com/cdn/shop/t/149/assets/icon-minus.svg?v=51467279212368270151747928944"); } .quantity-selector__update--increment { background-image: url("//porterroad.com/cdn/shop/t/149/assets/icon-plus.svg?v=13634625792382991841747928944"); } .map-container { position: relative; margin-top: 120px; margin-bottom: 30px; margin-left: auto; margin-right: auto; max-width: 1100px; } @media only screen and (max-width: 1070px) { .map-container { margin-top: 36px; margin-bottom: 0; } } .map-grid { height: 800px; display: grid; grid-gap: 90px; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; } @media only screen and (max-width: 1070px) { .map-grid { height: auto; grid-gap: 40px; grid-template-columns: 1fr; } } .map-grid .map-grid__left { grid-column: 1; } @media only screen and (max-width: 1070px) { .map-grid .map-grid__left { grid-row: 2; } } .map-grid .map-grid__right { grid-column: 2; display: flex; flex-direction: column; } @media only screen and (max-width: 1070px) { .map-grid .map-grid__right { grid-column: 1; grid-row: 1; } } .map-grid .map-grid__header { flex: 3; position: relative; display: flex; align-items: flex-end; margin-bottom: 36px; } @media only screen and (max-width: 1070px) { .map-grid .map-grid__header { flex: 1; flex-direction: column; align-items: center; } } .map-grid .map-grid__info { flex: 2; display: flex; flex-direction: column; justify-content: space-between; } @media only screen and (max-width: 1070px) { .map-grid .map-grid__info { flex: 1; } } .map-heading { text-align: center !important; max-width: 200px; } @media only screen and (min-width: 1070px) { .map-heading { max-width: auto; position: absolute; top: 0; left: 0; text-align: left !important; text-indent: -132px; margin-left: 132px; } } .map-illustrations { z-index: 2; } @media only screen and (max-width: 1070px) { .map-illustrations { display: flex; justify-content: center; align-items: flex-end; } .map-illustrations > img { max-height: 250px; } } @media only screen and (max-width: 1070px) { .map-contact { margin-bottom: 36px; } .map-contact:last-child { margin-bottom: 0; } } .map-contact__heading { color: #000; font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; font-size: 21px; line-height: 25px; letter-spacing: 0.7px; margin-bottom: 8px; } .map-contact__text { color: #3f3a36; font-family: Bau-Pro, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin: 0; } @media only screen and (max-width: 1070px) { .map-contact { text-align: center; } } .map-location { width: 100%; height: 100%; } @media only screen and (max-width: 1070px) { .map-location { height: 420px; } } .map-location > picture { width: inherit; height: inherit; } .map-location > picture source, .map-location > picture > img { width: inherit; height: inherit; object-fit: cover; object-position: center; } .centered { text-align: center; } #jump-map { position: absolute; top: -50px; visibility: hidden; } @media only screen and (max-width: 1070px) { #jump-map { top: 0; } } .header .header__cta { padding: 0; } .header .header__cta:not(.hide-cta) { display: block !important; } @media only screen and (min-width: 480px) { .header .header__cta { padding: 0 12px; } } .header .header__cta-message { padding: 12px 0; } .header .header__cta--link { color: #000; margin-left: 10px; border-bottom: 1px solid #ff3600; padding-bottom: 6px; } .header .header__cta--link:hover { color: #4D4D4D; border-bottom: 1px solid #ff3600; padding-bottom: 6px; } .header .header__cta-scroller, .header .header__cta__close { display: none; } @media only screen and (min-width: 480px) { .header .header__cta-scroller, .header .header__cta__close { display: block; } } .header .header__cta-scroller--mobile { display: block; } @media only screen and (min-width: 480px) { .header .header__cta-scroller--mobile { display: none; } } @media only screen and (max-width: 992px) { body:not(.hide-cta) .header .header__nav .site-nav .site-nav__item { height: 56px; } } .template-404 #MainContent { background: #fef9f2; } .error_page--wrapper { display: flex; align-items: center; justify-content: center; min-height: 50vh; padding: 48px; } .error_page--card { width: 100%; max-width: 678px; background: #fff; padding: 50px 80px; margin: 0 auto; } .error_page--heading { font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; font-size: 42px; line-height: 1.17; margin-bottom: 24px; } .error_page--copy { font-size: 16px; color: rgba(63, 58, 54, 0.75); margin-bottom: 0; } .error_page--copy a { padding: 0 0 6px; } @media screen and (max-width: 600px) { .error_page--wrapper { padding: 32px 24px; min-height: 40vh; } .error_page--card { padding: 24px !important; min-width: 100%; } .error_page--heading { font-size: 32px; } } .cart--wrapper { width: 100%; display: flex; padding: 80px 24px; align-items: center; justify-content: center; margin: 0 auto; background: #fef9f2; } .cart--wrapper p { margin-bottom: 32px; } .cart--wrapper a { display: inline-block; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 2px; color: #3f3a36; text-transform: uppercase; border-bottom: 2px solid #ff3600; transition: 0.2s color ease-in-out; } .cart--wrapper a:hover { color: #ff3600; } .cart--heading { font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 36px; line-height: 1.17; margin-bottom: 32px; } .cart--card { width: 100%; max-width: 600px; background: #fff; text-align: center; padding: 40px; } .template-activate_account #MainContent, .template-login #MainContent, .template-register #MainContent, .template-reset_password #MainContent { background: #fef9f2; } .template-activate_account .account--wrapper, .template-login .account--wrapper, .template-register .account--wrapper, .template-reset_password .account--wrapper { display: flex; padding: 80px 24px; align-items: center; justify-content: center; } .template-activate_account .account--card, .template-login .account--card, .template-register .account--card, .template-reset_password .account--card { max-width: 600px; margin: 0 auto; } .template-activate_account .account--heading, .template-login .account--heading, .template-register .account--heading, .template-reset_password .account--heading { text-align: center; } .template-activate_account .account--copy, .template-login .account--copy, .template-register .account--copy, .template-reset_password .account--copy { text-align: center; } .template-activate_account .account--forgot_link, .template-login .account--forgot_link, .template-register .account--forgot_link, .template-reset_password .account--forgot_link { font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 2px; color: #3f3a36; text-transform: uppercase; transition: 0.2s color ease-in-out; } .template-activate_account .account--forgot_link:hover, .template-login .account--forgot_link:hover, .template-register .account--forgot_link:hover, .template-reset_password .account--forgot_link:hover { color: #ff3600; } .template-activate_account .account--login_register_suggestion, .template-login .account--login_register_suggestion, .template-register .account--login_register_suggestion, .template-reset_password .account--login_register_suggestion { text-align: center; color: rgba(63, 58, 54, 0.75); margin-top: 32px; } .template-activate_account .account--login_register_suggestion .account--text_link, .template-login .account--login_register_suggestion .account--text_link, .template-register .account--login_register_suggestion .account--text_link, .template-reset_password .account--login_register_suggestion .account--text_link { margin-left: 8px; } .template-activate_account .button, .template-login .button, .template-register .button, .template-reset_password .button { display: block; margin: 32px auto; padding: 14px; } .template-activate_account .account--form_group input[type="checkbox"] + label, .template-login .account--form_group input[type="checkbox"] + label, .template-register .account--form_group input[type="checkbox"] + label, .template-reset_password .account--form_group input[type="checkbox"] + label { white-space: normal; } .template-activate_account button.account--text_link, .template-login button.account--text_link, .template-register button.account--text_link, .template-reset_password button.account--text_link { display: block; text-align: center; padding: 0 0 4px 0; margin: 32px auto 0; } #challenge #MainContent, .template-account #MainContent, .template-addresses #MainContent, .template-order #MainContent, .template-orders #MainContent { background: #fef9f2; } #challenge .account--wrapper, .template-account .account--wrapper, .template-addresses .account--wrapper, .template-order .account--wrapper, .template-orders .account--wrapper { max-width: 1200px; align-items: flex-start; justify-content: space-between; } #challenge .account--card, .template-account .account--card, .template-addresses .account--card, .template-order .account--card, .template-orders .account--card { padding: 40px; } .account--wrapper { width: 100%; display: flex; padding: 80px 24px; align-items: center; justify-content: center; margin: 0 auto; } .account--card { width: 100%; max-width: 650px; padding: 50px 80px; background: #fff; } .account--card + .account--card { margin-top: 24px; } .account--card .errors { font-size: 16px; text-align: center; margin-bottom: 36px; color: rgba(255, 54, 0, 0.75); } .account--card .errors li + li { margin-top: 8px; } .account--button_card { display: flex; align-items: center; justify-content: center; flex-flow: column-reverse nowrap; width: 100%; margin-top: 32px; } .account--button_card .address-new-toggle { display: none; width: 100%; text-align: center; background: #fff; color: #ff3600; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; padding: 32px; transition: 0.2s color ease-in-out; } .account--button_card .address-new-toggle:hover { color: #ff3600; } .account--button_card .hide + .address-new-toggle { display: block; } .account--left { padding-right: 24px; min-width: 240px; } .account--left .account--copy, .account--left .account--heading { margin-left: 16px; } .account--left .account--heading { margin-bottom: 6px; } .account--left .account--copy { margin-top: 0; } .account--right { width: 80%; min-width: 400px; max-width: 650px; margin-left: 48px; } .account--right .account--heading { margin-bottom: 32px; } .account--nav_link { display: block; padding: 20px 14px 16px 20px; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 2px; color: #3f3a36; text-transform: uppercase; white-space: nowrap; margin-bottom: 8px; transition: 0.2s color ease-in-out; } .account--nav_link:hover { color: #ff3600; } .account--nav_link + .account--nav_link { margin-top: 8px; } .active .account--nav_link { background: #ff3600; color: #fff; } .active .account--nav_link:hover { color: #fff; } .account--form_group { display: block; margin-bottom: 20px; } .account--form_group.marketing { padding: 16px 0; } .account--form_group.multiple { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 0; } .account--form_group input, .account--form_group select { width: 100%; -webkit-appearance: none; appearance: none; font-size: 16px; font-family: Bau-Pro, Helvetica, Arial, sans-serif; letter-spacing: normal; text-overflow: ellipsis; padding: 8px 32px 8px 0; border: none; border-bottom: 1px solid rgba(63, 58, 54, 0.5); } .account--form_group input::placeholder, .account--form_group select::placeholder { color: rgba(63, 58, 54, 0.75); text-transform: capitalize; } .account--form_group input.input-error, .account--form_group select.input-error { background: #fff; border-color: #ff3600; } .account--form_group select { text-transform: capitalize; } .account--form_group input[type="checkbox"] { display: none; } .account--form_group input[type="checkbox"] + label { white-space: nowrap; color: rgba(63, 58, 54, 0.75); padding-left: 32px; } .account--form_group .account--form_group { width: 45%; } .account--address_controls { text-align: right; margin-left: 16px; } .account--form_success { font-size: 16px; color: rgba(63, 58, 54, 0.75); text-align: center; margin-bottom: 36px; } .account--heading { font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 36px; line-height: 1.17; margin-bottom: 8px; } .account--copy { font-size: 16px; color: rgba(63, 58, 54, 0.75); margin-bottom: 36px; } .account--text_link { padding: 0 0 6px; } .account--solo_link { text-align: center; } .shopify-challenge__container { width: 100%; max-width: 600px; padding: 50px 80px; } .shopify-challenge__container .shopify-challenge__button { background: #252525; color: #fff; border: 1px solid #252525; } .shopify-challenge__container .shopify-challenge__button:hover { background: #fff; color: #252525; border: 1px solid #252525; } .template-addresses .account--form_group:not(.checkbox) label { display: none; } .template-addresses .account--new_address { width: 100%; margin-bottom: 32px; } .template-addresses .account--edit_address.hide + .account--address_preview { display: block; } .template-addresses .account--address_header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; } .template-addresses .account--edit_address .make_default, .template-addresses .account--new_address .make_default { margin-bottom: 0; } .template-addresses .account--edit_address .make_default label, .template-addresses .account--new_address .make_default label { font-size: 10px; font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; padding-top: 4px; white-space: nowrap; } .template-addresses .account--edit_address .cancel_link, .template-addresses .account--edit_address .delete_link, .template-addresses .account--new_address .cancel_link, .template-addresses .account--new_address .delete_link { border: none; padding: 0; } .template-addresses .account--edit_address .delete_link, .template-addresses .account--new_address .delete_link { color: #ff3600; margin-right: 12px; } .template-addresses .account--edit_address .button, .template-addresses .account--new_address .button { width: 100%; margin-top: 32px; padding: 14px; } .template-addresses .account--address_preview { display: none; } .template-addresses .account--address_preview .edit_button { border: none; padding: 0; margin-left: 12px; } .template-addresses .account--address_preview p { color: rgba(63, 58, 54, 0.75); margin-bottom: 0; } .template-addresses .account--address_preview_header { display: flex; justify-content: space-between; font-size: 10px; font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; line-height: 1.5; } @media screen and (max-width: 1069px) { .account--nav_item.logout { display: none; } } @media screen and (max-width: 800px) { .account--wrapper { flex-flow: row wrap; } .account--left { margin: 0 auto; padding-right: 0; } .account--left .account--copy, .account--left .account--heading { margin-left: 0; } .account--right { width: 100%; min-width: 100%; margin-left: 0; } .account--right .account--card { max-width: 100%; } .account--nav { margin-bottom: 48px; } .account--nav_link { padding: 14px 16px; text-align: center; } .account--heading { text-align: center; } .account--copy { margin-bottom: 24px; text-align: center; } } @media screen and (max-width: 600px) { .account--card { padding: 24px !important; min-width: 100%; } .account--button_card { margin-top: 24px; } .account--wrapper { padding-top: 48px; } .account--form_group.multiple { flex-flow: row wrap; } .account--form_group .account--form_group { width: 100%; } } @media screen and (max-width: 500px) { .account--address_controls { width: 62px; } .account--address_controls .delete_link { margin-right: 0; } .account--address_controls .cancel_link { display: none; } } #ReCharge.user-customer { background-color: #fef9f2; } #ReCharge.user-customer .rc_layout__content { padding: 40px !important; background-color: #fff; } #ReCharge.user-customer .rc_layout__content select { padding: 20px 40px 20px 20px; } #ReCharge.user-customer .rc_layout__content input, #ReCharge.user-customer .rc_layout__content textarea { padding: 20px; border: 1px solid #e7e7e7; } #ReCharge.user-customer .rc_layout__content textarea { width: 100%; } #ReCharge.user-customer .rc_layout__content td { padding: 12px 0; font-size: 14px; vertical-align: top; } #ReCharge.user-customer .rc_layout__content td p:first-child { margin-top: 0; } @media only screen and (min-width: 992px) { #ReCharge.user-customer .rc_layout__content td { padding: 32px 0; } } #ReCharge.user-customer .rc_title-bar__title h2 { font-size: 2.125rem; font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif !important; text-transform: uppercase; } #ReCharge.user-customer .recharge .rc_product-item__list { display: flex; flex-flow: row wrap; } #ReCharge.user-customer .recharge .rc_product-item { width: 50%; float: none; margin-bottom: 32px; } @media only screen and (min-width: 992px) { #ReCharge.user-customer .recharge .rc_product-item { width: 33.3333333%; } } #ReCharge.user-customer .recharge .rc_product-item__image { margin-bottom: 25px; } #ReCharge.user-customer .recharge .rc_product-item__title { text-transform: uppercase; font-weight: 400; font-size: 0.625rem; line-height: 20px; color: #000; letter-spacing: 1.5px; margin: 0; padding: 0; text-align: center; } @media only screen and (min-width: 992px) { #ReCharge.user-customer .recharge .rc_product-item__title { font-size: 0.8125rem; } } #ReCharge.user-customer .recharge .rc_product-item__price { display: block; font-size: 0.625rem; margin: 0 0 9px 0; text-align: center; } @media only screen and (min-width: 992px) { #ReCharge.user-customer .recharge .rc_product-item__price { font-size: 0.8125rem; margin: 9px 0; } } #ReCharge.user-customer .rc_pagination .rc_pagination__page { font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 400; font-size: 0.625rem; line-height: 20px; color: #000; letter-spacing: 1.5px; } #MainContent #ReCharge.page__customers__billing .rc_customer__name, #MainContent #ReCharge.page__customers__billing__address .rc_customer__name, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_customer__name, #MainContent #ReCharge.user-customer .rc_customer__name { font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif !important; } #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item { margin-bottom: 32px; } @media only screen and (min-width: 992px) { #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item { margin-bottom: 0; } } #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__items th, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__items th, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__items th, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__items th { font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; font-size: 0.875rem; text-transform: uppercase; } @media only screen and (max-width: 768px) { #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__items thead, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__items thead, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__items thead, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__items thead { display: none; } #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__items tr, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__items tr, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__items tr, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__items tr { flex-wrap: wrap; } #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__items td, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__items tr, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__items td, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__items tr, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__items td, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__items tr, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__items td, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__items tr { display: flex; } #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__items td, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__items td, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__items td, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__items td { display: block; flex-basis: 50%; } #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__items td p, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__items td p, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__items td p, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__items td p { margin: 0; } #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__items td:nth-child(1), #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__items td:nth-child(1), #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__items td:nth-child(1), #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__items td:nth-child(1) { flex-basis: 75%; } #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__items td:nth-child(2), #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__items td:nth-child(2), #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__items td:nth-child(2), #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__items td:nth-child(2) { flex-basis: 25%; text-align: right; } #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__items td:last-child, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__items td:last-child, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__items td:last-child, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__items td:last-child { flex-basis: 100%; } } #MainContent #ReCharge.page__customers__billing .rc_layout__sidebar, #MainContent #ReCharge.page__customers__billing__address .rc_layout__sidebar, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout__sidebar, #MainContent #ReCharge.user-customer .rc_layout__sidebar { margin-top: 12px; margin-bottom: 32px; padding: 0; } #MainContent #ReCharge.page__customers__billing .rc_layout__sidebar h2, #MainContent #ReCharge.page__customers__billing .rc_layout__sidebar h3, #MainContent #ReCharge.page__customers__billing__address .rc_layout__sidebar h2, #MainContent #ReCharge.page__customers__billing__address .rc_layout__sidebar h3, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout__sidebar h2, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout__sidebar h3, #MainContent #ReCharge.user-customer .rc_layout__sidebar h2, #MainContent #ReCharge.user-customer .rc_layout__sidebar h3 { font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 24px; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc_layout__content, #MainContent #ReCharge.page__customers__billing .recharge .rc_layout__content, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_layout__content, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_layout__content, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_layout__content, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_layout__content, #MainContent #ReCharge.user-customer .rc_layout .rc_layout__content, #MainContent #ReCharge.user-customer .recharge .rc_layout__content { padding-top: 0; padding-bottom: 0; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc_layout__content h2, #MainContent #ReCharge.page__customers__billing .rc_layout .rc_layout__content h3, #MainContent #ReCharge.page__customers__billing .recharge .rc_layout__content h2, #MainContent #ReCharge.page__customers__billing .recharge .rc_layout__content h3, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_layout__content h2, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_layout__content h3, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_layout__content h2, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_layout__content h3, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_layout__content h2, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_layout__content h3, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_layout__content h2, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_layout__content h3, #MainContent #ReCharge.user-customer .rc_layout .rc_layout__content h2, #MainContent #ReCharge.user-customer .rc_layout .rc_layout__content h3, #MainContent #ReCharge.user-customer .recharge .rc_layout__content h2, #MainContent #ReCharge.user-customer .recharge .rc_layout__content h3 { font-family: Bau-Bold, Helvetica, Arial, sans-serif; margin-bottom: 24px; } #MainContent #ReCharge.page__customers__billing .rc_layout .table, #MainContent #ReCharge.page__customers__billing .recharge .table, #MainContent #ReCharge.page__customers__billing__address .rc_layout .table, #MainContent #ReCharge.page__customers__billing__address .recharge .table, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .table, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .table, #MainContent #ReCharge.user-customer .rc_layout .table, #MainContent #ReCharge.user-customer .recharge .table { border-collapse: collapse; } #MainContent #ReCharge.page__customers__billing .rc_layout .table th, #MainContent #ReCharge.page__customers__billing .recharge .table th, #MainContent #ReCharge.page__customers__billing__address .rc_layout .table th, #MainContent #ReCharge.page__customers__billing__address .recharge .table th, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .table th, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .table th, #MainContent #ReCharge.user-customer .rc_layout .table th, #MainContent #ReCharge.user-customer .recharge .table th { font-family: Bau-Bold, Helvetica, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 0.5rem; color: #3f3a36; font-weight: 400; margin-bottom: 8px; line-height: 1.25; padding: 12px 0; border-bottom: 1px solid #ebe9e5; } #MainContent #ReCharge.page__customers__billing .rc_layout .table th strong, #MainContent #ReCharge.page__customers__billing .recharge .table th strong, #MainContent #ReCharge.page__customers__billing__address .rc_layout .table th strong, #MainContent #ReCharge.page__customers__billing__address .recharge .table th strong, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .table th strong, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .table th strong, #MainContent #ReCharge.user-customer .rc_layout .table th strong, #MainContent #ReCharge.user-customer .recharge .table th strong { font-weight: 400; } #MainContent #ReCharge.page__customers__billing .rc_layout .table th:last-child, #MainContent #ReCharge.page__customers__billing .recharge .table th:last-child, #MainContent #ReCharge.page__customers__billing__address .rc_layout .table th:last-child, #MainContent #ReCharge.page__customers__billing__address .recharge .table th:last-child, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .table th:last-child, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .table th:last-child, #MainContent #ReCharge.user-customer .rc_layout .table th:last-child, #MainContent #ReCharge.user-customer .recharge .table th:last-child { text-align: right; } #MainContent #ReCharge.page__customers__billing .rc_layout .table th.th-product, #MainContent #ReCharge.page__customers__billing .recharge .table th.th-product, #MainContent #ReCharge.page__customers__billing__address .rc_layout .table th.th-product, #MainContent #ReCharge.page__customers__billing__address .recharge .table th.th-product, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .table th.th-product, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .table th.th-product, #MainContent #ReCharge.user-customer .rc_layout .table th.th-product, #MainContent #ReCharge.user-customer .recharge .table th.th-product { width: 30%; } #MainContent #ReCharge.page__customers__billing .rc_layout .table td.re__subscriptions__subscription__item__actions, #MainContent #ReCharge.page__customers__billing .recharge .table td.re__subscriptions__subscription__item__actions, #MainContent #ReCharge.page__customers__billing__address .rc_layout .table td.re__subscriptions__subscription__item__actions, #MainContent #ReCharge.page__customers__billing__address .recharge .table td.re__subscriptions__subscription__item__actions, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .table td.re__subscriptions__subscription__item__actions, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .table td.re__subscriptions__subscription__item__actions, #MainContent #ReCharge.user-customer .rc_layout .table td.re__subscriptions__subscription__item__actions, #MainContent #ReCharge.user-customer .recharge .table td.re__subscriptions__subscription__item__actions { white-space: nowrap; } #MainContent #ReCharge.page__customers__billing .rc_layout [class^="flex__sm"], #MainContent #ReCharge.page__customers__billing .recharge [class^="flex__sm"], #MainContent #ReCharge.page__customers__billing__address .rc_layout [class^="flex__sm"], #MainContent #ReCharge.page__customers__billing__address .recharge [class^="flex__sm"], #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout [class^="flex__sm"], #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge [class^="flex__sm"], #MainContent #ReCharge.user-customer .rc_layout [class^="flex__sm"], #MainContent #ReCharge.user-customer .recharge [class^="flex__sm"] { padding: 0; } #MainContent #ReCharge.page__customers__billing .rc_layout [class^="flex__sm"] + [class^="flex__sm"], #MainContent #ReCharge.page__customers__billing .recharge [class^="flex__sm"] + [class^="flex__sm"], #MainContent #ReCharge.page__customers__billing__address .rc_layout [class^="flex__sm"] + [class^="flex__sm"], #MainContent #ReCharge.page__customers__billing__address .recharge [class^="flex__sm"] + [class^="flex__sm"], #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout [class^="flex__sm"] + [class^="flex__sm"], #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge [class^="flex__sm"] + [class^="flex__sm"], #MainContent #ReCharge.user-customer .rc_layout [class^="flex__sm"] + [class^="flex__sm"], #MainContent #ReCharge.user-customer .recharge [class^="flex__sm"] + [class^="flex__sm"] { padding-left: 20px; } #MainContent #ReCharge.page__customers__billing .rc_layout fieldset, #MainContent #ReCharge.page__customers__billing .recharge fieldset, #MainContent #ReCharge.page__customers__billing__address .rc_layout fieldset, #MainContent #ReCharge.page__customers__billing__address .recharge fieldset, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout fieldset, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge fieldset, #MainContent #ReCharge.user-customer .rc_layout fieldset, #MainContent #ReCharge.user-customer .recharge fieldset { border: none; padding: 0; margin-bottom: 48px; } #MainContent #ReCharge.page__customers__billing .rc_layout fieldset legend h4, #MainContent #ReCharge.page__customers__billing .recharge fieldset legend h4, #MainContent #ReCharge.page__customers__billing__address .rc_layout fieldset legend h4, #MainContent #ReCharge.page__customers__billing__address .recharge fieldset legend h4, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout fieldset legend h4, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge fieldset legend h4, #MainContent #ReCharge.user-customer .rc_layout fieldset legend h4, #MainContent #ReCharge.user-customer .recharge fieldset legend h4 { font-size: 2.125rem; font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif !important; text-transform: uppercase; margin-bottom: 24px; } #MainContent #ReCharge.page__customers__billing .rc_layout .form__group, #MainContent #ReCharge.page__customers__billing .recharge .form__group, #MainContent #ReCharge.page__customers__billing__address .rc_layout .form__group, #MainContent #ReCharge.page__customers__billing__address .recharge .form__group, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .form__group, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .form__group, #MainContent #ReCharge.user-customer .rc_layout .form__group, #MainContent #ReCharge.user-customer .recharge .form__group { margin-bottom: 18px; } #MainContent #ReCharge.page__customers__billing .rc_layout .header-settings__actions, #MainContent #ReCharge.page__customers__billing .recharge .header-settings__actions, #MainContent #ReCharge.page__customers__billing__address .rc_layout .header-settings__actions, #MainContent #ReCharge.page__customers__billing__address .recharge .header-settings__actions, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .header-settings__actions, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .header-settings__actions, #MainContent #ReCharge.user-customer .rc_layout .header-settings__actions, #MainContent #ReCharge.user-customer .recharge .header-settings__actions { margin-bottom: 24px; font-family: Bau-Bold, Helvetica, Arial, sans-serif; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc__schedule__orders__order__date, #MainContent #ReCharge.page__customers__billing .recharge .rc__schedule__orders__order__date, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc__schedule__orders__order__date, #MainContent #ReCharge.page__customers__billing__address .recharge .rc__schedule__orders__order__date, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc__schedule__orders__order__date, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc__schedule__orders__order__date, #MainContent #ReCharge.user-customer .rc_layout .rc__schedule__orders__order__date, #MainContent #ReCharge.user-customer .recharge .rc__schedule__orders__order__date { font-family: CentralAvenue-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e7e7e7; font-size: 0.875rem; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc__schedule__orders__order__date strong, #MainContent #ReCharge.page__customers__billing .recharge .rc__schedule__orders__order__date strong, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc__schedule__orders__order__date strong, #MainContent #ReCharge.page__customers__billing__address .recharge .rc__schedule__orders__order__date strong, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc__schedule__orders__order__date strong, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc__schedule__orders__order__date strong, #MainContent #ReCharge.user-customer .rc_layout .rc__schedule__orders__order__date strong, #MainContent #ReCharge.user-customer .recharge .rc__schedule__orders__order__date strong { font-weight: 400; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc_schedule__order__address, #MainContent #ReCharge.page__customers__billing .recharge .rc_schedule__order__address, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_schedule__order__address, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_schedule__order__address, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_schedule__order__address, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_schedule__order__address, #MainContent #ReCharge.user-customer .rc_layout .rc_schedule__order__address, #MainContent #ReCharge.user-customer .recharge .rc_schedule__order__address { padding: 12px 0; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc_schedule__order + .rc_schedule__order, #MainContent #ReCharge.page__customers__billing .recharge .rc_schedule__order + .rc_schedule__order, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_schedule__order + .rc_schedule__order, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_schedule__order + .rc_schedule__order, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_schedule__order + .rc_schedule__order, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_schedule__order + .rc_schedule__order, #MainContent #ReCharge.user-customer .rc_layout .rc_schedule__order + .rc_schedule__order, #MainContent #ReCharge.user-customer .recharge .rc_schedule__order + .rc_schedule__order { margin-top: 16px; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc_schedule__order__items thead, #MainContent #ReCharge.page__customers__billing .recharge .rc_schedule__order__items thead, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_schedule__order__items thead, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_schedule__order__items thead, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_schedule__order__items thead, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_schedule__order__items thead, #MainContent #ReCharge.user-customer .rc_layout .rc_schedule__order__items thead, #MainContent #ReCharge.user-customer .recharge .rc_schedule__order__items thead { padding-bottom: 10px; } @media only screen and (max-width: 768px) { #MainContent #ReCharge.page__customers__billing .rc_layout .rc_schedule__order__items thead, #MainContent #ReCharge.page__customers__billing .recharge .rc_schedule__order__items thead, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_schedule__order__items thead, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_schedule__order__items thead, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_schedule__order__items thead, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_schedule__order__items thead, #MainContent #ReCharge.user-customer .rc_layout .rc_schedule__order__items thead, #MainContent #ReCharge.user-customer .recharge .rc_schedule__order__items thead { display: none; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc_schedule__order__items tr, #MainContent #ReCharge.page__customers__billing .recharge .rc_schedule__order__items tr, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_schedule__order__items tr, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_schedule__order__items tr, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_schedule__order__items tr, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_schedule__order__items tr, #MainContent #ReCharge.user-customer .rc_layout .rc_schedule__order__items tr, #MainContent #ReCharge.user-customer .recharge .rc_schedule__order__items tr { flex-wrap: wrap; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__billing .rc_layout .rc_schedule__order__items tr, #MainContent #ReCharge.page__customers__billing .recharge .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__billing .recharge .rc_schedule__order__items tr, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_schedule__order__items tr, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_schedule__order__items tr, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_schedule__order__items tr, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_schedule__order__items tr, #MainContent #ReCharge.user-customer .rc_layout .rc_schedule__order__items td, #MainContent #ReCharge.user-customer .rc_layout .rc_schedule__order__items tr, #MainContent #ReCharge.user-customer .recharge .rc_schedule__order__items td, #MainContent #ReCharge.user-customer .recharge .rc_schedule__order__items tr { display: flex; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__billing .recharge .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__billing__address .recharge .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_schedule__order__items td, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_schedule__order__items td, #MainContent #ReCharge.user-customer .rc_layout .rc_schedule__order__items td, #MainContent #ReCharge.user-customer .recharge .rc_schedule__order__items td { display: block; flex-basis: 50%; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc_schedule__order__items td:nth-child(1), #MainContent #ReCharge.page__customers__billing .recharge .rc_schedule__order__items td:nth-child(1), #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_schedule__order__items td:nth-child(1), #MainContent #ReCharge.page__customers__billing__address .recharge .rc_schedule__order__items td:nth-child(1), #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_schedule__order__items td:nth-child(1), #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_schedule__order__items td:nth-child(1), #MainContent #ReCharge.user-customer .rc_layout .rc_schedule__order__items td:nth-child(1), #MainContent #ReCharge.user-customer .recharge .rc_schedule__order__items td:nth-child(1) { flex-basis: 75%; } #MainContent #ReCharge.page__customers__billing .rc_layout .rc_schedule__order__items td:nth-child(2), #MainContent #ReCharge.page__customers__billing .recharge .rc_schedule__order__items td:nth-child(2), #MainContent #ReCharge.page__customers__billing__address .rc_layout .rc_schedule__order__items td:nth-child(2), #MainContent #ReCharge.page__customers__billing__address .recharge .rc_schedule__order__items td:nth-child(2), #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_schedule__order__items td:nth-child(2), #MainContent #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_schedule__order__items td:nth-child(2), #MainContent #ReCharge.user-customer .rc_layout .rc_schedule__order__items td:nth-child(2), #MainContent #ReCharge.user-customer .recharge .rc_schedule__order__items td:nth-child(2) { flex-basis: 25%; text-align: right; } } #MainContent #ReCharge.page__customers__billing .action__reactivatePurchaseItem, #MainContent #ReCharge.page__customers__billing .edit_address_link, #MainContent #ReCharge.page__customers__billing .rc_button, #MainContent #ReCharge.page__customers__billing .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.page__customers__billing .rc_schedule__order__item__edit a, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.page__customers__billing .toggle-delivery, #MainContent #ReCharge.page__customers__billing__address .action__reactivatePurchaseItem, #MainContent #ReCharge.page__customers__billing__address .edit_address_link, #MainContent #ReCharge.page__customers__billing__address .rc_button, #MainContent #ReCharge.page__customers__billing__address .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.page__customers__billing__address .rc_schedule__order__item__edit a, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.page__customers__billing__address .toggle-delivery, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .action__reactivatePurchaseItem, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .edit_address_link, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_schedule__order__item__edit a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .toggle-delivery, #MainContent #ReCharge.user-customer .action__reactivatePurchaseItem, #MainContent #ReCharge.user-customer .edit_address_link, #MainContent #ReCharge.user-customer .rc_button, #MainContent #ReCharge.user-customer .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.user-customer .rc_schedule__order__item__edit a, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.user-customer .toggle-delivery { border-bottom: none; padding-top: 6px; padding-bottom: 6px; } @media only screen and (min-width: 768px) { #MainContent #ReCharge.page__customers__billing .action__reactivatePurchaseItem, #MainContent #ReCharge.page__customers__billing .edit_address_link, #MainContent #ReCharge.page__customers__billing .rc_button, #MainContent #ReCharge.page__customers__billing .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.page__customers__billing .rc_schedule__order__item__edit a, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.page__customers__billing .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.page__customers__billing .toggle-delivery, #MainContent #ReCharge.page__customers__billing__address .action__reactivatePurchaseItem, #MainContent #ReCharge.page__customers__billing__address .edit_address_link, #MainContent #ReCharge.page__customers__billing__address .rc_button, #MainContent #ReCharge.page__customers__billing__address .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.page__customers__billing__address .rc_schedule__order__item__edit a, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.page__customers__billing__address .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.page__customers__billing__address .toggle-delivery, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .action__reactivatePurchaseItem, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .edit_address_link, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_schedule__order__item__edit a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .toggle-delivery, #MainContent #ReCharge.user-customer .action__reactivatePurchaseItem, #MainContent #ReCharge.user-customer .edit_address_link, #MainContent #ReCharge.user-customer .rc_button, #MainContent #ReCharge.user-customer .rc_button--primary.rc_button--fa-plus-circle, #MainContent #ReCharge.user-customer .rc_schedule__order__item__edit a, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item__cancel a, #MainContent #ReCharge.user-customer .rc_subscriptions__subscription__item__edit a, #MainContent #ReCharge.user-customer .toggle-delivery { padding-top: 0; padding-bottom: 12px; } } #MainContent #ReCharge.page__customers__billing .rc_button--primary.rc_button--fa-plus-circle:before, #MainContent #ReCharge.page__customers__billing__address .rc_button--primary.rc_button--fa-plus-circle:before, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_button--primary.rc_button--fa-plus-circle:before, #MainContent #ReCharge.user-customer .rc_button--primary.rc_button--fa-plus-circle:before { margin-right: 6px; } #MainContent #ReCharge.page__customers__billing #trigger_search, #MainContent #ReCharge.page__customers__billing__address #trigger_search, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #trigger_search, #MainContent #ReCharge.user-customer #trigger_search { display: inline-block !important; } #MainContent #ReCharge.page__customers__billing #product_search_reset, #MainContent #ReCharge.page__customers__billing__address #product_search_reset, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #product_search_reset, #MainContent #ReCharge.user-customer #product_search_reset { display: inline-block; min-width: 50px; max-width: 100px; vertical-align: bottom; padding: 10px; margin-left: 16px; } #MainContent #ReCharge.page__customers__billing .flex__container[flex-max="lg"], #MainContent #ReCharge.page__customers__billing .rc_layout__container[flex-max="lg"], #MainContent #ReCharge.page__customers__billing__address .flex__container[flex-max="lg"], #MainContent #ReCharge.page__customers__billing__address .rc_layout__container[flex-max="lg"], #MainContent #ReCharge.page__customers__subscriptions__shipping-address .flex__container[flex-max="lg"], #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout__container[flex-max="lg"], #MainContent #ReCharge.user-customer .flex__container[flex-max="lg"], #MainContent #ReCharge.user-customer .rc_layout__container[flex-max="lg"] { max-width: 1160px !important; } #MainContent #ReCharge.page__customers__billing .layout__container, #MainContent #ReCharge.page__customers__billing .rc_layout__container, #MainContent #ReCharge.page__customers__billing__address .layout__container, #MainContent #ReCharge.page__customers__billing__address .rc_layout__container, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .layout__container, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout__container, #MainContent #ReCharge.user-customer .layout__container, #MainContent #ReCharge.user-customer .rc_layout__container { padding: 64px 24px; } #MainContent #ReCharge.page__customers__billing .layout__container .flex__layout, #MainContent #ReCharge.page__customers__billing .layout__container .rc_layout, #MainContent #ReCharge.page__customers__billing .rc_layout__container .flex__layout, #MainContent #ReCharge.page__customers__billing .rc_layout__container .rc_layout, #MainContent #ReCharge.page__customers__billing__address .layout__container .flex__layout, #MainContent #ReCharge.page__customers__billing__address .layout__container .rc_layout, #MainContent #ReCharge.page__customers__billing__address .rc_layout__container .flex__layout, #MainContent #ReCharge.page__customers__billing__address .rc_layout__container .rc_layout, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .layout__container .flex__layout, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .layout__container .rc_layout, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout__container .flex__layout, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_layout__container .rc_layout, #MainContent #ReCharge.user-customer .layout__container .flex__layout, #MainContent #ReCharge.user-customer .layout__container .rc_layout, #MainContent #ReCharge.user-customer .rc_layout__container .flex__layout, #MainContent #ReCharge.user-customer .rc_layout__container .rc_layout { margin: 0; } #MainContent #ReCharge.page__customers__billing .rc_title-bar__description, #MainContent #ReCharge.page__customers__billing__address .rc_title-bar__description, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_title-bar__description, #MainContent #ReCharge.user-customer .rc_title-bar__description { margin-bottom: 24px; } #MainContent #ReCharge.page__customers__billing .rc_title-bar__description p, #MainContent #ReCharge.page__customers__billing__address .rc_title-bar__description p, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_title-bar__description p, #MainContent #ReCharge.user-customer .rc_title-bar__description p { line-height: 1.8; } #MainContent #ReCharge.page__customers__billing #ReCharge-Nav, #MainContent #ReCharge.page__customers__billing #recharge_sidebar, #MainContent #ReCharge.page__customers__billing__address #ReCharge-Nav, #MainContent #ReCharge.page__customers__billing__address #recharge_sidebar, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReCharge-Nav, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #recharge_sidebar, #MainContent #ReCharge.user-customer #ReCharge-Nav, #MainContent #ReCharge.user-customer #recharge_sidebar { padding: 0; } #MainContent #ReCharge.page__customers__billing #ReCharge-Nav li, #MainContent #ReCharge.page__customers__billing #recharge_sidebar li, #MainContent #ReCharge.page__customers__billing__address #ReCharge-Nav li, #MainContent #ReCharge.page__customers__billing__address #recharge_sidebar li, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReCharge-Nav li, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #recharge_sidebar li, #MainContent #ReCharge.user-customer #ReCharge-Nav li, #MainContent #ReCharge.user-customer #recharge_sidebar li { list-style: none; margin-bottom: 6px; margin-left: -20px; margin-right: 36px; border-radius: 0; transition: 0.24s background ease; transition-property: color, background; } #MainContent #ReCharge.page__customers__billing #ReCharge-Nav li:hover, #MainContent #ReCharge.page__customers__billing #ReCharge-Nav li:hover a, #MainContent #ReCharge.page__customers__billing #recharge_sidebar li:hover, #MainContent #ReCharge.page__customers__billing #recharge_sidebar li:hover a, #MainContent #ReCharge.page__customers__billing__address #ReCharge-Nav li:hover, #MainContent #ReCharge.page__customers__billing__address #ReCharge-Nav li:hover a, #MainContent #ReCharge.page__customers__billing__address #recharge_sidebar li:hover, #MainContent #ReCharge.page__customers__billing__address #recharge_sidebar li:hover a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReCharge-Nav li:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReCharge-Nav li:hover a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #recharge_sidebar li:hover, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #recharge_sidebar li:hover a, #MainContent #ReCharge.user-customer #ReCharge-Nav li:hover, #MainContent #ReCharge.user-customer #ReCharge-Nav li:hover a, #MainContent #ReCharge.user-customer #recharge_sidebar li:hover, #MainContent #ReCharge.user-customer #recharge_sidebar li:hover a { color: #ff3600; } #MainContent #ReCharge.page__customers__billing #ReCharge-Nav li a.active, #MainContent #ReCharge.page__customers__billing #ReCharge-Nav li.active a, #MainContent #ReCharge.page__customers__billing #recharge_sidebar li a.active, #MainContent #ReCharge.page__customers__billing #recharge_sidebar li.active a, #MainContent #ReCharge.page__customers__billing__address #ReCharge-Nav li a.active, #MainContent #ReCharge.page__customers__billing__address #ReCharge-Nav li.active a, #MainContent #ReCharge.page__customers__billing__address #recharge_sidebar li a.active, #MainContent #ReCharge.page__customers__billing__address #recharge_sidebar li.active a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReCharge-Nav li a.active, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReCharge-Nav li.active a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #recharge_sidebar li a.active, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #recharge_sidebar li.active a, #MainContent #ReCharge.user-customer #ReCharge-Nav li a.active, #MainContent #ReCharge.user-customer #ReCharge-Nav li.active a, #MainContent #ReCharge.user-customer #recharge_sidebar li a.active, #MainContent #ReCharge.user-customer #recharge_sidebar li.active a { background: #ff3600; color: #fff; } #MainContent #ReCharge.page__customers__billing #ReCharge-Nav a, #MainContent #ReCharge.page__customers__billing #recharge_sidebar a, #MainContent #ReCharge.page__customers__billing__address #ReCharge-Nav a, #MainContent #ReCharge.page__customers__billing__address #recharge_sidebar a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #ReCharge-Nav a, #MainContent #ReCharge.page__customers__subscriptions__shipping-address #recharge_sidebar a, #MainContent #ReCharge.user-customer #ReCharge-Nav a, #MainContent #ReCharge.user-customer #recharge_sidebar a { width: 100%; display: block; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #000; font-weight: 400; border-radius: 0; padding: 20px 14px 16px 20px; transition: 0.24s background ease; } #MainContent #ReCharge.page__customers__billing .purchase-address, #MainContent #ReCharge.page__customers__billing__address .purchase-address, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .purchase-address, #MainContent #ReCharge.user-customer .purchase-address { margin-bottom: 24px; } #MainContent #ReCharge.page__customers__billing .rc_product-item__price, #MainContent #ReCharge.page__customers__billing .rc_product-item__title, #MainContent #ReCharge.page__customers__billing__address .rc_product-item__price, #MainContent #ReCharge.page__customers__billing__address .rc_product-item__title, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_product-item__price, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_product-item__title, #MainContent #ReCharge.user-customer .rc_product-item__price, #MainContent #ReCharge.user-customer .rc_product-item__title { font-size: 13px; letter-spacing: 3px; text-transform: uppercase; font-family: Bau-Bold, Helvetica, Arial, sans-serif; color: #000; } #MainContent #ReCharge.page__customers__billing .rc_product-item__title, #MainContent #ReCharge.page__customers__billing__address .rc_product-item__title, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_product-item__title, #MainContent #ReCharge.user-customer .rc_product-item__title { margin-bottom: 8px; } #MainContent #ReCharge.page__customers__billing .rc_product-item__price, #MainContent #ReCharge.page__customers__billing__address .rc_product-item__price, #MainContent #ReCharge.page__customers__subscriptions__shipping-address .rc_product-item__price, #MainContent #ReCharge.user-customer .rc_product-item__price { color: #ff3600; } #MainContent #ReCharge .edit_address_link { margin-left: 12px; } #MainContent #ReCharge .btn-primary, #MainContent #ReCharge .form__actions .button--primary, #MainContent #ReCharge .rc_button--primary { max-width: 255px; margin-top: 12px; } #MainContent #ReCharge .re__subscriptions__subscriptions hr { display: none; } #MainContent #ReCharge .re__subscriptions__subscription { margin-bottom: 24px; } #MainContent #ReCharge .input-group { display: flex; align-items: center; } #MainContent #ReCharge .input-group-addon { margin-right: 18px; margin-top: 12px; } #MainContent #ReCharge .input-group-btn .btn-default { display: inline-block; margin-left: 8px; padding: 14px 8px; } #MainContent #ReCharge input.form-control { padding: 13px 8px; margin-right: 30px; max-width: 530px; width: auto; margin-top: 12px; } #MainContent #ReCharge .rc_button { margin-bottom: 12px; } #MainContent #ReCharge .re__history__item__order { color: #ff3600; } #MainContent #ReCharge table tfoot td:first-child { font-weight: 600; } #MainContent #ReCharge table .rc_text--base { padding: 0 0 20px; } #MainContent #ReCharge .btn-back { display: none; } #MainContent #ReCharge .form .rc_layout__sm__6 { padding-left: 0; } #MainContent #ReCharge .form .rc_layout__sm__6 + .rc_layout__sm__6 { padding-left: 6px; } @media screen and (max-width: 767px) { #MainContent #ReCharge .form .rc_layout__sm__6 { padding: 0 !important; } } #MainContent #ReCharge .form label[for] { display: block; margin-bottom: 0; font-family: Bau-Bold, Helvetica, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 0.5rem; color: #3f3a36; font-weight: 400; margin-bottom: 8px; line-height: 1.25; } #MainContent #ReCharge .form input.form-control, #MainContent #ReCharge .form select { width: 100%; max-width: 460px; margin: 0; margin-bottom: 16px; } #MainContent #ReCharge .form input[type="checkbox"] { margin-bottom: 24px; } #MainContent #ReCharge .form input[type="checkbox"] + label { display: inline-block; } #MainContent #ReCharge .page__customers__billing td strong { font-weight: 400; font-weight: 400; font-family: Bau-Bold, Helvetica, Arial, sans-serif; } @media only screen and (max-width: 800px) { .main #ReCharge.page__customers__billing .rc_layout .rc_layout__content h2, .main #ReCharge.page__customers__billing .rc_layout .rc_layout__content h3, .main #ReCharge.page__customers__billing .recharge .rc_layout__content h2, .main #ReCharge.page__customers__billing .recharge .rc_layout__content h3, .main #ReCharge.page__customers__billing__address .rc_layout .rc_layout__content h2, .main #ReCharge.page__customers__billing__address .rc_layout .rc_layout__content h3, .main #ReCharge.page__customers__billing__address .recharge .rc_layout__content h2, .main #ReCharge.page__customers__billing__address .recharge .rc_layout__content h3, .main #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_layout__content h2, .main #ReCharge.page__customers__subscriptions__shipping-address .rc_layout .rc_layout__content h3, .main #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_layout__content h2, .main #ReCharge.page__customers__subscriptions__shipping-address .recharge .rc_layout__content h3, .main #ReCharge.user-customer .rc_layout .rc_layout__content h2, .main #ReCharge.user-customer .rc_layout .rc_layout__content h3, .main #ReCharge.user-customer .recharge .rc_layout__content h2, .main #ReCharge.user-customer .recharge .rc_layout__content h3 { text-transform: capitalize; } } @media only screen and (min-width: 767px) { .main #ReCharge.page__customers__billing .rc_table[table-responsive="true"] tbody td:first-child { width: 40% !important; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .main #ReCharge.page__customers__billing #rc_mobile_navigation, .main #ReCharge.page__customers__billing__address #rc_mobile_navigation, .main #ReCharge.page__customers__subscriptions__shipping-address #rc_mobile_navigation, .main #ReCharge.user-customer #rc_mobile_navigation { width: 100%; height: 30px; } .main #ReCharge.page__customers__billing .rc_layout__content, .main #ReCharge.page__customers__billing__address .rc_layout__content, .main #ReCharge.page__customers__subscriptions__shipping-address .rc_layout__content, .main #ReCharge.user-customer .rc_layout__content { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 760px) { #ReCharge-Mobile-Nav, #rc_mobile_navigation { display: block !important; } } @media screen and (max-width: 640px) { .main #ReCharge input.form-control { width: 75%; margin-right: 0; } .main #ReCharge #product-search { flex-flow: row wrap; } .main #ReCharge #product-search .input-group-btn { margin: 8px auto; width: 50%; } } @media screen and (max-width: 575px) { .main #ReCharge.page__customers__billing .rc_layout [class^="flex__sm"] + [class^="flex__sm"], .main #ReCharge.page__customers__billing .recharge [class^="flex__sm"] + [class^="flex__sm"], .main #ReCharge.page__customers__billing__address .rc_layout [class^="flex__sm"] + [class^="flex__sm"], .main #ReCharge.page__customers__billing__address .recharge [class^="flex__sm"] + [class^="flex__sm"], .main #ReCharge.page__customers__subscriptions__shipping-address .rc_layout [class^="flex__sm"] + [class^="flex__sm"], .main #ReCharge.page__customers__subscriptions__shipping-address .recharge [class^="flex__sm"] + [class^="flex__sm"], .main #ReCharge.user-customer .rc_layout [class^="flex__sm"] + [class^="flex__sm"], .main #ReCharge.user-customer .recharge [class^="flex__sm"] + [class^="flex__sm"] { padding-left: 0; } .main #ReCharge.page__customers__billing .rc_layout select, .main #ReCharge.page__customers__billing .recharge select, .main #ReCharge.page__customers__billing__address .rc_layout select, .main #ReCharge.page__customers__billing__address .recharge select, .main #ReCharge.page__customers__subscriptions__shipping-address .rc_layout select, .main #ReCharge.page__customers__subscriptions__shipping-address .recharge select, .main #ReCharge.user-customer .rc_layout select, .main #ReCharge.user-customer .recharge select { width: 100%; } .main #ReCharge.page__customers__billing .rc_layout__content, .main #ReCharge.page__customers__billing__address .rc_layout__content, .main #ReCharge.page__customers__subscriptions__shipping-address .rc_layout__content, .main #ReCharge.user-customer .rc_layout__content { padding-left: 0; padding-right: 0; } } .order-data { text-align: left; } .order-data .order_header { display: flex; flex-flow: row wrap; margin-bottom: 17px; border-bottom: 1px solid #ebe9e5; } .order-data .order_header--heading { width: 100%; font-size: 20px; margin-bottom: 37px; } .order-data .order_header--billing, .order-data .order_header--shipping { display: flex; justify-content: space-between; font-size: 16px; color: #666; width: 100%; } .order-data .order_header--billing h6, .order-data .order_header--shipping h6 { font-family: Bau-Bold, Helvetica, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 10px; color: #3f3a36; font-weight: 400; margin-bottom: 8px; line-height: 1.25; } .order-data .order_header--billing p, .order-data .order_header--shipping p { font-size: 16px; line-height: 1.63; margin-top: 0; margin-bottom: 32px; color: rgba(63, 58, 54, 0.75); } .order-data .order_header--billing a, .order-data .order_header--shipping a { white-space: nowrap; } .order-data .order_header .billing--address, .order-data .order_header .billing--method, .order-data .order_header .shipping--address, .order-data .order_header .shipping--method { width: 45%; } .order-data__items-list { width: 100%; } .order-data .cart__item { border: none; } .order-data__invoice { margin-top: 17px; padding: 24px 0 0; width: 100%; font-size: 14px; text-transform: uppercase; display: flex; flex-flow: row wrap; align-items: flex-end; justify-content: flex-end; } .order-data__invoice .invoice-data { width: 60%; max-width: 250px; } .order-data__invoice .invoice-data > div { display: flex; font-weight: 400; font-size: 10px; margin-bottom: 12px; letter-spacing: 2px; font-family: Bau-Bold, Helvetica, Arial, sans-serif; } .order-data__invoice .invoice-data span { font-family: Bau-Pro, Helvetica, Arial, sans-serif; color: rgba(63, 58, 54, 0.75); font-weight: 400; font-size: 16px; letter-spacing: normal; margin-left: auto; } .order__item { padding: 20px 0; border-bottom: 1px solid #ebe9e5; transition: border 0.34s ease; display: flex; position: relative; } .order__item--image { width: 78px; position: relative; margin-right: 20px; flex-shrink: 0; } .order__item--image img { width: 100%; height: auto; } .order__item--qty { color: #fff; background: #ff3600; border-radius: 25px; position: absolute; z-index: 2; top: -8px; right: -8px; padding: 6px 5px; font-weight: 400; font-size: 10px; width: 23px; font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-align: center; } .order__item--copy { margin-right: auto; } .order__item--info { display: flex; align-items: center; width: 100%; } .order__item--name { margin-bottom: 8px; font-family: Bau-Bold, Helvetica, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 10px; color: #3f3a36; line-height: 1.63; } .order__item--sub { font-weight: 400; font-size: 16px; color: rgba(63, 58, 54, 0.75); } .order__item--reorder { margin: 0 16px; } .order__item--price { min-width: 36px; align-self: center; text-align: right; font-weight: 400; font-size: 16px; color: rgba(63, 58, 54, 0.75); margin-left: 16px; } .account--orders_table { width: 100%; border-collapse: collapse; } .account--orders_table span { display: none; } .account--orders_table thead th { text-align-last: left; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 2px; color: #3f3a36; font-weight: 400; text-transform: uppercase; border-bottom: 1px solid #ebe9e5; padding: 12px 16px; } .account--orders_table tbody tr { cursor: pointer; background: #fff; transition: 0.24s background ease; } .account--orders_table tbody tr:hover { background: rgba(235, 233, 229, 0.15); } .account--orders_table tbody tr:last-child td { border: none; } .account--orders_table tbody td { font-size: 14px; font-family: Bau-Pro, Helvetica, Arial, sans-serif; padding: 32px 16px; border-bottom: 1px solid #ebe9e5; } .account--orders_table tbody td:last-child { text-align: left; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 2px; color: #ff3600; text-transform: uppercase; } .account--orders_table tbody td:before { font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 2px; color: #3f3a36; font-weight: 400; text-transform: uppercase; padding-top: 4px; } .account--order_arrow { transform: rotate(-90deg) scale(0.8); margin-left: 16px; } .account--order_header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 32px; } .account--order_header .account--text_link { white-space: nowrap; } .account--order_date { font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 2px; color: #3f3a36; font-weight: 400; text-transform: uppercase; line-height: 1.25; text-align: right; margin-left: 16px; } @media screen and (max-width: 1069px) { .account--orders_table span { display: inline; } .account--orders_table tbody tr { border-bottom: none; } .account--orders_table tbody tr:after { display: none !important; } .account--orders_table tbody tr + tr { margin-top: 24px; } .account--orders_table tbody td { padding: 12px 8px; } .account--orders_table tbody td:last-child { border-bottom: none; padding-top: 16px; padding-bottom: 16px; } .account--orders_table tbody td:last-child:before { display: none; } .account--order_arrow { display: none; } } @media screen and (max-width: 600px) { .account--order_header { flex-flow: row wrap; margin-bottom: 8px; } .account--order_date { width: 100%; text-align-last: left; margin-top: 32px; margin-left: 0; } .order-data .order_header--billing, .order-data .order_header--shipping { flex-flow: row wrap; } .order-data .order_header--billing .billing--address, .order-data .order_header--billing .billing--method, .order-data .order_header--billing .shipping--address, .order-data .order_header--billing .shipping--method, .order-data .order_header--shipping .billing--address, .order-data .order_header--shipping .billing--method, .order-data .order_header--shipping .shipping--address, .order-data .order_header--shipping .shipping--method { width: 100%; } .order-data__invoice .invoice-data { width: 100%; max-width: 100%; } .order__item--info { flex-flow: row wrap; } .order__item--copy { width: 100%; order: 1; margin-bottom: 12px; } .order__item--price { order: 2; text-align: left; margin-left: 0; } .order__item--reorder { order: 3; margin: 0 0 0 auto; } } .page__hero { height: 270px; background-position: top; background-size: cover; background-repeat: no-repeat; } .page__wrapper { max-width: 1070px; margin: 0 auto; padding: 30px 0; } .page__wrapper h1 { padding-bottom: 30px; } .page__content { padding: 30px; } .page__content a { color: #ff3600; } .page__content a:hover { text-decoration: underline; } .page__body { padding: 30px; } .page--fr { display: block; max-width: 100%; float: right; clear: both; margin-left: 24px; margin-bottom: 24px; } .page--fl { display: block; max-width: 100%; float: left; clear: both; margin-right: 24px; margin-bottom: 24px; } @media screen and (min-width: 1070px) { .page__hero { height: 460px; } .page__wrapper { padding: 60px 0; } .page__content { padding: 30px 0; } .page__body { flex-basis: 60%; padding: 0; } .page h1 { padding-bottom: 50px; } } @media screen and (max-width: 767px) { .page--fr { float: none; width: 100%; max-width: 450px; margin: 0 auto 24px; } .page--fl { float: none; width: 100%; max-width: 450px; margin: 0 auto 24px; } .product .product__main .product__main__info { padding: 30px 10px 60px; } } .product .product__main .product__main__info .product__main__info__wrapper .product__form { display: flex; } .product .product__main .product__main__info .product__main__info__wrapper .product__form.subscription-product { flex-direction: column; } .product .product__main .product__main__info .product__main__info__wrapper .product__form__quantity-select { max-width: unset; width: 100%; text-align-last: left; padding-left: 20px; } .product .product__main .product__main__info .product__main__info__wrapper .selector-wrapper { flex-grow: 1; // max-width: 160px; } .product .product__main .product__main__info .product__main__info__wrapper .product__atc-wrapper { display: flex; flex-flow: row nowrap; flex-grow: 1; } .product .product__main .product__main__info .product__main__info__wrapper .product__atc-wrapper button { min-width: unset; max-width: 190px; width: 100%; padding: 0; margin-left: 5px; } .product #rc_container { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 16px 0; margin: 24px 0 32px; } .product #rc_container input { display: none; } .product #rc_container .rc_popup { display: none; } .product #rc_container .rc_block__type__autodeliver, .product #rc_container .rc_block__type__onetime { position: relative; } .product #rc_container .rc_block__type__autodeliver > label, .product #rc_container .rc_block__type__onetime > label { font-family: Bau-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; line-height: 24px !important; height: 24px !important; display: inline-block !important; padding-left: 35px; } .product #rc_container .rc_block__type__autodeliver:before, .product #rc_container .rc_block__type__onetime:before { content: ""; display: inline-block; width: 24px; height: 24px; vertical-align: bottom; border: 1px solid #3f3a36; margin-right: 8px; position: absolute; pointer-events: none; } .product #rc_container .rc_block__type__autodeliver:after, .product #rc_container .rc_block__type__onetime:after { content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; left: 12px; top: 6px; opacity: 0; background: url(PR-check.svg); background-size: cover; background-position: center center; pointer-events: none; } .product #rc_container .rc_block__type__autodeliver.rc_block__type--active:after, .product #rc_container .rc_block__type__onetime.rc_block__type--active:after { opacity: 1; } .product #rc_container .rc_select__frequency { border: none; border-bottom: 1px solid #ff3600; font-size: 10px; padding: 4px 12px 4px 0; background-position: right 1px bottom 8px; background-size: 10px; } .product #rc_container .rc_label__deliver_every { font-family: Bau-Pro, Helvetica, Arial, sans-serif; font-size: 16px; padding-left: 40px; text-transform: capitalize; } .product #rc_container .rc_free_shipping_label { font-family: Bau-Pro, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 24px; display: inline-block; margin-left: 10px; } .wholesale--grid { display: flex; flex-flow: row wrap; justify-content: space-between; padding: 0 30px; } .wholesale--grid .grid_item { display: block; max-width: 240px; width: 22%; height: auto; } .wholesale--grid .grid_item img { width: 100%; height: auto; filter: grayscale(100%); opacity: 0.7; transition: 0.34s all ease; } .wholesale--grid .grid_item:hover img { filter: grayscale(0); opacity: 1; } @media screen and (max-width: 767px) { .wholesale--grid .grid_item { width: 44%; max-width: 360px; } } #gift-a-box, #select-your-box { min-height: 100vh; background-color: #fef9f2; } #gift-a-box #MainContent, #select-your-box #MainContent { margin-top: 0; } #gift-a-box .frequency-card, #gift-a-box .subscription-review { position: relative; } #gift-a-box .frequency-card::after, #gift-a-box .subscription-review::after { content: ""; display: block; position: absolute; top: 0; right: 0; height: 40px; width: 40px; /* background-image: url("//porterroad.com/cdn/shop/t/149/assets/ribbon--red.svg?v=67847670940765359331747928981"); */ background-position: center; background-repeat: no-repeat; background-size: contain; } .hero-sweeps { min-height: 30vh; position: relative; } @media only screen and (min-width: 1070px) { .hero-sweeps { min-height: 85vh; } } .hero-sweeps__jump-content { position: absolute; height: 0; bottom: 0; } .hero-sweeps-top { padding: 30px 0 20px; margin: 0 auto; display: flex; align-items: center; flex-direction: column; } @media only screen and (min-width: 1070px) { .hero-sweeps-top { padding: 20px 0; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } } .hero-sweeps-top span { margin: 0; margin-bottom: 10px; } @media only screen and (min-width: 1070px) { .hero-sweeps-top span { margin: 0 20px; } } @media only screen and (max-width: 1070px) { .hero-sweeps-top .pencilmark-divider { width: 80px; margin-bottom: 0; margin-top: 5px; } } @media only screen and (max-width: 1070px) { .hero-sweeps-top .pencilmark-mq { display: none; } } .hero-sweeps-subheading { max-width: 90%; margin-bottom: 24px; } @media only screen and (min-width: 1070px) { .hero-sweeps-subheading { max-width: 50%; margin-bottom: 40px; } } .hero-sweeps-title { margin-bottom: 20px; } .sweeps-cta { width: 100%; background-color: #0d0d0b; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 80px 30px; } .sweeps-cta-paragraph { max-width: 450px; } .sweeps-cta-textlink { margin-top: 26px; color: #fff; text-decoration: underline; transition: color 0.2s ease-in-out; } .sweeps-cta-textlink:focus, .sweeps-cta-textlink:hover { color: #ff3600; } .sweeps-headline-container { width: 100%; padding: 90px 30px; display: flex; justify-content: center; } @media only screen and (min-width: 1070px) { .sweeps-headline-container { padding: 90px 100px; justify-content: flex-start; } } .sweeps-headline-content { max-width: 500px; } .sweeps-headline-maintext { text-align: left !important; } @media only screen and (min-width: 1070px) { .sweeps-headline-maintext { text-indent: -70px; margin-left: 70px; } } .sweeps-checkerboard { width: 100%; display: flex; flex-direction: column; } @media only screen and (min-width: 1070px) { .sweeps-checkerboard { flex-direction: row; } } .sweeps-checkerboard-item, .sweeps-checkerboard-item-image { flex: 1; overflow: hidden; } .sweeps-checkerboard-item img, .sweeps-checkerboard-item-image img { object-fit: cover; min-height: 100%; min-width: 100%; } .sweeps-checkerboard-item-image { display: flex; align-items: center; height: 40vh; } @media only screen and (min-width: 1070px) { .sweeps-checkerboard-item-image { height: 55vh; } } .sweeps-checkerboard-item { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 30vh; } @media only screen and (min-width: 1070px) { .sweeps-checkerboard-item { height: 55vh; } } .sweeps-checkerboard-item-content { max-width: 500px; margin: 30px; } @media only screen and (min-width: 1070px) { .sweeps-checkerboard.reverse { flex-direction: row-reverse; } } .sweeps-email { width: 100%; background-color: #fef9f2; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 80px 30px 60px; } .sweeps-email-paragraph { max-width: 800px; } .sweeps-email-form { width: 100%; max-width: 500px; margin-top: 35px; } .sweeps-email-form--message { text-align: center; margin-top: 0; } .sweeps-email-form__input { display: flex; align-items: center; padding-bottom: 5px; border-bottom: 1px solid #777569; } .sweeps-email-form__input-text { border: none; background-color: transparent; flex: 1; padding: 4px; } .sweeps-email-form__input-submit { color: #ff3600; font-family: Bau-Bold, Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; } .sweeps-email-form__input span .spinner { width: 70px; text-align: center; } .sweeps-email-form__input span .spinner > div { width: 10px; height: 10px; background-color: #ff3600; border-radius: 100%; display: inline-block; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .sweeps-email-form__input span .spinner .bounce1 { animation-delay: -0.32s; } .sweeps-email-form__input span .spinner .bounce2 { animation-delay: -0.16s; } .sweeps-paragraph { text-align: center; margin-top: 26px; margin-bottom: 26px; } .sweeps-textlink { text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #ff3600; font-size: 10px; letter-spacing: 2px; color: #000; } .sweeps-heading-small { font-size: 34px; line-height: 40px; } .sweeps-container { margin: 0 auto; padding: 30px; max-width: 1300px; font-family: Bau-Pro, Helvetica, Arial, sans-serif; color: #3f3a36; line-height: 26px; font-size: 16px; } @media only screen and (min-width: 1070px) { .sweeps-container { padding-top: 80px; padding-bottom: 80px; } } .hidden { display: none; } @keyframes sk-bouncedelay { 0%, 100%, 80% { transform: scale(0); } 40% { transform: scale(1); } } .butchershop-checkerboard { width: 100%; display: flex; flex-direction: column; } @media only screen and (min-width: 1070px) { .butchershop-checkerboard { flex-direction: row; } } .butchershop-checkerboard-item, .butchershop-checkerboard-item-image { flex: 1; overflow: hidden; } .butchershop-checkerboard-item img, .butchershop-checkerboard-item-image img { object-fit: cover; min-height: 100%; min-width: 100%; } .butchershop-checkerboard-item-image { display: flex; align-items: center; height: 260px; } @media only screen and (min-width: 1070px) { .butchershop-checkerboard-item-image { height: 500px; } } .butchershop-checkerboard-item { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 30vh; } @media only screen and (min-width: 1070px) { .butchershop-checkerboard-item { height: 500px; } } .butchershop-checkerboard-item-content { max-width: 500px; margin: 30px; } @media only screen and (min-width: 1070px) { .butchershop-checkerboard.reverse { flex-direction: row-reverse; } } .butchershop-headline-container { width: 100%; padding: 36px 30px; display: flex; justify-content: center; } @media only screen and (min-width: 1070px) { .butchershop-headline-container { padding: 60px 100px; justify-content: flex-start; } } .butchershop-headline-content { max-width: 500px; } @media only screen and (max-width: 1070px) { .butchershop-headline-content { text-align: center; } } @media only screen and (min-width: 1070px) { .butchershop-headline-maintext { text-align: left !important; text-indent: -70px; margin-left: 70px; } } @media only screen and (max-width: 1070px) { .butchershop-headline-maintext { max-width: 300px; } } .hero-butchershop { min-height: 30vh; } @media only screen and (min-width: 1070px) { .hero-butchershop { min-height: 600px; padding: 90px 30px; } } .price_per_pound { display: none; } .price_per_pound_col { width: 25%; color: #aaa; font-family: Bau-Bold, Helvetica, Arial, sans-serif; letter-spacing: 3px; font-size: 13px; } @media only screen and (max-width: 768px) { .price_per_pound_col { vertical-align: middle; font-size: 10px; line-height: 6px; } } .price_per_pound_pdp { vertical-align: middle; display: inline-block; width: 25%; color: #777569; font-family: Bau-Bold, Helvetica, Arial, sans-serif; letter-spacing: 3px; font-size: 16px; line-height: 13px; padding-top: 4px; } .price_per_pound_tilde { color: #777569; font-size: 26px; line-height: 6px; vertical-align: middle; padding: 0 2px 0 4px; font-weight: 500; font-family: Bau-Pro, Helvetica, Arial, sans-serif; letter-spacing: 4px; padding-top: 2px; } .product_description { padding-top: 20px; } .product_weight_span { width: 50%; display: none; } @media only screen and (max-width: 480px) { .product_weight_span { display: block; } } .product_weight_div { display: block; } @media only screen and (max-width: 480px) { .product_weight_div { display: none; } } html > .suffix-babish > #MainContent { margin: 0; } html > .suffix-babish .product-listing__item { margin: 0; } html.is--locked > .suffix-babish { display: block; } .babish--header { width: 100%; padding: 24px 40px; display: flex; justify-content: space-between; align-items: center; } .babish--header > a { cursor: pointer; } .babish--header .spacer { width: 31px; } .babish--jump-top { padding-top: 50px; padding-bottom: 50px; text-align: center; } .babish--fullwidth-text { padding: 75px 10px; text-align: center; max-width: 700px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1070px) { .babish--fullwidth-text { padding-top: 150px; padding-bottom: 150px; } } .babish--frequency { font-size: 14px; color: #3f3a36; font-family: Bau-Pro, Helvetica, Arial, sans-serif; text-transform: none; font-weight: 400; letter-spacing: 0; } .babish--spotlight { text-align: center; padding-top: 75px; padding-bottom: 75px; background-color: #fef9f2; } @media only screen and (min-width: 1070px) { .babish--spotlight { padding-top: 150px; padding-bottom: 150px; } } .babish--spotlight-wrapper { max-width: 1194px; margin-left: auto; margin-right: auto; } .babish--spotlight p, .babish--spotlight > h1 { max-width: 450px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .babish--spotlight-tiles { margin-top: 36px; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; max-width: 500px; } @media only screen and (min-width: 1070px) { .babish--spotlight-tiles { flex-direction: row; min-height: 370px; max-width: unset; } } .babish--spotlight-tile { position: relative; min-height: 450px; } @media only screen and (min-width: 1070px) { .babish--spotlight-tile { min-height: unset; } } @media only screen and (max-width: 1070px) { .babish--spotlight-tile:not(:first-child) { margin-top: 24px; } } @media only screen and (min-width: 1070px) { .babish--spotlight-tile:not(:first-child) { margin-left: 36px; } } @media only screen and (max-width: 1070px) { .babish--spotlight-tile:not(:last-child) { margin-bottom: 24px; } } @media only screen and (min-width: 1070px) { .babish--spotlight-tile:not(:last-child) { margin-right: 36px; } } .babish--spotlight-tile_big { padding: 30px; flex: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-size: cover; background-position: center; } @media only screen and (min-width: 1070px) { .babish--spotlight-tile_big { margin-bottom: 40px; } } .babish--spotlight-tile_text p, .babish--spotlight-tile_text > h2 { z-index: 1; } .babish--spotlight-tile_sm { flex: 1; } .babish--spotlight-image_overlay { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .babish--spotlight-video_button { width: 100%; height: 100%; border: none; padding: 0; display: flex; justify-content: center; align-items: center; } .babish--spotlight-video_play { width: 70px; height: 70px; z-index: 1; } .babish--collection { max-width: 1194px; text-align: center; padding-top: 75px; padding-bottom: 75px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1070px) { .babish--collection { padding-top: 150px; padding-bottom: 150px; } } .babish--collection p, .babish--collection > h1 { max-width: 450px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .babish--collection-items { margin-top: 36px; display: flex; } @media only screen and (max-width: 1149px) { .babish--collection-items { flex-wrap: wrap; } } .babish--collection-items > .product-listing__item__wrapper { flex-basis: 100%; margin-bottom: 24px; } @media only screen and (min-width: 600px) { .babish--collection-items > .product-listing__item__wrapper { flex-basis: 50%; } } @media only screen and (min-width: 1150px) { .babish--collection-items > .product-listing__item__wrapper { flex-basis: 25%; margin-bottom: 0; } } .babish--icons { display: flex; flex-direction: column; } @media only screen and (max-width: 1069px) { .babish--icons { align-items: center; } } @media only screen and (min-width: 1070px) { .babish--icons { flex-direction: row; } } .babish--icons-item { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media only screen and (max-width: 1069px) { .babish--icons-item { max-width: 360px; padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 1070px) { .babish--icons-item:not(:first-child) { margin-top: 36px; } } @media only screen and (min-width: 1070px) { .babish--icons-item:not(:first-child) { margin-left: 50px; } } @media only screen and (max-width: 1070px) { .babish--icons-item:not(:last-child) { margin-bottom: 36px; } } @media only screen and (min-width: 1070px) { .babish--icons-item:not(:last-child) { margin-right: 50px; } } .babish--icons-image_logo { max-width: 180px; margin-top: 24px; } .babish--icons-image_logo > img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .babish--icons-image_icon { width: 110px; height: 110px; background-color: #fbfb2f; border-radius: 50%; margin-bottom: 24px; display: flex; justify-content: center; align-items: center; } .babish--icons-image_icon > img { max-width: unset; width: calc(100% + 10px); height: calc(100% + 10px); object-fit: contain; object-position: center; } .babish--testimonials { max-width: 1194px; text-align: center; padding-top: 75px; padding-bottom: 75px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1070px) { .babish--testimonials { padding-top: 150px; padding-bottom: 150px; } } .babish--perks { text-align: center; padding-top: 75px; padding-bottom: 75px; background-color: #fef9f2; } @media only screen and (min-width: 1070px) { .babish--perks { padding-top: 150px; padding-bottom: 150px; } } .babish--perks-wrapper { margin-left: auto; margin-right: auto; max-width: 1194px; } @media only screen and (max-width: 1070px) { .babish--checkerboard-image { max-height: 450px; } } .babish--modal { display: flex; justify-content: center; align-items: center; } .babish--modal > .video-container { position: relative; width: 560px; height: 315px; } @media only screen and (min-width: 768px) { .babish--modal > .video-container { margin-top: 30px; padding-bottom: 56.25%; width: 100%; height: unset; } } .babish--modal > .video-container > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .h4--small { font-size: 22px; } .mini-cart__icon { position: relative; margin-top: 3px; margin-left: auto; } .site-nav__item__cart-count { position: absolute; top: -10px; right: -10px; border-radius: 50%; background-color: #ff3600; height: 24px; width: 24px; color: #fff; font-size: 12px; line-height: 26px; text-align: center; font-family: Bau-Bold, Helvetica, Arial, sans-serif; } .enquire__action.enquire__action--submit { color: white; background-color: black; width: 100%; }