#newWebsiteModal .modal-body { text-align:center; }
#newWebsiteModal .modal-body h1 { color:#D6001C; display:inline; font-size:2em; line-height:1em; width:auto; }
#newWebsiteModal .modal-body p { color:#000; font-weight:700; } 
.blockquote { font-size:1em; }

#clubModal .modal-header { padding-bottom:0; }
#clubModal .modal-body { padding:0; }
#clubModal .modal-body h2 { padding-top:.5rem; }
#clubModal .modal-dialog { max-width:600px; }
#clubModal button.close { position:absolute; top:20px; right:20px; }
#clubModal .modal-footer .btn { font-size:14px; width:50%; padding-left:0; padding-right:0; text-align:center; }

#blackFridayModal .modal-dialog { max-width:600px; }
#blackFridayModal button.close { background:#FFF; color:#000; padding:0 0 2px 5px;position:absolute; top:5px; right:10px; opacity:1; }
#blackFridayModal .modal-footer { justify-content:center; }
#blackFridayModal .modal-footer .btn { flex-grow:1; margin-top:0; }

#freePizzaModal .modal-dialog { max-width:700px; }
#freePizzaModal .modal-body img { width:100%; }
#freePizzaModal button.close { background:#FFF; border-radius:50%; color:#000; padding:0 0 2px 5px;position:absolute; top:5px; right:10px; opacity:1; }
#freePizzaModal .btn-yellow { flex-grow:1; }

#covidModal .modal-dialog { max-width:640px; }
#covidModal .modal-header { background:#FFD100; position:relative;  }
#covidModal .modal-header h2 { color:#000; margin-bottom:0; }
#covidModal button.close { background:none; color:#000; margin:0; padding:0; padding:0 0 2px 5px; position:absolute; top:50%; right:15px; transform:translateY(-50%); opacity:1; }
#covidModal .btn-yellow { flex-grow:1; }
#covidModal .numbered-list li { padding-bottom:1rem; }
#covidModal em { color:#000; font-weight:700; }
#covidModal .modal-footer { flex-direction:column-reverse; padding-bottom:30px; }
#covidModal .modal-footer .btn { margin-bottom:1rem; }

#italyModal .modal-dialog { max-width:700px; }
#italyModal .modal-body { padding:0; }
#italyModal button.close { align-items:center; background:none; color:#000; display:flex; justify-content: center; margin:0; padding:0; height:40px; width:40px; position:absolute; top:7%; right:0px;  opacity:1; }
#italyModal .btn-popup { position:absolute; bottom:15px; right:15px; padding:8px 25px; }

.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; }

/* Seasoned Crust */
#seasoned-crust { margin:60px 0; }
#seasoned-crust h1 { font-size:70px; }
#seasoned-crust h1 span { position:relative; }
#seasoned-crust h1 span::before { background:#1a1a1a; content:""; display:block; height:4px; width:100%; position:absolute; top:-27px; left:50%; transform:translateX(-50%); }
#seasoned-crust h3 { font-size:40px; margin:0; }
#seasoned-crust h3 span { background:#f5f5f5; padding:0 20px; position:relative; z-index:1; }
#season-options { display:flex; flex-direction:row; margin:20px auto; width:90%; }
.season { display:flex; justify-content: center; padding:20px 40px; width:20%; }
.seasoning { display:flex; flex-direction:column; }
.seasoning h5 { font-size:30px; margin:1rem 0 0; font-weight:700; text-align:center; }

.season-subtitle { align-items:center; color:#1a1a1a; display:flex; flex-direction:column; font-size:24px; font-weight:700; justify-content: center; text-transform: uppercase; }
.season-subtitle span::after { background:#1a1a1a; content:""; display:block; height:4px; margin:5px 0; width:100%; }
.season-subtitle h2 { font-size:56px; }

@media (max-width:980px){
    #season-options { display:flex; margin:20px auto; width:100%; }
}

@media (max-width:620px){
	#clubModal .modal-footer { flex-direction:column; padding:.5rem; }
	#clubModal .modal-footer .btn { width:100%; margin:.25rem 0; }
	
	#blackFridayModal .modal-body { padding:0; }
	#blackFridayModal button.close { background:rgba(0,0,0,0.5); color:#FFF; top:0px; padding:0 5px 2px 5px; right:0px; }
	#blackFridayModal .modal-footer { padding:0.5rem; }
	#blackFridayModal .modal-footer .btn { padding:10px 20px; }
	
	#freePizzaModal .modal-body { padding:0; }
	#freePizzaModal button.close { background:rgba(0,0,0,0.5); border-radius:0; color:#FFF; top:0px; padding:0 5px 2px 5px; right:0px; }
	#freePizzaModal .modal-footer { flex-direction:column-reverse; padding:0.5rem; }
	#freePizzaModal .modal-footer .btn { font-size:1em; flex-grow:1; padding:10px; width:100%; }
	
	#covidModal .modal-header h2 { font-size:1.25em; }

	.btn-reward { font-size:3em; }
    
    /* seasoned crust */
    #seasoned-crust { margin:20px 0; }
    #seasoned-crust h1 { font-size:32px; }
    #seasoned-crust h3 { font-size:24px; }
    #seasoned-crust h3 span { padding:0 10px; }
    #seasoned-crust h1 span::before { top:-18px; }
    #season-options { flex-direction:column; }
    .season { display:flex; flex-direction:row; padding:10px 0px; width:100%; }
    .seasoning { flex-direction:row; justify-content: flex-start; width:100%; }
    .seasoning img { max-width:100px; }
    .seasoning h5 { font-size:24px; padding-left:10px; }
    .season-subtitle span { font-size:22px; line-height:1em; text-align:center; }
    .season-subtitle h2 { font-size:28px; }

}


#banners, #deals-feature { display:flex; flex-direction:column; margin:30px 0; padding:0 5%; width:100%; }
.banners .col-12, .banners img { border-radius:5px; }
.banners img { width:100%; }
.banners .btn-deal { position:absolute; bottom:40px; left:40px; }

@media (max-width:1200px){
    #banners, #deals-feature{ padding:0; margin:0; }
    .banners { margin-left:-30px; margin-right:-30px; }
    .banners .btn-deal { padding:6px 12px; bottom:25px; left:25px; }
}
