/*======================================= BIG MAMAS AND PAPAS CSS ========================================*/ html, body { height:100%; } body { background:#f5f5f5; line-height:1.5; color:#444; font-size:.938em; width:100%; -webkit-font-smoothing:antialiased; font-family:'Open Sans', sans-serif; } body.noscroll { overflow:hidden; } ul, li { list-style-type:none; margin:0; padding:0; } a { color: #D6001C; text-decoration:none; } a:hover { color:#000; text-decoration:none; } .container { height:100%; position:relative; max-width:1400px; } .col-center { margin:0 auto; } input { background: #fff; border: 1px solid #ddd; display: inline; padding: 7px 5px; } textarea { background: #fff; border: 1px solid #ddd; display: inline; padding: 7px 5px; } select { background: #fff; border: 1px solid #ddd; display: inline; padding: 7px 5px; } h1, h2, h3, h4, h5, h6 { font-family:'Bitter', serif; display:block; position:relative; text-transform:uppercase; } h1 { color:#1a1a1a; font-size:2.8em; font-weight:bold; text-align:center; } h2 { color:#1a1a1a; font-size:2em; font-weight:bold; text-align:center; } h3 { color:#1a1a1a; font-size:26px; font-weight:bold; text-align:center; } h4 { color:#ed3237; } h5 { color:#1a1a1a; } h6 { color:#1a1a1a; font-size:1.5em; font-style:italic; text-transform:capitalize; } .yellow-shadow { -webkit-text-stroke:1px black; color:#FFD100; text-shadow:-2px -2px 0 rgba(0,0,0,1); } header, #top-bar, #nav-bar, nav, #menu-bar, #content, section, footer, #sponsors { display:inline-block; float:left; height:auto; margin:0; padding:0; position:relative; width:100%; } /*Skip to main content ----------------------------------------------------------------------------------------------*/ .skip-link { background:#FFF; box-shadow:0 2px 4px rgba(0,0,0,0.75); font-size: .9em; padding:5px 15px; position:fixed; top:0px; left:10px; transition:transform .2s ease-out; transform:translateY(-200%); z-index:9999; } .skip-link:hover { text-decoration:underline; } .skip-link:focus, .skip-link:active { transform:translateY(0%); } /*Font ----------------------------------------------------------------------------------------------*/ ul#nav li a, #order-options, ul.footer-links, .btn-reward, #mobile-nav li a { font-family:'Bitter', serif; } /*Button - yellow: #FFD100 - red: #D6001C - green: #007749 ----------------------------------------------------------------------------------------------*/ .btn { background:#D6001C; border-radius:0; color:#fff; display:inline-block; font-family: 'Bitter', serif; font-weight:700; padding:13px 25px; margin-top:5px; text-align:center; text-transform:uppercase; } .btn:hover { background:#cb021c; color:#FFF; } .btn-black { background: #000; } .btn-black:hover { background: #111 } .btn-yellow { background:#FFD100; color:#000; } .btn-yellow:hover { background: #f9cc00; color:#000; } .btn-grey { background:#1a1a1a; color:#FFF; } .btn-grey:hover { background: #111111; color:#FFF; } .btn-white { background:#FFF; border:2px solid #D6001C; color:#D6001C; } .btn-white:hover { background:#D6001C; border:2px solid #D6001C; color:#FFF; } .text-stroke { -webkit-text-stroke:1px black; text-shadow:1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } button.close { position:relative; z-index:99; } /*======================================= HEADER ========================================*/ #top-bar { background:#FFF; height:auto; padding:0; text-align:center; } .sign-in { font-weight:700; margin-left:285px; text-transform:uppercase; } .sign-in:hover { color:#D6001C; text-decoration:underline; } ul.social { float: right } ul.social li { display:inline-block; } ul.social li a { color: #000; font-size: 1.2em; } ul.social li a i { padding-left: 15px; } ul.social li a:hover { color:#D6001C; } nav { height:100%; } #nav-bar { background:#000000; height:62px; position:static; top:-100px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; } nav #logo { position:absolute; top:5px; left:0; width:210px; z-index:997; } nav #logo img { max-width:100%; width:100%; } #nav-toggle { color:#FFF; font-size:24px; display:none; height:60px; position:absolute; top:0; right:0; width:60px; z-index:999; } #nav-toggle i { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } ul#nav { display:flex; float:none; height:100%; padding-left:220px; text-align:left; } ul#nav li { align-items:center; display:flex; justify-content: center; height:100%; } ul#nav li a, #nav-bar #nav-franchise { align-items:center; color:#f9cc00; display:flex; font-size:1.16em; height:100%; font-weight:700; padding:0px 15px; text-transform:uppercase; line-height:1; } ul#nav li a:hover, #nav-bar #nav-franchise:hover, ul#nav li a.active { background:#414243; text-decoration: underline; } ul#nav li:last-child { float:right; } ul#nav li a:hover, ul#nav li a:focus, ul.footer-links li a:hover, ul.footer-links li a:focus, .menu-list a:hover, .menu-list a:focus { text-decoration: underline;} ul#nav li.inc-icon a { display:flex; } ul#nav li a span.icon-nav { display:flex; align-items:center; justify-content: center; margin-right:6px; width:26px; } ul#nav li#nav-bigger-better { background:#414243; margin-left:auto; padding-left:40px; position:relative; } ul#nav li#nav-bigger-better img { position:absolute; top:50%; left:10px; transform: translateY(-50%); max-width:100%; width:40px; } ul#nav li#nav-bigger-better a { display:flex; flex-direction:column; justify-content:center; line-height:1; } ul#nav li#nav-bigger-better .bbr-lg { font-size:28px; } ul#nav li#nav-bigger-better:hover, ul#nav li#nav-bigger-better:hover a { background:#000; } #nav-bar #nav-franchise { border-right:1px solid rgba(0,0,0,0.15); border-left:1px solid rgba(0,0,0,0.15); position:absolute; top:0; right:15px; } #nav-bar.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 9998; } #nav-bar.sticky nav #logo { top:10px; transform:translateY(0); width:190px; } .btn-reward { color:#ed1c24; display:inline-block; font-size:3.5em; letter-spacing:2px; margin:0 auto; position:relative; text-shadow:-3px 3px 0 #FFD100; text-transform:uppercase; font-weight:700; padding:0 0 0 70px; width:auto; } .btn-reward::after { border:2px solid #000; border-radius:5px; content:""; display:block; position:absolute; top:20px; right:-15px; bottom:16px; left:-15px; z-index:0; } .btn-reward img { position:absolute; top:51%; left:0; transform:translateY(-50%); width:58px; z-index:1; } .btn-reward span { background:#FFF; padding:0 5px; position:relative; z-index:1; } .btn-reward:hover { color:#FFD100; text-shadow:-3px 3px 0 #000; } #top-bar.rewards-bar { padding:0; } /* mobile nav */ #mobile-nav { display:none; height:100%; padding-left:155px; padding-right:60px; text-align:left; } #mobile-nav li { align-items:center; display:flex; justify-content: center; height:100%; } #mobile-nav li a { align-items:center; color:#f9cc00; display:flex; font-size:1em; height:100%; font-weight:700; line-height:1em; padding:0px 10px; text-align:center; text-transform:uppercase; } #mobile-nav li a:hover, #mobile-nav li a.active { background:#414243; } /*======================================= CONTENT ========================================*/ #content { padding:40px 0; } .bg-yellow { background:#FFD100; border-top:3px solid #FFF; } .page { padding:30px 80px 0 80px; } /* Home Page */ #order-options { color:#000; font-size:1.2em; margin:0 0 20px; font-weight:700; text-align:center; text-transform:uppercase; } #order-options.home-options { margin-bottom:0; } #order-options .page-title { position:absolute; right:0; top:50%; transform:translateY(-50%); } #order-options a { display:inline-block; font-size:1.5em; margin:0 5px; padding:20px 50px; } #order-options.order-options-menu { margin-top:-12px; } #order-options.order-options-menu .page-title { font-size:2em; } #order-options.order-options-menu a { font-size:1.25em; padding:15px 25px; } #order-options.order-options-hidden { display:none; } #order-options.order-options-menu a h2 { font-size: 1em; margin-bottom: 0;} #order-options.order-options-footer { margin-top:0; } .grey-box { background:rgba(0,0,0,0.5); border-radius:25px; margin:0 auto; padding:30px; } h2.delivery-promo { color:#000; font-family:'Archivo Black', sans-serif; font-size:1.35em; font-weight:400; line-height:1em; padding:0; margin:0; position:relative; } /* h2.delivery-promo::after { background:#FFD100; content:""; display:block; height:2px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:80%; } */ h2.delivery-promo span { display:inline-block; font-size:1.4em; width:100%; } h2.delivery-promo em { color:#D6001C; font-style:normal; } h2 span.tooltip-prompt { background:rgba(0,0,0,0.2); border-radius:50%; color:#000; display:inline-block; font:700 14px/15px 'Open Sans',sans-serif; height:15px; position:absolute; top:25px; transform:translateX(50%); text-shadow:none; width:15px; z-index:1001; } h2 span.tooltip-prompt span.tooltip-box { background:rgba(0,0,0,0.85); border-radius:8px; color:#FFF; display:none; font-size:12px; font-weight:400; position:absolute; top:110%; left:50%; transform:translateX(-50%); padding:20px; text-transform:none; z-index:1001; width:300px; } .promo-savings { color:#D6001C; font-size:1.35em; font-family:'Archivo Black', sans-serif; font-style:italic; line-height:1em; text-align:center; position:relative; text-transform:uppercase; } .promo-savings span { background:#FFF; display:inline-block; padding:0 10px; position:relative; z-index:2; } .promo-savings::before{ background:#000; content:""; height:2px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:35%; z-index:1; } /* Specials */ #promotions { margin:0; padding:0 5%; } #promotions .row .col { margin:15px 0; } #promotions .coupon { border: 1px solid #1a1a1a; overflow:hidden; padding:15px; position:relative; width:auto; } #promotions .coupon .coupon-hdr { background: #000; color: #fff; font-family: 'Bitter', serif; font-size: 1.3em; font-weight: 700; text-transform: uppercase; padding: 5px 0; text-align: center; } #promotions .coupon .coupon-hdr span { display: block; font-size: .8em; } #promotions .promo-mobile { display:none; } #promotions .promo-desktop { display:inline-block; } #promotions .coupon.cancer-coupon { padding-bottom:0; } #promotions .coupon { padding:0 0 50px; height:100%; } #promotions .coupon .coupon-desc { color:#000; font-size:2em; font-weight:900; padding:15px 0 15px 15px; text-transform:uppercase; } #promotions .coupon .coupon-desc h4 { font-weight:700; text-transform:uppercase; } #promotions .coupon .coupon-desc p { min-height:50px; font-size:16px; font-weight:400; text-transform:none; } #promotions .coupon .coupon-desc .coupon-price { font-weight:800; font-size:100px; letter-spacing:-2px; line-height:1em; } #promotions .coupon .coupon-desc .coupon-price sup { font-size:0.6em; position:relative; } #promotions .coupon .coupon-desc .coupon-price sup::after { content:"+tax"; font-size:0.3em; font-weight:700; position:absolute; bottom:0; right:0; } #promotions .coupon .btn { position:absolute; bottom:0; left:0; width:100%; } #promotions .coupon .btn:hover { background:#D6001C; color:#FFF; } #promotions .coupon .coupon-img img { max-width:160%; } #promotions .coupon .btn { position:absolute; bottom:40px; left:440px; width:auto; } #promotions .coupon .btn:hover { background:#cb021c; color:#FFF; } #promotions .promo-mobile .coupon .btn { position:absolute; bottom:50px; left:20px; width:auto; } .view-more { padding:0 5%; width:100%; } .btn-more-coupons { display:inline-block; font-size:1.5em; margin:15px 0; padding:25px; width:100%; } .menu-title h2 { background:none; text-align:left; padding:0; } /* promo 2020 */ #promotions.promo-society .row .col { margin:0; } #promotions .coupon.coup-new { border:none; } #promotions .coupon.coup-new .btn { position:absolute; bottom:20px; left:20px; width:auto; } #promotions .promo-mobile .coupon .btn { position:absolute; top:2rem; left:20px; bottom:auto; right:auto; width:auto; } #promotions.promo-top { margin-top:10px; } #promotions.promo-top .coupon { padding:0; } /* Full Page Promo */ #full-page-promo { background:rgba(0,0,0,0.25); padding:0 0 25%; } #full-page-promo span { color:#999; font-size:3em; line-height:1em; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } /* Find Location Bar */ #find-location-bar { background:#007749; height:100px; padding:40px 0; position:relative; } #find-location-bar .btn, #find-location-bar h3 { margin:0; position:absolute; top:50%; transform:translateY(-50%); } #find-location-bar .btn { font-size:1.2em; right:0; } #find-location-bar h3 { color:#FFF; left:0; } /* Who We Are */ #who-we-are { padding-bottom:40px; } #who-we-are p { text-indent:50px; } .order-title { font-size: 2.8em;} /* privacy policy */ #privacy-policy .privacy { padding:0 0 40px; } #privacy-policy h6, #accessibility h6 { color:#1a1a1a; font-size:20px; font-weight:700; padding:15px 0 10px; } #privacy-policy p { padding:0 0 15px; } #privacy-policy ol.numbered-list { padding:0 0 0 40px; } #privacy-policy ol.numbered-list li { list-style-type:decimal; } .privacy-app { padding: 20px !important;} /* accessibility */ #accessibility h1 { font-size: 2.3em; word-wrap: break-word } /* NEW FEATURE */ #features, #feature-deals { -webkit-display:flex; display:flex; -webkit-flex-flow:column wrap; flex-flow:column wrap; height:34rem; -webkit-justify-content:space-between; justify-content:space-between; margin:30px 0; padding:0 5%; } .feature { position:relative; overflow:hidden; width:36.77419%; } .feature-link { position:relative; max-width:100%; } .feature-title { color:#FFF; position:absolute; top:1.15054rem; left:1.15054rem; right:1.15054rem; text-align:left; z-index:1; } .feature h2 { font-size:2.5em; line-height:1em; color:#FFF; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .feature-content { color:#FFF; font-family: 'Bitter', serif; font-size:0.9em; font-weight:700; position:absolute; top:5em; left:1.15054rem; right:1.15054rem; z-index:1; } .feature-body { flex-shrink:0; overflow:hidden; } .feature-body::before { background:rgba(0,0,0,0.05); content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; } .feature-footer { color:#FFF; font-size:1em; font-weight:400; position:absolute; bottom:1.5rem; left:2.15054rem; right:2.15054rem; text-align:center; z-index:1; } .feature-footer em { font-style:normal; } .feature-content ul { display:inline-block; } .feature-content ul li { font-size:2em; font-weight:600; line-height:1.2em; list-style-type:none; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .feature-content ul li.ampand { text-shadow:none; position:relative; text-align:center; } .feature-content ul li.ampand::before { background:#FFF; content:""; display:block; height:3px; width:40%; position:absolute; left:0; top:50%; transform:translateY(-50%); } .feature-content ul li.ampand::after { background:#FFF; content:""; display:block; height:3px; width:40%; position:absolute; right:0; top:50%; transform:translateY(-50%); } .feature-price { color:#000; font-weight:900; position:absolute; bottom:-1rem; right:1rem; text-align:right; z-index:2; } .feature-price { text-shadow:1px 1px 0 #FFF,2px 2px 0 #FFF,3px 3px 0 #FFF,4px 4px 0 #FFF; } .feature-dollars { letter-spacing:-8px; font-size:7em; } .feature-cents, .feature-symbol { font-size:2.5em; position:relative; top:-1.25em; text-shadow:1px 1px 0 #FFF,2px 2px 0 #FFF,3px 3px 0 #FFF; } .per { font-size:2em; position:relative; left:-2em; top:-1em; text-shadow:1px 1px 0 #FFF,2px 2px 0 #FFF; } .feature-hero { margin-right:1.07527%; width:62.15054%; } .feature-hero .feature-price { bottom:0em; left:1.15054rem; right:1.15054rem; } .feature-hero .feature-content { left:52.5%; right:auto; top:2em; width:50%; } .feature-hero .feature-price .feature-dollars { font-size:10em; } .feature-hero .feature-price .feature-cents { font-size:3.5em; } .feature-hero .feature-price .feature-symbol { top:-2.25em; } .feature-hero.hidden { display:none; } .feature .btn { position:absolute; bottom:20px; left:20px; text-shadow:none; z-index:10; } #promotions .feature-price { text-shadow:none; color:#D6001C; position:absolute; top:42.5%; right:40px; transform:translateY(-50%); } #promotions .feature-dollars { letter-spacing:-10px; font-size:9em; } #promotions .feature-cents, #promotions .feature-symbol { font-size:2.5em; position:relative; top:-1.9em; } #promotions .per { font-size:1.5em; position:relative; left:-2em; top:-1em; } /* new deals - Jan 2020 */ #feature-deals { height:auto; } .feature-deal { flex-basis:calc(50% - 30px); margin:15px; width:calc(50% - 30px); } .feature-deal .feature-price { color:#FFF; text-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 #000; } .feature-deal .feature-cents, .feature-deal .feature-symbol { text-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000; } .feature-deal .per { text-shadow:1px 1px 0 #000,2px 2px 0 #000; } .feature-deal h2 { font-size:3em; } /* Giant Sicilian Page */ #giant-sicilian .row { align-items:center; margin-top:30px; } #giant-sicilian p { font-size:1.25em; margin-bottom:3rem; } #giant-sicilian h5 { font-size:1.5em; font-weight:700; } #giant-sicilian .col-md-3 { align-items:center; flex-direction:column; justify-content:center; } /* Contests */ #contests { display:flex; flex-wrap:wrap; } #contests h1 { flex-basis:100%; width:100%; } #contests-img, #contests-rules { margin:0px auto; } #contests-rules { font-size:1.25em; } #contests-rules h2 { font-size:1.75em; margin-top:2rem; } #contests-rules img { margin-bottom:2rem; } #contests-rules img.no-margin { margin:0; } /* Gift Cards */ #gift-cards .btn { margin:10px; } /* Bigger Better Rewards */ #bigger-better-rewards { margin:0 auto; width:900px; } #bigger-better-rewards h1 { color:#FF0000; line-height:1; font-size:4em; padding:0; -webkit-text-fill-color: #FF0000; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; } #bigger-better-rewards h1 span { display:block; font-size:1.6em; text-shadow:-4px 4px 0 #FFF; -webkit-text-stroke-width: 0px;} .points-chart { display:flex; padding:1rem 0; width:100%; } .points-desc { align-items:center; color:#FFF; display:flex; font-size:1.5em; flex-grow:1; justify-content:center; line-height:1em; text-transform:uppercase; padding:1rem 0; position:relative; width:100%; text-align:left; } .points-desc:nth-child(1)::after { background:#FF0000; content:""; height:80%; position:absolute; top:50%; right:0%; transform:translateY(-50%); width:4px; } .points-desc span { padding:10px; } .points-desc:nth-child(2) { justify-content:flex-start; padding-left:20px; } .points-desc span em { color:#000; font-size:0.65em; line-height:1em; text-transform:capitalize; } .points-desc:nth-child(1) span:first-child { width:100px; } .points-desc:nth-child(2) span:first-child { width:120px; } .points-btn { display:flex; position:relative; justify-content:center; width:100%; } .points-btn .btn { border:20px solid #FFD100; position:relative; z-index:1; } .points-btn::after { background:#FFF; content:""; height:5px; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; z-index:0; } #program { background:#FFF; display:block; float:left; padding:60px 0; width:100%; } #program-content { align-items:center; display:flex; flex-direction:column; justify-content:center; text-align:center; } #program-content h2 { color:#FF0000; font-size:3em; } #program .card { background:#FFF; border-color:#09a3de; margin:1rem; border-radius:0px; text-align:left; width:100%; } #program .card-header { align-items:center; background:#FFF; border:none; display:flex; } #program .card-header-img { max-width:60px; } #program .card-header button { background:#09a3de; margin-left:auto; } #program .card-header button i { padding-left:5px; } #program .card-header button:hover { background:#FF0000; text-decoration:none; } #program .card-header button:focus { text-decoration:none; } #program .card-header-text { align-items:flex-start; color:#000; display:flex; flex-direction:column; font-size:1.25em; padding:10px 25px; text-align:left; } #program .card-header-text h3 { color:#09a3de; } #program .card-body { } #accordion { align-items:center; display:flex; flex-direction:column; justify-content:center; width:50%; } .pages { margin-top:40px; } .pages h1 { background:#FFD100; color:#1a1a1a; font-size:2em; padding:5px 10px; text-align:left; } #customer-support { } #customer-support #accordion { display:flex; flex-direction:column; width:100%; } #customer-support .card { margin:10px 0; text-align:left; width:100%; } #customer-support .card-header { padding:0; border:none; border-radius:0; } #customer-support .card button.btn { align-items:center; background:#000; color:#FFF; display:flex; font-size:14px; font-weight:700; padding:12px 20px; text-align:left; text-decoration:none; width:100%; white-space:normal; margin:0; } #customer-support .card button.btn:hover { color:#FFD100; } #customer-support .card button.btn i { margin-left:auto; font-size:24px; } #customer-support .card button.btn h2 { color:#FFF; font-weight:700; margin:0; font-size: 1.25rem; } #customer-support .card a { color:#e71220; } #customer-support .card a:hover { color:#e71220; text-decoration: underline; } #customer-support .card a.button { color:#FFF; margin:30px 0 0; width:auto; } #customer-support .card a.button:hover { color:#FFF; } #customer-support .card-body p { } #customer-support .info-box { display:inline-block; float:left; height:auto; margin:10px 0; text-align:left; width:100%; } #customer-support .info-box ol li { color:#333; list-style-type:decimal; } #customer-support .info-box ol li p { color:#656565; } ul.disc, ul.disc li { list-style-type: disc; } ul.circle, ul.circle li { list-style-type: circle; } ul.disc, ul.circle { padding:0 30px; } ul.disc { margin:0 0 20px; } ul.disc h3 { font-weight:700; color:#000; font-size:18px; text-align: left; } ul.circle li { margin:0 0 15px; } /*======================================= FOOTER ========================================*/ #footer { background:#000; padding:50px 0; } #footer-logo { display:inline-block; width:200px; } #footer strong { color:#FFD100; text-align:left; font-size: 26px; font-weight: 700; font-family: 'Bitter', serif; text-transform: uppercase; } ul.footer-links { padding:0; } ul.footer-links li { display:inline-block; padding:5px 0; width:100%; } ul.footer-links li a { color:#FFF; font-size:1em; font-weight:600; text-transform:uppercase; } ul.footer-links li a:hover { color:#FFD100; } ul.footer-links.privacy-links li { margin:0 10px 0 0; width:auto; } footer ul.social { text-align:center; width:100%; } footer ul.social li { padding:15px 10px; text-align:center; } footer ul.social li:last-child { padding-right:0; } footer ul.social li a { color:#FFF; } footer ul.social li a i { padding:0; } .btn-comments { float:right; } #sponsors { margin:30px 0; text-align:center; } ul#sponsors-list { display:inline-block; width:100%; } ul#sponsors-list li { display:inline-block; margin:0 15px; width:auto; } ul#sponsors-list li.coca-cola { width:75px; } ul#sponsors-list li.california-cheese { width:85px; } ul#sponsors-list li.leukemia-society { width:200px; } .olo-offer, .comments { display:block; float:right; width:100%; } .olo-offer { margin-top:1rem; } #copyright { color:#999; font-size:13px; padding:30px 0 0; text-align:left; } .legal { border-top:1px solid rgba(255,255,255,0.1); background-color:rgba(0,0,0,0.9); color:#bbb; line-height:1.7; font-size:.85em; padding:35px 0; position:relative; text-align:left; } .legal p { display:inline-block; height:auto; margin:0; padding:0 0 15px; width:100%; } .legal sup { font-size: 12px;} ul.footer-links li a.mafia-link { font-size:40px; font-weight:700; letter-spacing:3px; } ul.footer-links li a.mafia-link em { font-style:normal; text-shadow:-1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; } ul.footer-links li a.mafia-link em:nth-child(1){ color:#ee1d23; } ul.footer-links li a.mafia-link em:nth-child(2){ color:#08a7e0; } ul.footer-links li a.mafia-link em:nth-child(3){ color:#1a8947; } ul.footer-links li a.mafia-link em:nth-child(4){ color:#76777a; } ul.footer-links li a.mafia-link em:nth-child(5){ color:#feca0a; } /*======================================= COOKIE PRO ========================================*/ #ot-sdk-btn { background:#FFD100; border:none !important; color:#000 !important; position:fixed; bottom:15px; left:70px; z-index:999; } #ot-sdk-btn:hover { background:rgba(255,209,0,0.85) !important; } iframe[name="OTcrossDomain"] { height:1px; width:1px; position:fixed; top:-100px; left:-100px; } /*======================================= CONTESTS ========================================*/ #contests h1.contests-header { background:#FFD100; color:#1a1a1a; font-size:2em; padding:5px 10px; text-align:left; } /* Trip To Italy */ .italy { margin-top:5rem; } .italy h1, .italy h2 { margin-bottom:2rem; text-align:left; } .italy h2 { display:block; width:100%; } .trip-title { display:flex; flex-direction:column; width:100%; } .trip-title-banner { margin:0 0 15px; max-width:360px; width:100%; } .trip-title-sub { font-weight:600; font-style:italic; text-transform: capitalize; } .big-slice { background:#f7efd9; border:3px solid #e8e0c7; display:flex; flex-direction:column; width:100%; max-width:300px; } .big-slice .big-slice-title { color: #1a1a1a; font-weight:700; text-transform: capitalize; margin:0; padding:15px 15px 0; text-align:left; font-family:'Bitter', serif; font-size: 26px; } .big-slice-desc { display:flex; flex-direction:column; padding:15px; width:100%; } .trip-details { display:flex; flex-direction:column; font-size:16px; margin:40px 0; width:100%; } .trip-details h3, .trip-details h4 { color: #1a1a1a; text-align:left; } .trip-details h4 { font-weight:700; text-transform:capitalize; } .trip-details .disclaimer { font-size:14px; margin:0; text-align:left; font-weight:700; padding:0; } .trip-details ul, .trip-details ul li { list-style-type: disc; padding:0 15px; } .trip-step { display:flex; gap:40px; width:100% } .step-col { display:flex; flex-direction:column; } .step-num { align-items:center; background:#FFD100; border:4px solid #000; border-radius:50%; color:#000; font-size:40px; display:flex; justify-content:center; font-weight:700; height:60px; width:60px; } .step-icon { display:flex; width:100%; max-width:150px; } .step-col h3 b { text-transform: uppercase; } .icon-insta { max-width:64px; } .icon-board { max-width:360px; } .trip-form { display:flex; height:auto; width:100%; max-width:640px; } @media (max-width: 680px) { .trip-step { display:flex; gap:15px; width:100% } .step-col h3 { font-size:20px; } .icon-board { max-width:260px; } } /*Extra large devices (large desktops, 1200px and up)*/ @media (max-width: 1430px) { .container { max-width:1200px; } .page { padding:30px; } /* features */ #features { height:29rem; } .feature h2 { font-size:2em; line-height:1em; } .feature-content { font-size:0.8em; top:4.25em; left:1.15054rem; right:1.15054rem; } .feature-hero h2 { font-size:2em; } .feature-hero .feature-content { left:50%; width:50%; } .feature-hero .feature-price { bottom:0em; left:0.15054rem; right:0.15054rem; } .feature-title { top:1.15054rem; left:1.15054rem; right:1.15054rem; } .feature-price { bottom:0em; } .feature-dollars { letter-spacing:-8px; font-size:5em; } .feature-cents, .feature-symbol { font-size:2.5em; position:relative; top:-0.75em; } .per { font-size:1.5em; position:relative; left:-2em; top:-0.5em; } .feature-hero .feature-price .feature-symbol { top:-2em; } .feature-hero .feature-price .feature-cents { top:-1.3em; } .feature-hero .feature-price .per { top:-2em; left:-2.75em; } .feature .btn { padding:10px 15px; } #promotions .coupon .btn { left:375px; } #accordion { width:60%; } } @media (max-width: 1200px) { .container { max-width:1140px; } /* top bar */ #top-bar { padding:0; } .sign-in { margin-left:190px; } /* navigation */ nav #logo, #nav-bar.sticky nav #logo { width:180px; } ul#nav { padding-left:200px; } ul#nav li a, #nav-bar #nav-franchise { padding:20px 10px; } /* content */ #full-page-promo { background:rgba(0,0,0,0.25); padding:0 0 66.6667%; } #order-options .page-title { font-size:2em; } #order-options a { font-size:1.25em; padding:15px 30px; } /* features */ #features { height:calc(43.5vw - .9375rem); margin-bottom:0px; padding:0; } #feature-deals { padding:0; } .feature { width:36.77419%; } .feature-title, .feature-content { top:1rem; left:1rem; right:1rem; } .feature-content { top:4em; } .feature-hero .feature-content { top:2em; left:45%; width:55%; } .feature h2 { font-size:1.8em; line-height:1em; } .feature-hero h2 { width:40%; } .feature-hero { margin-right:1.07527%; width:62.15054%; } #promotions { padding:0; } .view-more { padding:0; width:100%; } #promotions .feature-price { text-shadow:none; color:#D6001C; position:absolute; top:42.5%; right:40px; transform:translateY(-50%); } #promotions .feature-dollars { letter-spacing:-10px; font-size:12vw; } #promotions .feature-cents, #promotions .feature-symbol { font-size:3vw; position:relative; top:-2.25em; } #promotions .feature-symbol { left:0.25em; } #promotions .coupon .btn { left:32vw; } /* Find Location Bar */ #find-location-bar .btn { font-size:1em; right:15px; } #find-location-bar h3 { font-size:1.25em; left:15px; } .points-desc { font-size:2.5em; } #accordion { width:75%; } } /*Large devices (desktops, 992px and up)*/ @media (max-width: 992px) { .container { max-width:992px; } /* top bar */ #top-bar { padding:0; text-align:center; } .sign-in { color:#FFF; font-size:0.8em; margin-left:0; } .sign-in img { display:none; } .sign-in:hover { color:#FFF; } ul.social { display:none; } h2 .tooltip-prompt { display:none; position:relative; } h2 span.tooltip-prompt span.tooltip-box { top:110%; left:auto; right:0; transform:translateX(0%); } #order-options { margin:30px 0 20px; } #order-options.home-options { margin:30px 0 10px; } #order-options .page-title, #order-options.order-options-menu h1 { font-size:1.8em; } #order-options a, #order-options.order-options-menu a { font-size:1em; padding:15px 20px; } #order-options .page-title { position:relative; } .promo-savings::before{ width:50%; } /* navigation */ #nav-bar { background:#000; box-shadow:0px 3px 10px 0px rgba(0,0,0,0.25); height:60px; } #nav-bar .container { padding:0; } nav { height:60px; } ul#nav { padding-left:0; } nav #logo, #nav-bar.sticky nav #logo { left:10px; top:10px; width:140px; } #nav-toggle { display:block; } #nav-toggle.toggled { background:#000; color:#FFF; } ul#nav { background:#000; display:none; height:100vh; padding-top:60px; position:absolute; top:0; right:0; width:60%; z-index:998; } ul#nav li, ul#nav li a { display:inline-block; float:left; height:auto; width:100%; } ul#nav li:last-child { display:block; } ul#nav li a { color:#f9cc00; padding:15px 20px; text-align:left; } ul#nav.toggled { display:flex; flex-direction:column; } #nav-bar #nav-franchise { display:none; } ul#nav li#nav-bigger-better { order:-1; } ul#nav li#nav-bigger-better a { align-items:flex-start; } #mobile-nav { display:flex; } .show-nav::after { background:rgba(255,255,255,0.65); content:""; position:fixed; top:0; left:0; right:0; bottom:0; width:100vw; height:100vh; z-index:997; } /* features */ .feature h2 { font-size:2.5vw; width:100%; } .feature-hero h2 { font-size:2.5vw } .feature-content { font-size:1.25vw; top:4em; } .feature-hero .feature-content { top:2em; left:45%; width:55%; } .feature-price { bottom:0; } .feature-dollars { letter-spacing:-5px; font-size:6vw; } .feature-cents, .feature-symbol { font-size:2vw; top:-1.25em; } .feature-hero .feature-price .per { position:relative; left:-2.75em; top:-2em; } .feature .btn { font-size:0.9em; padding:8px 12px; } #contests-img, #contests-rules { margin:0px auto; } #contests-rules { font-size:1em; } /* footer */ #footer-logo { margin:0 0 30px; } footer ul.social { display:inline-block; width:100%; } footer ul.social li { padding:15px 5px; text-align:center; } #bigger-better-rewards { margin:0 auto; width:100%; } #bigger-better-rewards h1 { font-size:2.5em; } .points-chart { flex-direction:column; padding:0; } .points-chart, .points-desc { } .points-desc { font-size:1.55em; } .points-desc span:nth-child(2) { padding-left:0; } .points-desc:nth-child(1)::after { background:#FF0000; content:""; height:4px; position:absolute; top:auto; bottom:0; right:auto; left:50%; transform:translateX(-50%); width:80%; } .points-desc:nth-child(1) span:first-child { width:100px; } .points-desc:nth-child(2) span:first-child { width:100px; } .points-desc:nth-child(2) { padding-left:0px; justify-content:center; } #accordion { padding:15px; width:100%; } #customer-support #accordion { padding:15px 0; } ul.disc, ul.circle { padding:0 15px; } } /*Medium devices (tablets, 768px and up)*/ @media (max-width: 768px) { .container { max-width:768px; } /* Home Page */ #order-options { font-size:1em; } #order-options a { display:inline-block; font-size:1.2em; margin:15px; padding:20px 45px; } .grey-box { padding:15px; } h2.delivery-promo { font-size:1em; padding:0; margin:0; } h2 span.tooltip-prompt { top:17px; } .promo-savings { font-size:1.2em; } /* Specials */ #promotions .row .col { margin:7.5px 0; } #promotions .promo-mobile { display:inline-block; } #promotions .promo-desktop { display:none; } #promotions .promo-mobile .coupon .btn { left:auto; right:7%; bottom:18%; padding:7px 15px; z-index:99; } #promotions .promo-mobile .coupon .btn { position:absolute; top:2rem; left:20px; bottom:auto; right:auto; width:auto; } /* Features */ #features { display:block; height:auto; padding:0; } .feature { margin:15px 0; width:100%; } .feature-hero { margin:0; } .feature-body img { width:100%; } /* features */ .feature h2, .feature-hero h2 { font-size:4.5vw; } .feature-content { font-size:3vw; top:3em; } .feature-hero .feature-content { font-size:2vw; } .feature-hero .feature-price { bottom:1rem; } .feature-footer { bottom:1em; line-height:1em; font-size:2vw; } .feature-hero .feature-content { top:1.5em; left:42.55%; width:55%; } .feature-price { bottom:0; right:20px; } .feature-dollars, .feature-hero .feature-price .feature-dollars { letter-spacing:-8px; font-size:16vw; } .feature-cents, .feature-symbol, .feature-hero .feature-cents, .feature-hero .feature-price .feature-symbol { font-size:6vw; } .per { font-size:2.5vw; position:relative; left:-2.5em; top:-1.5em; } #promotions .feature-price { top:60%; right:2em; transform:translateY(-50%); } #promotions .feature-dollars { letter-spacing:-10px; font-size:20vw; } #promotions .feature-cents, #promotions .feature-symbol, .feature-hero .feature-price .feature-cents { font-size:5vw; position:relative; top:-2.25em; } #promotions .feature-symbol { left:0.25em; } #promotions .promo-mobile .coupon .btn { font-size:.9em; padding:8px 12px; position:absolute; top:40%; left:20px; bottom:auto; right:auto; width:auto; } .feature-hero .feature-price .feature-symbol { top:-1.25em; } .feature-hero .feature-price .feature-cents { top:-1.65em; } .feature-hero .feature-price .per { text-shadow:1px 1px 0 #FFF,2px 2px 0 #FFF; top:-2em; left:-2.5em; } .feature-deal { flex-basis:100%; margin:15px; width:100%; } .feature-deal h2 { font-size:6vw; } .feature-content ul li { font-size:1.5em; line-height:1em; } /* footer */ #footer h3 { text-align:center; margin:0; } ul#sponsors-list li { display:inline-block; margin:0 5px; width:auto; } ul#sponsors-list li.coca-cola { width:50px; } ul#sponsors-list li.california-cheese { width:60px; } ul#sponsors-list li.leukemia-society { width:140px; } footer ul.social { text-align:center; } footer ul.social { display:inline-block; width:100%; } footer ul.social li { float:none; padding:15px 5px; text-align:center; } ul.footer-links { padding:15px 0; } .btn-comments { float:none; } #giant-sicilian p { font-size:1em; margin-bottom:2rem; } #gift-cards .btn { margin:5px 0; width:100%; } .legal { padding:35px 0 65px; } } @media (max-width: 620px) { .btn-reward { font-size:3em; } } /*Small devices (landscape phones, 576px and up) */ @media (max-width: 576px) { h1 { font-size:2em; } h2 { font-size:1.75em; } .container { max-width:540px; } .page { padding:30px 0 0; } .promo-savings::before{ width:80%; } #promotions .promo-mobile .coupon .btn { left:auto; right:6%; bottom:16%; padding:2px 10px; z-index:99; } .promo-savings { font-size:1em; } h2.delivery-promo { font-size:.7em; } h2 span.tooltip-prompt { font-size:12px; top:12px; height:14px; width:14px; } /* Home Page */ #order-options { font-size:1em; } #order-options a { display:inline-block; font-size:1em; margin:5px; padding:15px; width:auto; } #order-options a, #order-options.order-options-menu a { padding:10px; } /* Specials */ #promotions .coupon { padding:0 0 50px; height:100%; } #promotions .coupon .coupon-desc { font-size:1.2em; } #promotions .coupon .coupon-desc h4 { font-size:20px; } #promotions .coupon .coupon-desc p { font-size:14px; min-height:auto; } #promotions .coupon .coupon-desc .coupon-price { font-size:60px; } #promotions .coupon .coupon-desc .coupon-price sup::after { font-size:0.5em; } #promotions .coupon .coupon-img img { max-width:115%; } #promotions .btn-more-coupons { font-size:1.2em; padding:20px; } #promotions .promo-mobile .coupon .btn { font-size:.9em; padding:8px 12px; position:absolute; top:35%; left:20px; bottom:auto; right:auto; width:auto; } /* Feature */ .feature-content { font-size:4vw; top:3.5em; } .feature-title, .feature-content { left:1rem; } .feature-footer { text-align:right; } .feature-content { top:3.5em; font-size:3vw; } .feature-hero .feature-content { font-size:2.5vw; top:6em; left:1rem; width:100%; } .feature-content ul li { line-height:1.2em; } .feature-hero .feature-content ul li { line-height:1.5em; } /* Find Location Bar */ #find-location-bar { height:200px; } #find-location-bar .btn, #find-location-bar h3 { transform:translate(-50%,0); } #find-location-bar .btn { font-size:1em; top:auto; left:50%; right:auto; bottom:0px; } #find-location-bar h3 { font-size:1.25em; top:0px; left:50%; } /* Pages */ #email-offers, #bmpp-space, #contests { margin-top:40px; } /* footer */ #copyright { font-size:12px; } #bigger-better-rewards h1 { padding:3rem 0 0; } #program-content h2 { font-size:2em; } #program .card { background:#FFF; border-color:#09a3de; margin:1rem; border-radius:0px; text-align:left; width:100%; } #program .card-header { align-items:center; background:#FFF; border:none; display:flex; flex-direction:column; } #program .card-header-img { max-width:60px; } #program .card-header button { background:#09a3de; margin-left:0; } #program .card-header button:hover { background:#FF0000; text-decoration:none; } #program .card-header button:focus { text-decoration:none; } #program .card-header-text { align-items:center; color:#000; display:flex; flex-direction:column; font-size:1.25em; padding:10px; text-align:center; } #program .card-header-text h3 { color:#09a3de; } }