.text-gray-70, .text-gray-darker { color: #72757e; } .text-magenta { color: #bd357a; } .hero { padding-top: 1.5rem; } .hero h1 { text-align: center; font-size: 1.75rem; font-weight: 400; margin:0 auto .5rem; } .hero h2{ color: var(--Text-text-secondary, #565961); text-align: center; font-family: Prompt; font-size: 1.1875rem; font-weight: 400; line-height: 1.5; margin:0 auto 1.5rem; } .hero .detail-link { color: var(--Text-text-link, #0875B5); font-family: Prompt; font-size: 0.6875rem; font-weight: 400; text-decoration-line: underline; } .hero .img-wrapper { display: inline-block; width: 32px; margin: 0 4px 0 0; text-align: center; } .price-block { margin: 0; } .price-block p{ margin: 0; } .price-block .ppw-cell .title { color: var(--Text-text-primary, #16384E); font-family: Prompt; font-size: 1rem; font-weight: 700; } .price-block .selection { background: #0875B5; color: var(--text-text-invert, #fff); padding: 8px; text-align: center; } .price-block .ppw-cell { border: 1px solid var(--border-border-primary, #9b9c9c); border-bottom: 0; padding: .5rem 1rem; width: 100%; line-height: normal; } .price-block .ppw-cell { display:flex; justify-content: space-between; background-color: #FAF7F4; align-items: center; gap:.5rem; } .price-block .ppw-cell .price-wrap{ display: flex; flex-direction: column; gap:.25rem; } .price-block .d-flex{ display: flex; gap: .25rem; line-height: 1; justify-content: flex-end; align-items: center; } .price-block .discount-text{ color: var(--Text-text-accent, #BD357A); text-align: right; font-family: Prompt; font-size: 0.8125rem; font-weight: 700; line-height: 1.3; } .price-block .ppd-cell .ppd, .price-block .ppw-cell .ppw { font-size: 1.1875rem; color: var(--text-text-secondary, #0881c7); font-weight: 700; margin:0; } .price-block .bars-cell, .price-block .shipping-cell { border: 1px solid var(--border-border-primary, #9b9c9c); border-bottom: 0; padding: 8px; } .price-block .bars-cell .bars-price{ color: var(--text-text-secondary, #0881c7); font-weight: 700; } .price-block .total-cell { display: flex; justify-content: space-between; border: 1px solid var(--border-border-primary, #9b9c9c); padding:.5rem 1rem; font-weight: 700; background-color:#ECE7E1; } .price-block .total-cell .title { font-family: Prompt; font-size: 1rem; font-weight: 400; line-height: 1; } .price-block .total-cell s { color: var(--text-text-inactive, #7e7e7f); font-weight: 400; } .price-block .total-cell .total-price{ color: var(--Text-text-primary, #16384E); font-size: 1rem; font-weight: 400; line-height: 1; } .other-options{ display: flex; flex-direction: column; justify-content: center; gap:.25rem; margin-bottom:1.5rem; } .other-options .title{ text-align: center; font-size: 1rem; font-weight: 400; margin:0; } .other-options .link{ color: var(--Text-text-link, #0875B5); text-align: center; font-size: 0.8125rem; font-weight: 400; margin:0; } .cta-wrapper { margin: 24px auto; } .cta-wrapper .btn-default { font-size: 1.1875rem; font-weight: 500; line-height: normal; padding:0; height:2.8125rem; width:100%; display: flex; justify-content: center; align-items: center; gap: 0.5rem; align-self: stretch; text-transform: none; border-radius: 0.375rem; background: var(--Action-Action-primary, #D4422B); } #menu-modal .panel-heading.accordion button, #menu-modal .panel-heading.accordion button:after { color: var(--text-text-secondary, #0881c7); font-size: 1.1875; font-weight: 500; display: flex; } #menu-modal .panel-heading.accordion button:after { content: "\e260"; font-family: Glyphicons Halflings; } #menu-modal .panel-heading.accordion button.collapsed:after { content: "\e259"; } #menu-modal li, #prepay-modal li { line-height: 1.3; } #menu-modal .panel { background: #faf7f4; border: 0; } #menu-modal .panel-heading.accordion { margin: 0; } #menu-modal .panel-heading.accordion button { background: #faf7f4; border: 1px solid #9b9c9c; width: 100%; padding: 1rem; text-align: left; display: flex; justify-content: space-between; } .hero span.save-perc { font-size: .8125rem; font-weight: 700; color: #bd357a; padding: 0px; } .bars label .include { line-height: 1.2; } .bar-img-sm { width: 72px; } .hero .choose-prepay li { font-size: 0.8125rem; margin-bottom: .25rem; } .hero .choose-prepay ul { list-style-position: outside; } .hero .choose-prepay ul li.plus { list-style-image: url(/media/jc/ratecard/plus-pink.svg); } .hero .choose-prepay li.plus span { display: block; color: #BD357A; font-weight: 700; } .hero .step-disabled { background: var(--Background-background-mid, #ECE7E1); padding: 10px; margin-bottom: 24px; } .hero .step-disabled h2 { color: var(--Text-text-inactive, #7E7E7F); font-size: 19px; font-weight: 400; line-height: 1; margin: 0; } .hero .choose-bar, .hero .choose-prepay { display: none; } .hero .btn.disabled { background: #ECE7E1; border: 1px solid #ECE7E1; box-shadow: none; color: #7E7E7F; cursor: not-allowed; } .hero .name-wrap { width: 50%; } a.step-link[aria-expanded="false"] .glyphicon-chevron-down:before { content: "\e259"; } a.step-link[aria-expanded="true"] .glyphicon-chevron-down:before { content: "\e260"; } .choose-prepay li.check::marker { color: #0881C7 } .hero hr.step-rule { margin: 0 auto; width: 95%; border-top: 1px solid var(--Stroke-stroke-primary, #9B9C9C); } .hero .list-checked.check-blue>li:before { background: url(/media/jc/ratecard/check-jenny-blue.svg) 0 6px no-repeat; top: -.2rem; } .benefits-list { list-style: none; padding: 0; margin: 0; } .benefits-list li { display: flex; align-items: flex-start; gap: .6rem; font-size: 1rem; margin-bottom:1rem; } .benefits-list li{ font-size: 1rem; } .benefits-list li strong{ font-family: Prompt; font-size: 1.1875rem; font-weight: 500; } .benefits-list .check-icon { width: 1.2em; height: 1.2em; flex: 0 0 1.2em; } .weight-loss h2{ text-align: center; font-size: 1.75rem; font-weight: 400; margin:0 auto .6rem; } .weight-loss h3{ text-align: center; font-size: 1rem; font-weight: 400; margin:0 auto 1.5rem; } .weight-loss h4{ margin:0 0 .5rem; font-size: 1.4375rem; font-weight: 400; } .weight-loss p{ margin:0; font-size: 0.8125rem; font-weight: 400; } .weight-loss .card{ display:flex; background: var(--Background-background-secondary, #FAF7F4); padding:1rem; gap:1rem; margin-bottom:1.5rem; align-items: center; } .weight-loss .card .img-wrap{ width:8.25rem; flex-shrink: 0; } .testimonial{ margin-bottom:1.5rem; } .testimonial .quote{ text-align: center; font-size: 1.4375rem; font-weight: 400; line-height: 1.2; margin:0; } .testimonial .d-flex{ display: flex; flex-direction: column; gap: 1rem; } .choose-meals{ background-color:#FAF7F4; padding:2rem 1rem; margin-bottom:1.5rem; } .choose-meals .menu-items { overflow-x: auto; scroll-behavior: smooth; } .choose-meals .card-wrap { display: flex; align-items: center; gap: 1rem; margin-bottom:2rem; } .choose-meals .card { width: 14.184rem; border-radius: 0.43981rem; } .choose-meals .card-img { height: 16.2rem; } .choose-meals h2{ text-align: center; font-size: 1.875rem; font-weight: 400; margin:0 auto .5rem; } .choose-meals .sub-head{ text-align: center; font-size: 1rem; font-weight: 400; margin:0 auto 2rem; } .choose-meals .btn-primary-outline{ border-radius: 0.375rem; border: 2px solid var(--Action-Action-primary, #D4422B); background: var(--Background-background-primary, #FFF); color: var(--Action-Action-primary, #D4422B); text-align: center; font-family: Prompt; font-size: 1.1875rem; font-weight: 500; height:2.8125rem; padding:0; width:100%; display: flex; justify-content: center; align-items: center; } .poll h2{ font-size: 1.4375rem; font-weight: 400; margin:0 auto 1.5rem; padding:0 .5rem; } .poll h2 span{ border-bottom: 6px solid var(--Stroke-stroke-accent-1, #0881C7); } .poll h3{ font-size: 1.75rem; font-weight: 400; margin:0 auto 1.5rem; } .poll .small{ opacity: .6; } .faq.singl-pr-rc .section-maintitle { margin-top:0; font-size: 1.4375rem; } @media(max-width: 991px) { .breadcrumb { margin: 0; } .hero-img-sm{ margin-bottom:3rem; } } @media (max-width: 350px) { footer input#emailFooter { width: 100%; } } @media (max-width: 320px) { .price-block .ppd-cell s, .price-block .ppw-cell s { display: block; } } @media (min-width: 768px) { .hero h1 { font-size: 2.1rem; } .price-block { font-size: 0.842105rem; margin: 0; } .price-block .ppd-cell .ppd, .price-block .ppw-cell .ppw { font-size: 1rem; } .faq.singl-pr-rc { padding: 2.5rem 0 4rem; } } @media (min-width: 992px) { .breadcrumb { margin: 10px 0; } .hero{ background: url(/media/jc/ratecard/single-price/singleoptionrc-hero-dt.webp)no-repeat top center; background-size: cover; padding:6rem 0; margin-bottom:2.5rem; } .hero .hero-bg-dt { padding:1.5rem; width:60%; } .hero h1 { text-align: left; } .hero h2{ text-align: left; } .other-options { margin-bottom: 0; } .cta-options-wrap{ display: flex; align-items: center; gap:2rem; } .cta-wrapper { margin: 0; } .other-options .title, .other-options .link { text-align: left; } .price-block { margin: 0 0 1rem; max-width:30rem; } .cta-wrapper .btn-default { width:11.25rem; } .weight-loss{ margin-bottom:2.5rem } .weight-loss .card .img-wrap { width: 6rem; } .weight-loss h4 { font-size: 1.1rem; } .weight-loss .card{ margin:0; height:14rem; } .testimonial .d-flex{ flex-direction: row-reverse; justify-content: center; align-items: center; gap: 2.5rem; } .testimonial .quote { text-align: left; font-size: 1.4375rem; } .choose-meals .btn-primary-outline{ width:16.25rem; margin:0 auto; } } @media(min-width: 1200px) { .cta-wrapper .btn-default { width:16.25rem; } .weight-loss .card{ height:auto; } .weight-loss .card .img-wrap { width: 8.5rem; } .menu-slider{ width:1100px; margin:0 auto; display:flex; align-items: center; gap:1rem; } .testimonial { margin-bottom: 2.5rem; } .choose-meals .menu-items { overflow-x: scroll; scrollbar-width: none; } .choose-meals .menu-items::-webkit-scrollbar { display: none; } } @media(min-width: 1440px) { .weight-loss .card .img-wrap { width: 10.5rem; } .weight-loss h4 { font-size: 1.75rem; } .hero .hero-bg-dt { width: 55%; margin-left:7rem; } }