#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: 1 0 100px; display: flex; height:auto; } .rc .order-options .img-options button .img-wrap img{ height:100%; object-fit: cover; border-radius: 2px 0 0 2px; } .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(https://www.nutrisystem.com/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; } .delivery-plans #prog-type-options .btn-wrap:last-child{ margin-top:16px; } .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-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 { margin-bottom: 16px; border-radius: 4px; background: var(--Background-background-utility, #F9F9F9); padding:8px; } .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 { 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; } .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; } .rc .more-save-options { border: 1px solid var(--Stroke-stroke-light, #EAEBEB); display: flex; flex-direction: column; padding: var(--Spacing-Spacing-half, 0.25rem) 0rem; justify-content: center; align-items: center; gap: var(--Spacing-Spacing-1x, 0.5rem); padding: .5em 0; margin: 0 auto 1.5em; } .rc .more-save-options .txt { font-family: Korolev; font-size: 1.125em; font-weight: 900; margin: 0; } .rc .more-save-options .link { font-size: 0.875em; } .rc .all-access-free{ margin: 0; color: #1D4321; font-family: Korolev; font-size: 1.125em; font-style: normal; font-weight: 700; } .rc .conv-ship{ font-family: Korolev; font-size: 1em; font-weight: 500; } @media (max-width: 320px) { .rc p.option-title { font-size: 1.1em; } } @media (min-width: 375px) { .rc .order-options .img-options button .img-wrap{ flex: 0 0 100px; height:100%; } } @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; } .rc .more-save-options { flex-direction: row; gap:1em; } .rc #seven-weeks{ width:49%; } } @media (min-width: 992px) { .rc .order-options.delivery-plans #prog-type-options.option-cat { padding:0 16px 32px; } .rc .order-options.delivery-plans #prog-type-options .btn-wrap{ gap:1.5em; } .rc .order-options .img-options button:not(.btn-default) { min-height:100px; } .rc .order-options .img-options button .img-wrap img { width: 100%; } .delivery-plans #prog-type-options .btn-wrap:last-child { margin-top: 25px; } .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 32px; } .rc .order-options .price-col { border-left:2px solid var(--Stroke-stroke-light, #EAEBEB); } .rc #seven-weeks { width: 100%; } } @media (min-width: 1200px) { .rc .order-options.ns-program #menu-options .btn-wrap { width:70%; } }