.text-gray-70, .text-gray-darker { color: #72757e; } .text-magenta { color: #bd357a; } .prepay input:focus:checked+label .radiocircle:after, .bars input:focus:checked+label .radiocircle:after { box-shadow: 0px 0px 5px #009cdb; } input[type=radio]:focus { box-shadow: 0px 0px 5px #009cdb; } .hero { padding-top: 0px; } .hero h1 { font-size: 1.625rem; font-weight: 700; line-height: 1.1; margin: 0 0 .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 .h6 { color: var(--Text-text-primary, #16384E); font-size: 1rem; font-weight: 500; line-height: 1.5; margin-bottom: 1rem; } .hero .img-wrapper { display: inline-block; width: 32px; margin: 0 4px 0 0; text-align: center; } .hero hr { margin: 16px 0; } .hero label { cursor: pointer; } .choose-menu, .choose-bar, .choose-prepay { background: var(--Background-background-light, #FAF7F4); margin-bottom: 24px; } .choose-menu.open, .choose-bar.open, .choose-prepay.open { border: 1px solid var(--Stroke-stroke-primary, #9B9C9C); } .choose-menu h2, .choose-bar h2, .choose-prepay h2 { font-size: 1.1875rem; font-weight: 400; margin: 0; } .hero a.step-link[aria-expanded="true"] h2 { width: 100%; } .hero .menu-more-info, .hero .bars-more-info, .hero .prepay-more-info { float: none; text-decoration: underline; display: block; margin: 0 auto; font-size: 0.813rem; color: #0875B5; } .choose-menu .form-group { margin: 0; display: flex; flex-direction: column; gap: .5rem; } .choose-menu label { min-height: 5rem; border: 1px solid var(--border-border-primary, #9b9c9c); background-color: #fff; width: 100%; align-items: center; vertical-align: top; padding: 1rem; display: flex; flex-direction: row; gap: 1rem; position: relative; font-size: 1rem; font-weight: 400; line-height: 1; margin: 0; } .choose-menu label.selected { border: 1px solid #0881C7; } .choose-menu input { margin: 0; min-width: 1.25rem; height: 1.25rem; cursor: pointer; } .choose-menu label span { display: flex; flex-direction: column; gap: .15rem; } .choose-menu label span.info-txt { font-size: 0.8125rem; line-height: 1.3; } .choose-menu label strong, .choose-bar label strong, .choose-prepay label strong { font-size: 0.8125rem; } .choose-menu input:checked+label { padding: 0; border: 1px solid var(--Stroke-stroke-bright, #0881C7); background: var(--Background-background-active, #DFEBF0); margin: 0; } .choose-menu label .selected-check, .choose-bar label .selected-check, .choose-prepay label .selected-check { display: none; } input[type=radio]:checked:after { background: url(/media/jc/ratecard/radio-check-blu.svg) no-repeat; left: 0px; top: 0; width: 1.25rem; height: 1.25rem; } input[type=radio]:checked { border: none; } #chooseMenu .wrap, #chooseBar .wrap, #choosePrepay .wrap { padding: 8px 10px 16px; } .hero a.step-link { padding: 10px 10px 8px; display: flex; align-items: center; justify-content: space-between; text-decoration: none; color: #16384E; padding-bottom: 8px; } .hero p.info-txt { margin: 0; font-size: 0.813rem; margin-bottom: 1rem; padding-top: 8px; } .hero .glyphicon-chevron-down { display: none; } .hero .more-info-wrap { background: #ECE7E1; padding: 4px 0; } .prepay h2 { font-size: 1.4375rem; font-weight: 700; margin: 0 0 2px; } .prepay p.h3 { font-size: 1.1875rem; font-weight: 500; margin: 0 0 5px; line-height: 1.3; } .prepay .prepay-more-info { float: right; text-decoration: underline; } .prepay input, .bars input { opacity: 0; position: absolute; } .prepay label, .bars label { width: 100%; border: 1px solid var(--border-border-primary, #9b9c9c); padding: 0; display: flex; margin: 0; } .prepay label { background-color: #fff; padding: 1rem 1rem 1rem .5rem; } .prepay label:not(:first-of-type) { margin-top: -1px; } .prepay .form-group, .bars .form-group { margin: 0; } .bars .form-group { display: flex; flex-direction: column; gap: .5rem } .prepay .form-group input:first-child+label, .bars .form-group input:first-child+label { border: 1px solid var(--border-border-primary, #9b9c9c); } .bars .form-group input+label { padding: 1rem; background-color: #fff; } .bars .form-group input:first-child:checked+label { border: 1px solid var(--Stroke-stroke-bright, #0881C7); } .prepay .radiocircle, .bars .radiocircle { min-width: 36px; position: relative; } .prepay .radiocircle:before, .bars .radiocircle:before { content: ""; min-width: 1.25rem; height: 1.25rem; border: 1px solid var(--border-border-primary, #9b9c9c); border-radius: 10px; top: 50%; position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; } .prepay .radiocircle:before, .bars .radiocircle:before { content: ""; min-width: 1.25rem; height: 1.25rem; border: 1px solid var(--border-border-primary, #9b9c9c); border-radius: 50%; top: 50%; position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; } .prepay .info, .bars .info { display: flex; font-size: 1rem; align-items: center; gap: .75rem; } .prepay .info { display: flex; flex-direction: row-reverse; justify-content: left; align-items: center; width: 100%; } .prepay label p, .bars label p { margin: 0; } .prepay .pricing { width: 50%; float: right; text-align: right; } .prepay .pricing .strike { color: var(--text-text-inactive, #7e7e7f); text-decoration: line-through; font-size: 1rem; } .prepay .qty { font-size: 0.8125rem; } .prepay .savepercent { font-size: 0.8125rem; color: var(--text-text-secondary, #0881c7); font-weight: 700; text-align: right; } .prepay .include { font-size: 0.8125rem; font-weight: 700; } .bars .include { font-size: 0.8125rem; } .prepay input:checked+label { background: #fff; } .prepay input:checked+label .radiocircle:after, .bars input:checked+label .radiocircle:after { content: ""; border-radius: 50%; top: 50%; position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(/media/jc/ratecard/radio-check-blu.svg) no-repeat; width: 1.25rem; height: 1.25rem; } .bars { margin-top: 0; } .bars .bars-more-info { float: right; text-decoration: underline; } .bars h2 { font-size: 1.1875rem; } .bars p.h3 { font-size: 1rem; } .price-block { margin: 0; } .price-block p { margin: 0; } .price-block .selection { background: #0875B5; color: var(--text-text-invert, #fff); padding: 8px; text-align: center; } .price-block .ppd-cell, .price-block .ppw-cell { border: 1px solid var(--border-border-primary, #9b9c9c); border-bottom: 0; padding: 16px 5px; text-align: center; width: 50%; display: inline-block; float: left; } .price-block .ppw-cell { float: none; } .price-block .ppw-cell { border-left: 0; } .price-block .ppd-cell .ppd, .price-block .ppw-cell .ppw { font-size: 1.1875rem; color: var(--text-text-secondary, #0881c7); font-weight: 700; } .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 p, .price-block .shipping-cell p { display: inline-block; } .price-block .bars-cell .bars-price{ color: var(--text-text-secondary, #0881c7); font-weight: 700; float: right; } .price-block .shipping-cell .shipping-price { float: right; } .price-block .total-cell { border: 1px solid var(--border-border-primary, #9b9c9c); padding: 8px; font-weight: 700; } .price-block .total-cell p { display: inline-block; } .price-block .total-cell p.total-prices { float: right; } .price-block .total-cell s { color: var(--text-text-inactive, #7e7e7f); font-weight: 400; } .cta-wrapper { margin: 1.5rem auto 2rem; } .cta-wrapper .btn-default { padding: 20px 40px; } .express { border-radius: 8px; border: 1px solid #cecece; position: relative; margin-top: 48px; padding: 24px 16px 0; } .express .legend { position: absolute; display: inline-block; top: -10px; background: #fff; width: 190px; text-align: center; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0; } .express a { width: 48%; display: inline-block; } .express img { padding: 0 0 16px; } #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 .items-wrap { display: flex; flex-direction: row; flex-wrap:wrap; gap: .5rem 1rem; margin-bottom: 15px; } .hero .items-wrap .items { display: flex; align-items: center; gap: .25rem; margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.1; } .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; } .prepay p.name { font-size: .8125rem; 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; } .prev-menu a { display: flex; align-items: center; justify-content: center; gap: .5rem; margin-top: 1rem; } #prevMenu .modal-body { overflow: hidden; } #prevMenu h4 { font-size: 1.625rem; font-weight: 700; line-height: 1.1; text-align: center; margin-bottom: .25rem; } #prevMenu .info-txt { text-align: center; font-family: Prompt; font-size: 1rem; font-weight: 400; line-height: 1.5; margin-bottom: .5rem; } #foordPrevCarousel .glyphicon { display: none; } #prevMenu .menu-items { overflow-x: auto; scroll-behavior: smooth; } #prevMenu .card-wrap { display: flex; align-items: center; gap: 1rem; } #prevMenu .card { width: 14.184rem; } #prevMenu .modal-body { padding: 0 1.25rem 3rem; position: relative; } label[for="sixship"] { position: relative; } label[for="sixship"] svg { width: 15em; height: auto; } label[for="sixship"] .pricing { position: absolute; bottom: 15px; right: 15px; } #breakfastEntreePlan h2 { margin: 0 0 1rem; font-size: 2.5rem; font-weight: 700; line-height: 1.1; } #breakfastEntreePlan h3 { margin: 0 0 .75rem; font-size: 1.75rem; font-weight: 700; line-height: 1.1; } #breakfastEntreePlan h3 span { color: var(--Text-text-accent, #BD357A); } #breakfastEntreePlan p { margin: 0 0 1rem; } #breakfastEntreePlan .modal-body { padding-top: 0; } #breakfastEntreePlan .new-eyebrow { margin: 0; width: 5rem; height: auto; } .shipment-includes { position: relative; display: flex; padding: 0.75rem var(--Spacing-spacing-md, 1rem); flex-direction: column; align-items: flex-start; border-radius: var(--Spacing-spacing-xs, 0.25rem); border: 1px solid var(--Text-text-brand_color, #0881C7); margin: 0 0 1rem; } .shipment-includes ul { margin: 0; } .shipment-includes ul li:not(:first-of-type) { margin-left: 0; } .shipment-includes p { position: absolute; top: -.75rem; left: .75rem; background-color: #fff; padding: 0 .25rem; color: var(--Text-text-brand_color, #0881C7); font-family: Prompt; font-size: 0.8125rem; font-weight: 400; } .new-eyebrow { margin-bottom: .5rem; } .cj-sub { font-family: Prompt; font-size: 1rem; font-weight: 400; } .cj-sub .cj { color: var(--Text-text-accent, #BD357A); } .items svg { width: 32px; height: auto; } .items:last-child svg { width: 24px; margin:0 4px; } .prepay .best-value, #chooseBar .new { color: var(--Text-text-White, #FFF); text-align: center; font-family: Prompt; font-size: 0.6875rem; font-weight: 700; line-height:1; border-radius: 0.25rem; background: var(--Text-text-accent, #BD357A); display: inline-block !important; padding: .3rem 0.375rem .25rem; } #chooseBar .new { margin:0 0 .25rem; } #prevMenu img.card-img { height: 16.2rem; } #prevMenu .points { color: var(--Text-text-brand_color, #0881C7); text-align: center; font-family: Prompt; font-size: 0.8125rem; font-weight: 400; line-height: 1.3; margin-bottom: 1.5rem; } #prepay-modal p.h5 { font-family: Prompt; font-size: 1.1875rem; font-weight: 700; line-height: 1.1; } #prepay-modal ul { list-style-type: '- '; } #prepay-modal ul li span { color: var(--Text-text-accent, #BD357A); } #prepay-modal .note { font-family: Prompt; font-size: 1.1875rem; font-weight: 700; line-height: 1.1; } #prepay-modal .savings { font-size: 1.1875rem; font-weight: 700; font-family: Prompt; } .ratecard-section .step-disabled { pointer-events: none; padding: 0; } .ratecard-section .step-disabled>a.step-link { background: transparent; border: 0; } .hero .choose-bar, .hero .choose-prepay { display: block; } #prevMenu .cheesecake { width: 14.184rem; } @media(max-width: 991px) { .breadcrumb { margin: 0; } } @media (max-width: 767px) { picture img { width: 200px; margin: auto; } #bars-modal picture img { width: auto; margin-bottom: 20px; } .hero .choose-menu.selected h2 span:before, .hero .choose-bar.selected h2 span:before, .hero .choose-prepay.selected h2 span:before { width: 16px; height: 16px; } #prevMenu .btn-left, #prevMenu .btn-right { display: none; } } @media (max-width: 350px) { footer input#emailFooter { width: 100%; } label[for="sixship"] svg { width: 13em; height: auto; } } @media (max-width: 320px) { .price-block .ppd-cell s, .price-block .ppw-cell s { display: block; } .choose-menu h2, .choose-bar h2, .choose-prepay h2 { font-size: 1rem; } } @media(min-width: 567px) { label[for="sixship"] .pricing { position: static; } .prepay .pricing { width: 100%; } } @media (min-width: 768px) { #prevMenu .cheesecake { width: 12rem; } .hero { margin-top: -100px; padding-bottom: 40px; padding-top: 100px; } .hero .hero-bg-dt { padding: 32px; max-width: 58.625rem; padding: 2rem 3.125rem; } .hero h1 { font-size: 2.105263rem; } .hero .h6{ font-size: .842105rem; } .shipment-includes p { font-size: .68421rem; top: -.65rem; } .shipment-includes ul li { font-size: .842105rem; } .hero .items { font-size: 0.842105rem; display: inline; margin: 0 16px 0 0; } .hero .items-wrap .items { font-size: 0.842105rem; } .choose-menu p, .ratecard-section a { font-size: 0.842105rem; } .choose-menu label strong { font-size: 0.68421rem; } .prepay p.h3 { font-size: 1rem; } .prepay .qty, .prepay .savepercent, .prepay .include { font-size: 0.68421rem; } .bars h2 { font-size: 1rem; } .bars p.h3 { font-size: 0.842105rem; } .bars .name { font-size: 0.842105rem; } .price-block { font-size: 0.842105rem; margin: 0; } .price-block .ppd-cell .ppd, .price-block .ppw-cell .ppw { font-size: 1rem; } .express .legend { font-size: 0.842105rem; } .express img { padding: 0 0 5px; } #prepay-modal li { margin: 0px 0 20px; } #prepay-modal p.small { font-size: 0.578947rem; } .hero span.save-perc { font-size: 13px; } .choose-menu h2, .choose-bar h2, .choose-prepay h2 { font-size: 1rem; } .price-block .ppd-cell, .price-block .ppw-cell { padding: 16px 3px; } .hero .items-wrap { gap: .5rem 1rem; border-bottom: 1px solid var(--Jenny-Colors-Greys-Light-Gray, #BFC2C4); padding-bottom: .842105rem; margin-bottom: 2rem; } input[type=radio]:checked:afte, .choose-menu input { max-width: 1.25rem; height: 1.25rem; } .choose-menu input { margin: 0; width: 1.25rem; height: 1.25rem; } .prepay p.name, .prepay .qty, .prepay .savepercent, .prepay .include, .hero span.save-perc { font-size: .68421rem; } input[type=radio]:checked:after, .prepay input:checked+label .radiocircle:after, .bars input:checked+label .radiocircle:after { background-size: 110%; } .cta-wrapper { margin: 2rem auto 3rem; } #prevMenu .modal-dialog { width: 37.625rem; } .prepay .pricing .strike { font-size: 1rem; } .price-block .bars-cell, .price-block .shipping-cell, .price-block .total-cell { padding: 8px 70px; } #prepay-modal .modal-title { font-size: 1.473684rem; } #menu-modal p:not(.h5), #menu-modal .panel-body li, #prepay-modal p:not(.h5), #prepay-modal .panel-body li,#prepay-modal .modal-body li { font-size: 0.842105rem; } #prepay-modal p.h5 { font-size: 1rem; } #menu-modal ul, #menu-modal .panel-heading.accordion button, #prepay-modal ul, #prepay-modal p.h6 { font-size: 1rem; } #chooseBar .new { margin:0; } } @media (min-width: 992px) { .hero .hero-bg-dt { padding: var(--Spacing-4, 1rem) 6rem; margin: 0 auto; } .choose-menu label { line-height: 1.5; } .bar-img-sm { width: 104px; } .choose-menu h2, .choose-bar h2, .choose-prepay h2 { font-size: 1.210526rem; } .hero p.info-txt { margin-bottom: 0.842rem; } .choose-menu label { font-size: 0.842rem; } .hero .menu-more-info, .hero .bars-more-info, .hero .prepay-more-info { font-size: 0.684rem; } .shipment-includes ul { display: flex; flex-wrap: wrap; justify-content: flex-start; list-style-type: disc; padding-left: 0; gap: 2rem; } .shipment-includes li { margin: 0 0 0 1.5rem; } .prepay label p.priceper { font-size: .842105rem; } .hero .step-disabled h2 { font-size: 23px; } #prevMenu .modal-dialog { width: 43.625rem; } #prevMenu .modal-body { padding: 0px 2rem 4rem; } #prevMenu h4 { font-size: 2.0625rem; margin-bottom: .25rem; } #prevMenu .info-txt { font-size: 1.1875rem; } #prevMenu .points { font-size: 1rem; } #prevMenu .menu-slider { display: flex; align-items: center; gap: 1rem } .hero .choose-prepay li { font-size: .842105rem; } .price-block .bars-cell, .price-block .shipping-cell, .price-block .total-cell { padding: 8px 80px; } } @media(min-width: 1200px) { .hero .hero-bg-dt { padding: var(--Spacing-8, 1rem) 11rem; } .hero p.info-txt { font-size: 1rem; } .choose-menu label { font-size: 1rem; } .bars label p.name { font-size: 1rem; } #chooseMenu .wrap, #chooseBar .wrap, #choosePrepay .wrap { padding: .421052rem 1rem 1rem; } .hero a.step-link { padding: .62rem 1rem .62rem; display: flex; align-items: center; justify-content: space-between; text-decoration: none; color: #16384E; padding-bottom: 8px; } .hero .choose-menu.selected h2 span:before, .hero .choose-bar.selected h2 span:before, .hero .choose-prepay.selected h2 span:before { width: 24px; height: 24px; background-size: 115% } .hero .list-checked.check-blue>li:before { top: 0rem; width: 20px; height: 20px; background-size: 90% } .prepay label { padding: 1rem; } .prepay .radiocircle, .bars .radiocircle { min-width: 40px; } .price-block .bars-cell, .price-block .shipping-cell, .price-block .total-cell { padding: 8px 130px; } } @media (min-width: 1440px) { .hidden-xl { display: none; } .hero.recharge, .hero.anytime { background-position: center -70px; background-size: 115%; } .hero.anytime { background-size: 118%; } .choose-menu input:checked+label .selected-check { display: inline-block; position: absolute; bottom: 0; left: 0; height: 20px; width: 20px; background: var(--ui-selected, #ec6a5c); color: var(--ui-background-active, #faf7f4); font-size: 14px; padding: 1px 0 0; } .choose-menu input:checked+label .selected-check:after { content: ""; display: inline-block; height: 20px; width: 20px; position: absolute; left: 20px; bottom: 0px; background: rgb(236, 106, 92); background: linear-gradient(45deg, rgba(236, 106, 92, 1) 50%, rgba(250, 247, 244, 1) 50%); } } @media (min-width: 1700px) { .hero.recharge, .hero.anytime { background-size: 100%; } } @media (min-width: 1920px) { .hero { background-size: cover; margin-top: -85px; } }