#product-pane { background: #FFFAF1; } #best-for-me .picksbutton .glyphicon { top: 3px; } .rc .oo-wrap { padding: 16px 15px 15px; background-color: #fff; border-radius: 8px; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15); } .rc p.option-title, .rc a.option-title { gap: 4px; margin: 0 0 8px; color: #29353a; } .rc #delivery-options a.option-title { color: #7c7f82; } .rc #delivery-options a.option-title.selected { color: #29353a; } .rc p.option-title { position: relative; text-align: center; font-size: 1.25em; } .rc p.option-title a.more-info-link { position: absolute; right: 0; top: 5px; font-family: Arial, Helvetica, sans-serif; color: #00598a; font-size: 12px; text-decoration: underline; font-weight: 400; } .rc #add-shakes a.more-info-link { padding: 0; font-size: .75em; } .rc #add-shakes label { width: 100%; } .rc .order-options button:not(.btn-default) { background: #fff; border: 2px solid #bfc2c4; border-radius: 0; text-align: center; height: 58px; width: 50%; padding: 12px 8px; font-size: 1em; font-family: arial; color: var(--Text-text-inactive, #6E7272); font-weight: 700; line-height: 1; } .rc .order-options button:not(.btn-default):first-child { border-radius: 4px 0 0 4px; border-right: 0; } .rc .order-options button:not(.btn-default):last-child { border-radius: 0 4px 4px 0; border-left: 0; } .rc .order-options button:not(.btn-default) .small { font-weight: 400; } .rc .order-options button.selected:not(.btn-default) .small { color: #fff; } .rc .order-options .img-options button:not(.btn-default) { width: 100%; border-radius: 4px; border: 2px solid var(--Stroke-stroke-primary, #BFC2C4); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.11); height: auto; min-height: 120px; padding: 0 16px 0 0; text-align: left; display: flex; gap: 10px } .rc .order-options .img-options button .img-wrap { flex: 0 0 100px; display: flex; height: 100%; } .rc .order-options .img-options button .img-wrap img { height: 100%; object-fit: cover; } .rc .order-options .img-options button .txt-wrap { flex-grow: 1; } .rc .order-options .img-options .btn-label { color: var(--Text-text-inactive, #6E7272); font-family: Arial; font-size: 1em; font-weight: 700; line-height: 1.1; padding: 12px 0 10px; display: block; } .rc .order-options.ns-program .img-options .btn-label { padding-top: 20px; } .rc .order-options .img-options .btn-label-small { font-size: .75em } .rc .order-options .img-options .btn-desc { color: var(--Text-text-inactive, #6E7272); font-family: Arial; font-size: .875em; font-weight: 400; line-height: 1.4; padding: 0 0 16px; display: block; } .rc .order-options .img-options button.selected:not(.btn-default) { border: 2px solid #1D4321; background: #fff; } .rc .order-options .img-options .selected .btn-label { color: #1D4321; position: relative; } .rc .order-options .img-options .selected .btn-label:after { content: ""; width: 18px; height: 18px; background-image: url(/media/ns/diet-plans/ns134253/mealplan/btn-selected-check.svg); display: block; position: absolute; top: 10px; right: 0; } .rc .order-options .img-options .selected .btn-desc { color: var(--Text-text-primary, #29353A); } .rc .order-options .btn-label-wrap { width: 47%; position: relative; } .rc .order-options .btn-label-wrap button:not(.btn-default) { width: 100%; } .rc #delivery-options { margin-bottom: 40px; } .rc #delivery-options .free-shipping { display: flex; justify-content: flex-start; gap: 10px; margin: 10px 0 0; align-items: start; } .rc #delivery-options img { margin-top: 4px; } .rc #delivery-options .free-shipping p { margin: 0; font-size: 0.875em; } .rc .order-options button.selected { background: #1D4321; border: 2px solid #1D4321; color: #B5F25B; } .rc .order-options .btn-wrap { display: flex; flex-direction: row; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.11); } .delivery-plans #prog-type-options .btn-wrap, .ns-program #menu-options .btn-wrap { flex-direction: column; gap: 16px; box-shadow: none; } .rc .ship-btn-txt { display: flex; flex-direction: column; padding: 0; width: 100%; font-size: 1em; position: relative; } .rc button#bogo .ship-btn-txt, .rc button#pre3pay .ship-btn-txt, .rc button#pre4pay .ship-btn-txt { flex-grow: 1; } .rc .price-per { display: flex; align-items: center; gap: 0px; font-weight: 400; font-size: 0.75em; position: absolute; bottom: 0; line-height: 1.5; color: var(--Text-text-primary, #29353A); } .rc #autodelivery .price-per { position: relative; } .rc .order-options .option-cat { padding-bottom: 16px; border-bottom: 0; } .rc .order-options .option-border { border: 1px solid #BFC2C4; border-width: 1px 0 0 0; padding-top: 16px; margin-top: 16px; } .rc .delivery-plans .#menu-options { margin-bottom: 16px; } .rc span.option-label { font-size: 0.75em; line-height: 1; text-wrap: nowrap; padding: 2px 10px; border-radius: 100px; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); } .rc #delivery-options .del-price { line-height: 1; } .rc button span.save { color: #006b00; margin: 0 0 0 auto; padding-top: 2px; display: block; font-weight: 900; line-height: 1.2; width: 20%; max-width: 58px; font-family: Korolev; text-align: center; text-transform: uppercase; } .rc .del-type { line-height: 1.5; flex-grow: 2; display: flex; flex-direction: row-reverse; align-items: start; justify-content: space-between; width: 100%; font-weight: 700; } .rc #autodelivery .del-type { flex-direction: row; line-height: 1.2; } .rc .btn-txt .per { font-size: 18px; line-height: 1; } .rc .pricing-container { display: flex; flex-direction: column; gap: 5px; margin-bottom: 1.5em; border-radius: 4px; background: var(--Background-background-utility, #F9F9F9); padding: 16px; } .rc .club-adv .pricing-container { border-radius: var(--Radius-Radius-1x, 4px); border: 1px solid var(--Stroke-stroke-primary, #BFC2C4); background: var(--Background-background-utility, #F9F9F9); padding: 12px 0 8px; } .rc .pricing-container div { display: flex; justify-content: space-between; align-items: center; } .rc .pricing-container .full-price, .rc .pricing-container .daily-price { margin-bottom: .75em; } .rc .pricing-container p { margin: 0; line-height: 1.5; padding: 0 8px 0 0; } .rc .pricing-container .price-header { font-size: 1.1875em; font-weight: 700; border-bottom: 1px solid var(--Stroke-stroke-primary, #BFC2C4); padding: 0 0 8px; text-align: center; line-height: 1; margin: 0 0 10px; } .rc .club-adv .pricing-container .price-header { font-size: 1em; line-height: 1.3; padding: 0 16px; border: 0; margin: 0 0 6px; } .rc .club-adv .pricing-container .price-header .club-name-sub { color: var(--Text-text-secondary, #5D6669); font-size: 14px; font-weight: 400; } .rc .pricing-container .day-shipment-wrapper .price-per-day { border-right: 0; } .rc .delivery-savings p.offer-status { color: #006b00; font-weight: 700; flex-shrink: 0; align-self: flex-start; line-height: 1; } .rc .delivery-savings span { color: #006b00; font-weight: 700; line-height: 1.2; } .rc .pricing-container .todays-price { font-size: 1.25em; } .rc .pricing-container .delivery-savings a { color: #29353a; text-decoration: none; } .rc .pricing-container .offer { background: #ffe500; border-radius: 4px; padding: 4px; margin-bottom: 5px; } .rc .pricing-container .per-month { border-top: 1px solid #bfc2c4; padding-top: 8px; font-size: 1.25em; } .rc .club-adv .pricing-container .per-month { padding: 8px 16px 0; } .rc .pricing-container .discounts-wrapper { padding: 8px 16px; border-left: 1px solid #bfc2c4; border-right: 1px solid #bfc2c4; } .rc .price-col .pricing-container .delivery-savings { background: none; border-radius: 0; margin-bottom: .75em; padding: 0; } .rc .club-desc { text-align: center; line-height: 1.37; } .rc #add-shakes { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: #fff; border-radius: 16px; border: 1px solid #bfc2c4; } .rc #add-shakes .offer-link { display: flex; gap: 8px; justify-content: space-between; padding: 8px 16px; background-color: #EFF6E4; border-top-left-radius: 16px; border-top-right-radius: 16px; width: 100%; align-items: center; } .rc #add-shakes .offer-link p { margin-bottom: 0; } .rc #add-shakes .shake-checkbox { display: flex; align-items: flex-start; gap: 8px; width: 100%; padding: 16px; } .rc #add-shakes .shake-checkbox p { margin: 0; line-height: 20px; } .rc #add-shakes .shake-checkbox p.add { font-size: .875em; flex-grow: 1; font-weight: 700; } .rc #add-shakes .shake-checkbox p.add span { font-size: 16px; } .rc #add-shakes .shake-checkbox input[type="checkbox"] { margin: 0; } .rc #add-shakes .shake-checkbox input[type="checkbox"]:checked:after { background: url(/images/diet-plans/chk-grn-chkbx.svg) 50% no-repeat; left: 1px; width: 16px; } .rc #flav-select { width: 100%; margin: 0 auto; padding: 0 16px 15px; } .rc #choose-flavor { margin: 0 auto; width: 100%; } .rc button#submitBtn, #shopBtn { height: 57px; border-radius: 4px; padding: 0; line-height: 1; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 1em; } .rc .mbg { display: flex; align-items: center; gap: 10px; margin-top: 10px; } .rc .mbg-img { margin-right: 0px; width: 47px; height: 47px; } .rc p.mbg-text { margin: 0; padding: 0; font-size: .875em; } .rc .mbg a { margin-top: 20px; } .rc .mbg span.glyphicon-info-sign { font-size: 15px; height: 15px; } #best-for-me a[aria-expanded="true"] .glyphicon-menu-down:before { content: "\e260"; } #testForm { margin-bottom: 15px; } #difference.modal { z-index: 1051; } .rc #delivery-options .btn-wrap { display: block; box-shadow: none; } .rc #delivery-options .auto-d-wrap button { display: flex; border-radius: 0; flex-direction: row; flex-wrap: wrap; gap: 0; outline: 0; background: #fff; border-radius: 0; font-family: arial, sans-serif; height: auto; width: 100%; text-align: left; align-items: flex-start; border: 1px solid #bfc2c4; border-bottom-width: 0; padding: 12px 16px; } .rc #delivery-options .auto-d-wrap button:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .rc #delivery-options .auto-d-wrap button:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-width: 1px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.11); } .rc #delivery-options .sub-title-wrapper { display: flex; align-items: center; gap: 10px; margin: 10px 0; } .rc #delivery-options .sub-title-wrapper hr { margin: 0; height: 1px; border-color: #BFC2C4; flex-grow: 1; } .rc #delivery-options .auto-d-wrap button.selected { background: #1D4321; border-color: #1D4321; } .rc button.selected .price-per { color: #fff; } .rc button.selected span.save { color: #B5F25B; } .rc .auto-d-wrap.no-show { background: #fff; } .hidehold { display: none; } @media (min-width: 768px) { .rc { padding: 40px 0; } .rc .order-options .option-border { border: 0; margin: 0; padding: 0 0 32px; } .rc .order-options .option-col { border-right: 2px solid var(--Stroke-stroke-light, #EAEBEB); } .rc .order-options .option-col { border-right: 0; } .rc .order-options.delivery-plans #prog-type-options.option-cat, .rc .order-options.ns-program #menu-options.option-cat { display: block; padding-bottom: 32px; } .rc .order-options.delivery-plans #prog-type-options .btn-wrap, .rc .order-options.ns-program #menu-options .btn-wrap { width: auto; flex-direction: row; } .rc .order-options #delivery-options .btn-wrap { width: 100%; } .rc #delivery-options button#autodelivery .btn-txt { text-align: center; width: 100%; } .rc #delivery-options button#bogo .del-price, .rc #delivery-options button#pre3pay .del-price, .rc #delivery-options button#pre4pay .del-price, .rc #delivery-options button.selected#bogo .del-price, .rc #delivery-options button.selected#pre3pay .del-price, .rc #delivery-options button.selected#pre4pay .del-price { padding-right: 0px; } .rc .order-options button { width: 100%; } .rc p.option-title { margin: 0 0 12px; line-height: 1; text-align: left; } .rc button#favorites { margin-top: 0px; } .rc .mbg { justify-content: center; } .rc .mbg a { margin-top: 0px; } .rc #delivery-options button { flex: 1 0 33%; } .rc #delivery-options button#autodelivery { flex: 1 0 32%; } .rc .btn-txt .per { text-align: left; } .rc #delivery-options .free-shipping.mbl { display: none; } .rc #add-shakes .offer-link p { margin: 0; line-height: 1; } .rc .delivery-plans #prog-type-options p.option-title, .rc .ns-program #menu-options p.option-title { font-size: 1.375em; line-height: 1; text-align: center; } .rc .delivery-plans #prog-type-options p.option-title a.more-info-link, .rc .ns-program #menu-options p.option-title a.more-info-link { left: calc(50% + 90px); right: auto; } .rc #add-shakes a.more-info-link { padding-top: 0px; } .rc .pricing-container .per-month>p:first-of-type, .rc .pricing-container .shipping-wrapper>p:first-of-type { font-size: 1em; } .rc .oo-wrap { position: relative; padding: 32px 15px; border-radius: 0 8px 8px 8px; box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.17); } .rc #delivery-options { margin-bottom: 0; } .rc #delivery-options .option-border { padding-bottom: 0; } .rc .club-desc { text-align: left; line-height: 1.6; font-size: 1.1875em; max-width: 438px; } } @media (min-width: 992px) { .rc .order-options.delivery-plans #prog-type-options .btn-wrap { gap: 30px; } .rc .order-options.ns-program #menu-options .btn-wrap { gap: 30px; width: 82%; margin: 0 auto; } .rc .order-options .option-col, .rc .order-options .price-col { padding: 0 24px; } } @media (min-width: 1200px) { .rc .order-options.ns-program #menu-options .btn-wrap { width: 70%; } }