#product-pane { background: #FFFAF1; } .d-block{ display:block; } #best-for-me .picksbutton .glyphicon { top: 3px; } .rc{ background-color: #FFC844; padding:42px 0; } .rc-head h2{ color: #1A2887; text-align: center; font-family: Korolev; font-size: 53px; font-weight: 900; line-height: 1; text-transform: uppercase; margin:0 auto 16px; display: flex; align-items: center; justify-content: center; gap:8px; } .rc-head h2 span{ font-size: 20px; text-align: left; } .rc-head .topper{ color: #1A2887; text-align: center; font-family: Korolev; font-size: 20px; font-weight: 900; line-height: 1; text-transform: uppercase; margin:0 auto 12px; } .rc-head .head-sub-txt{ color: #1A2887; text-align: center; font-family: Arial; font-size: 16px; font-weight: 400; line-height: 1.3; margin:0 auto 24px; } .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 .option-title, .rc a.option-title { gap: 4px; margin: 0 0 20px; color: #29353a; } .rc #delivery-options a.option-title { color: #7c7f82; } .rc #delivery-options a.option-title.selected { color: #29353a; } .rc .option-pane-title { color: #1A2887; text-align: center; font-family: Korolev; font-size: 22px; font-weight: 900; line-height: 1; text-transform: uppercase; } .rc .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: 2px 0 0 2px; border-right: 0; } .rc .order-options button:not(.btn-default):last-child { border-radius: 0 2px 2px 0; border-left: 2px solid #B4008D; } .rc .order-options button.selected:not(.btn-default):first-child { border-right: 0; } .rc .order-options button.selected:not(.btn-default):last-child { border-left: 2px solid #B4008D; } .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 .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: #FFE9FB; border: 2px solid #B4008D; color: #B4008D; } .rc .order-options .btn-wrap { display: flex; flex-direction: row; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.11); } .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-inactive, #6E7272); } .rc #autodelivery .price-per { position: relative; } .rc .order-options .option-cat { padding-bottom: 40px; 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: #B4008D; 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: center; 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: 16px; border-radius: 4px; background: var(--Background-background-utility, #F9F9F9); padding: 16px 16px 10px; } .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: 8px; } .rc .pricing-container .club-adv.daily-price { align-items: flex-start; } .rc .pricing-container p { margin: 0; line-height: 1.5; padding: 0 8px 0 0; } .rc .club-adv .itemListPrice{ color: #B4008D; font-weight:700; } .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: #B4008D; font-weight: 700; flex-shrink: 0; align-self: flex-start; line-height: 1; } .rc .delivery-savings span { color: #B4008D; 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; border-bottom: 1px solid #bfc2c4; padding: 8px 0; font-size: 1.25em; margin-bottom:3px; } .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: center; border: 1px solid #bfc2c4; border-bottom-width: 0; padding: 12px 16px; } .rc #delivery-options .auto-d-wrap button:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; } .rc #delivery-options .auto-d-wrap button:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; 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: #EFF6E4; border: 2px solid #64A535; } .rc button.selected .price-per { color: #29353A; } .rc .auto-d-wrap.no-show { background: #fff; } .hidehold { display: none; } .rc .order-options .callout { margin: 0 0 4px auto; color: var(--Text-text-brand_color, #006B00); font-family: Arial; font-size: 11px; font-weight: 700; line-height: 1; text-align: center; width: 50%; } .rc #autodelivery { margin-bottom: 8px; } .rc .pricing-container .ship-qty { display: block; color: var(--Text-text-primary, #29353A); font-family: Arial; font-size: 14px; font-weight: 400; margin-top: 3px; } .rc .pricing-container .future-ship-price { border-top: 1px solid #bfc2c4; } .rc .pricing-container .future-ship-price p { color: var(--Text-text-primary, #29353A); font-family: Arial; font-size: 16px; font-style: italic; font-weight: 400; line-height: 1; padding-top: 8px; } .rc .order-options .sub-txt{ display:block; color: var(--Text-text-secondary, #5D6669); text-align: center; font-family: Arial; font-size: 11px; font-weight: 400; line-height: 1; margin-top:2px; } .rc .club-adv a{ color: #B4008D; font-family: Arial; font-size: 16px; font-weight: 700; line-height: 1.5; text-decoration: none; } .rc .club-adv span{ display: block; } #clubAdvOverlay .btn-info{ width:100%; text-transform: lowercase; font-weight:normal } .rc .pricing-container .percent-off p{ color: #B4008D; font-family: Arial; font-size: 16px; font-weight: 700; line-height: 1; margin-bottom:4px; } .rc .pricing-container .pricePerMeal{ margin:0; text-align: center; } @media(max-width:767px){ .rc .order-options .price-col{ padding:0; } } @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 .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 .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 .option-title a.more-info-link, .rc .ns-program #menu-options .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 .option-col, .rc .order-options .price-col { padding: 0 32px; } .rc .order-options .callout { font-size: 14px; margin: 0 0 12px auto; } .rc .option-pane-title { font-size: 26px; } }