header {background-color: #000;position: fixed;width: 100%;top: 0;z-index: 999}

header a {color: #fff}

.header-container {display: flex;max-width: 1200px;margin: 0 auto;padding: 12px 0}

.logo {width: 15%;align-items: center;display: flex}

.logo img {max-width: 94px}

ul {margin-block-start: 0px !important;margin-block-end: 0px !important;margin-inline-start: 0;margin-inline-end: 0;padding-inline-start: 0px !important}

.cta-button-box {width: 15%;display: flex;align-items: center;justify-content: flex-end}

.menu {display: flex;align-items: center;justify-content: center;width: 70%;font-size: 20px;font-weight: 600;font-family: "Asap Condensed", sans-serif;padding-right: 40px}

.navigation {display: flex;list-style: none;gap: 5px;justify-content: flex-end}

.navigation li {padding-top: 15px;padding-bottom: 15px}

.navigation .sub-menu li {padding: 0;border-bottom: 1px solid #252525;}

.navigation > li > a {position: relative;display: inline-block;color: #fff;text-decoration: none;padding: 10px 10px;overflow: hidden;transition: color 0.3s ease}

.navigation > li > a::after {content: "";position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;background: #C21E2A;border-radius: 3px;transform: scaleX(0);transform-origin: center;transition: transform 0.3s ease;z-index: -1}

.navigation > li > a:hover {color: #fff}

.navigation > li > a:hover::after {transform: scaleX(1)}

.has-sub-menu {position: relative}

.sub-menu {display: none;position: absolute;top: 100%;left: 0;background-color: #EE212F;border-radius: 3px;z-index: 20;list-style: none;width: max-content;min-width: 200px;font-size: 16px;border: 1px solid #252525;}

.sub-menu li a {display: block;max-width: 100%;padding: 12px;line-height: 1.7em;color: #FFFFFFE3}

.navigation .has-sub-menu a:hover {border-bottom: none;color: #fff}

.has-sub-menu i {font-size: 12px;color: #fff}

.has-sub-menu:hover .sub-menu {display: block}

.hamburger-icon {display: none;border: none;background-color: #fff0}

.hamburger-icon .fa-bars, .hamburger-icon .fa-x {color: #fff;font-size: 28px;cursor: pointer}

.hamburger-icon input[type="checkbox"] {appearance: none}

.text-header-mobile {display: none}

.dropdown-box {display: none}

.mobile-menu {display: none}

.desktop-menu {display: block}

.mobile-sub-menu {display: none}

.navigation li a.active {background: #C21E2A;border-radius: 3px}

@media screen and (max-width: 1024px) {
  .menu {font-size: 16px}

  .desktop-menu {display: none}

  .mobile-menu {display: flex;justify-content: flex-start}

  .logo a {max-width: 100%}

  .logo img {height: 70px;max-width: none;position: relative;margin: 0}

  .navigation {max-height: 0;overflow: hidden;flex-direction: column;align-items: center;transition: max-height ease-in-out 0.5s;position: absolute;background-color: #EE212F;top: 100%;align-items: flex-start;width: 100%;left: 0;gap: 0}

  .navigation li {border-bottom: 1px solid #AFAFAF4D;width: 100%;padding-top: 5px;padding-bottom: 5px}

  .navigation li a {width: 100%;display: block;padding: 10px 25px;color: #fff;font-size: 18px}

  .navigation li a:hover, .navigation li a:active {border: unset;background-color: #fff !important;color: #000 !important}

  .hamburger-icon {display: flex}

  .fa-x {display: none !important}

  header:has(.hamburger-icon input[type="checkbox"]:checked) .navigation {margin-top: 1rem;display: flex;max-height: 600px}

  header:has(.hamburger-icon input[type="checkbox"]:checked) .fa-bars {display: none}

  header:has(.hamburger-icon input[type="checkbox"]:checked) .fa-x {display: inline-block !important}

  .dropdown-box {display: block;width: 10%;transition: all ease-in 1s}

  .dropdown-box i {color: #fff}

  #mobile-dropdown-button {appearance: none;background: #fff0;border: none}

  #mobile-dropdown-button i {font-size: 18px}

  .cta-button-box {display: none !important;}

  header {background-color: #000}

  .header-container {justify-content: space-between}

  .logo {width: 30%;justify-content: flex-start;padding-right: 0;padding-left: 20px}

  .text-header-mobile {display: block;width: 60%;font-weight: 500}

  .text-header-mobile p {font-size: 14px}

  .menu {width: 10%;padding-right: 10px}

  .has-sub-menu {display: flex;align-items: center}

  .sub-menu {width: 100%}

  .mobile-sub-menu {display: none;background-color: #EE212F;border: none;width: 100%}

  .mobile-sub-menu li {padding: unset;font-size: 16px;font-weight: 400}

  .mobile-sub-menu li a {padding-left: 35px}

  .mobile-sub-menu li a:hover, .mobile-sub-menu li a:active {background-color: #fff !important;color: #000 !important}
}

.content-parts {max-width: 1200px;margin: 50px auto;text-align: left;padding: 0 5%}

#first-section {margin-top: 0px !important}

.two-columns {display: flex;gap: 20px}

.two-columns .col-1, .two-columns .col-2 {width: 50%}

.col-1 .content-pic {margin-block-end: 0;margin-inline-start: 0;margin-block-start: 0;margin-inline-end: 0}

.col-2 .content-pic {margin-block-end: 0;margin-inline-start: 0;margin-block-start: 0;margin-inline-end: 0}

strong {font-weight: 600}

@media screen and (max-width: 1024px) {
  .two-columns {flex-direction: row;justify-content: center}
}

.two-columns .w-55 {width: 55%}

.two-columns .w-45 {width: 45%}

.content-parts-full-width {width: 100%}

.black-background .content-box p, .black-background .content-box h2 {color: #fff}

.content-box {display: flex;flex-direction: column;align-items: flex-start;max-width: 550px;gap: 10px;margin-right: 2%;margin-left: 2%}

@media screen and (max-width: 600px) {
  .two-columns {flex-direction: column;justify-content: center}
}

html, body {max-width: 100%;overflow-x: hidden}

body {margin: 0;background-color: #121315;margin-top: 95px}

@font-face {
  font-family: "Balloon";
  src: url(/assets/fonts/BALLOON.woff) format("woff")
}

@font-face {
  font-family: "Authenia";
  src: url(/assets/fonts/Authenia.otf) format("opentype")
}

@font-face {
  font-family: 'Authenia';
  src: url(/assets/fonts/Authenia.woff2) format('woff2'),
  url(/assets/fonts/Authenia.otf) format('opentype');
}

h1 {font-size: 40px;color: #fff;font-family: "Asap Condensed", sans-serif;letter-spacing: 1.5px;font-weight: 600;text-align: center}

h2 {color: #fff;font-size: 30px;margin-bottom: 0;font-family: "Asap Condensed", sans-serif;letter-spacing: .5px;line-height: 2em}

h3 {font-size: 20px;font-family: "Asap Condensed", sans-serif;font-weight: 400;letter-spacing: .5px;word-spacing: 2px;line-height: 2em}

p {font-family: "Asap Condensed", sans-serif;font-size: 20px;line-height: 2em;color: #fff}

span {font-family: "Asap Condensed", sans-serif;font-size: 20px;line-height: 1.7em}

a {text-decoration: none;font-family: "Asap Condensed", sans-serif;color: #ee212f}

a:hover {color: #FE0005}

@media screen and (max-width: 1024px) {
  p {font-size: 16px}
}

@media screen and (max-width: 600px) {
  h2 {font-size: 30px}
}

@keyframes slideInFromLeft {
  from {transform: translateX(-100%);opacity: 0}
  to {transform: translateX(0);opacity: 1}
}

@keyframes slideInFromRight {
  from {transform: translateX(100%);opacity: 0}
  to {transform: translateX(0);opacity: 1}
}

@keyframes fadeInOpacity {
  0% {opacity: 0}
  100% {opacity: 1}
}

@keyframes slideInFromBottom {
  from {transform: translateY(50px);opacity: 0}
  to {transform: translateY(0);opacity: 1}
}

#title-font h1, #title-font h2 {font-family: "Balloon", sans-serif}

#top-left-pic-banner {max-width: 100%;width: 43%;position: absolute;top: -240px;left: -200px;z-index: 1;opacity: 0;animation-name: slideInFromLeft;animation-duration: 1.5s;animation-delay: 500ms;animation-fill-mode: forwards}

#top-right-pic-banner {width: 400px;position: absolute;top: -65px;right: -90px;z-index: 1;opacity: 0;animation-name: slideInFromRight;animation-duration: 1.5s;animation-delay: 500ms;animation-fill-mode: forwards}

#bottom-left-pic-banner {max-width: 300px;position: absolute;bottom: -120px;left: -10px;z-index: 1;opacity: 0;animation-name: slideInFromLeft;animation-duration: 1.5s;animation-delay: 500ms;animation-fill-mode: forwards}

#bottom-right-pic-banner {max-width: 600px;position: absolute;bottom: -150px;right: -100px;z-index: 1;opacity: 0;animation-name: slideInFromRight;animation-duration: 1.5s;animation-delay: 500ms;animation-fill-mode: forwards}

#center-pic-banner {max-width: 235px;margin-top: -14px}

#top-banner {background-image: url(/assets/images/slider-background.webp);background-repeat: no-repeat;background-size: cover;background-position: center;height: 95vh;overflow: hidden !important;z-index: 1;position: relative;color: #fff;text-align: center;animation-name: slideInFromLeft;animation-duration: 1.5s;animation-fill-mode: forwards}

#top-banner h1 {font-size: 60px;font-family: "Balloon", sans-serif;color: #EE212F;margin-block-start: .4em;margin-block-end: 0}

#banner-items {position: relative;z-index: 999;opacity: 0;animation-name: fadeInOpacity;animation-duration: 2.5s;animation-delay: 500ms;animation-fill-mode: forwards}

#foods-home h2 {font-family: "Balloon", sans-serif;font-size: 26px;line-height: 1em;margin-block: 0}

#foods-home {background-color: #eb1c24;width: max-content;margin: 0 auto;padding: 10px 18px;border-radius: 50px}

h3#second-row {padding-bottom: 10px}

#first-row {font-family: "Balloon", sans-serif;font-size: 42px;animation-name: slideInFromLeft;animation-duration: 1.5s;animation-delay: 500ms;animation-fill-mode: forwards}

#first-row span {font-family: "Authenia", sans-serif;font-size: 40px}

#second-row {font-family: "Balloon", sans-serif;font-size: 42px;animation-name: slideInFromLeft;animation-duration: 1.5s;animation-delay: 700ms;animation-fill-mode: forwards}

#second-row span {font-family: "Authenia", sans-serif;font-size: 48px}

#top-banner h3 {margin-block: 0}

#top-banner .cta-button {font-size: 32px;box-shadow: none;border-radius: 10px;padding: 21px 30px;margin-top: -20px;display: inline-block;opacity: 0;animation-name: slideInFromBottom;animation-duration: 1000ms;animation-delay: 1100ms;animation-fill-mode: forwards}

#top-banner .cta-button:hover {color: #ee212f;background-color: #fff}

@media screen and (max-width: 1024px) {
  #top-left-pic-banner {top: -20%;left: -14%}

  #top-right-pic-banner {width: 35vw;top: -7%;right: -8%}

  #bottom-left-pic-banner {max-width: 29vw;bottom: -3%;left: -2%}

  #bottom-right-pic-banner {max-width: 46vw;bottom: -6%;right: -10%}

  #top-banner {height: 85vh;display: grid;align-items: center}

  #center-pic-banner {max-width: 19vw}

  #top-banner .cta-button {font-size: 28px;margin-top: 0}

  #first-row {font-size: 32px}

  #first-row span {font-size: 32px}

  #second-row {font-size: 38px}

  #second-row span {font-size: 38px}
}

@media screen and (max-width: 600px) {
  #top-banner h1 {font-size: 38px;margin-bottom: 10px;margin-top: -30px}

  #foods-home h2 {font-size: 18px}

  #top-left-pic-banner {top: -10%;left: -14%}

  #top-right-pic-banner {width: 55vw;top: -7%;right: -18%}

  #bottom-left-pic-banner {max-width: 47vw;bottom: -9%;left: -12%}

  #bottom-right-pic-banner {max-width: 65vw;bottom: -9%;right: -25%}

  #top-banner {height: 75vh}

  #center-pic-banner {max-width: 30%}

  #top-banner .cta-button {font-size: 24px}

  #first-row {font-size: 26px}

  #first-row span {font-size: 26px}

  #second-row {font-size: 28px}

  #second-row span {font-size: 28px}
}

.cta-button {padding: 14px 24px;background-color: #ee212f;color: #fff;font-family: "Asap Condensed", sans-serif;letter-spacing: .5px;word-spacing: 2px;font-size: 20px;font-weight: 700;border-radius: 4px;box-shadow: 0 4px 0 1px #bb1f29;border: none}

.cta-button:hover {background-color: #bb1f29;color: #fff}

@media screen and (max-width: 600px) {
  .cta-button {padding: 10px 24px;font-size: 16px}
}

#below-banner {background-image: url(/assets/images/papas-pizza-footer-back.webp);background-repeat: no-repeat;background-size: cover;background-position: center;min-height: 450px;display: flex;z-index: 999;padding: 0}

#below-banner h2 {line-height: 1.4em;font-size: 40px;color: #000}

#below-banner p {font-size: 28px;color: #000}

#three-columns {display: flex;text-align: center;align-items: center;max-width: 1200px;margin: 0 auto}

#three-columns #middle-column h2 {font-family: "Balloon", sans-serif}

#below-banner img {width: 80%}

#middle-column {width: 55%}

.side-column {width: 22.5%}

.banner-pic-margin {margin-block: 0;margin-inline: 0}

.title-line {margin-bottom: 20px;font-family: "Balloon", sans-serif;line-height: 1.2em;}

.title-line::after {content: "";display: block;width: 200px;height: 4px;background-color: #fff;margin: 10px auto 0}

.w-45 .content-pic img {border-radius: 0}

.w-45 .content-pic {margin-block: 1em;margin-inline: 50px;display: flex;justify-content: center}

.content-pic {display: flex;align-items: center}

.content-pic img {max-width: 100%;border-radius: 5px}

.title-center h2 {text-align: center;font-size: 40px}

.video-container {position: relative;width: 100%;height: 600px;overflow: hidden}

.video-container video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: auto;object-fit: cover}

.red-title span {color: #EE212F;font-family: "Balloon", sans-serif;font-size: 40px;line-height: 1.2em}

#red-text {color: #EE212F;font-family: "Balloon", sans-serif;font-size: 30px;text-align: center;margin-block: 0}

p#below-red-text {text-align: center;margin-top: -10px}

.two-button {justify-content: center;margin-top: 50px}

.w-55 p {width: 95%;padding-bottom: 25px}

.content-align-items {display: flex;align-items: center}

@media screen and (max-width: 1024px) {
  #below-banner h2 {font-size: 23px}

  #below-banner p {font-size: 22px}

  .w-45 .content-pic {margin-inline: 0}

  #below-banner {min-height: 280px}

  .video-container {height: 400px}

  .w-55 p {width: 100%}
}

@media screen and (max-width: 600px) {
  #three-columns {flex-direction: column}

  #middle-column {width: 100%;margin-bottom: 50px}

  .side-column {width: 100%}

  #below-banner img {width: 60%}

  #below-banner h2 {font-size: 30px}

  #three-columns {margin: 50px auto;padding: 0 5%}

  .video-container {height: 25vh}

  .w-55 div {display: flex;justify-content: center}

  .w-55 p {text-align: center}
}

.between-button {display: flex;gap: 20px}

.white-link {color: #fff}

.white-link:hover {color: #EE212F}

.content-parts iframe {margin-top: 30px;max-width: 100%}

#contact-info {align-items: center}

#contact-info h2 {color: #EE212F;font-size: 34px;font-weight: 400}

#contact-info p {font-size: 16px; text-align: center}

.form-box {align-items: center}

.forms {width: 90%;display: flex;flex-direction: column;align-items: center}

.forms input, .forms textarea {width: 100%;background-color: #0000;padding: 10px 0 10px 10px;margin: 5px 0;border: 1px solid #fff;font-family: "Asap Condensed", sans-serif;letter-spacing: .5px;border-radius: 3px;font-size: 15px;font-weight: 600;color: #fff !important}

.forms textarea {min-height: 140px}

.forms input:focus, .forms textarea:focus {outline: none;border-color: #EE212F}

.forms .submit-button {width: 100%;cursor: pointer;font-weight: 400;padding: 10px 0 10px 10px;margin-top: 5px}

#future-franchising {margin-block: 0;margin-inline: 0}

#future-franchising img {width: 100%}

@media screen and (max-width: 1024px) {
  .two-columns .form-box {margin: 0 auto}

  .forms {width: 98%}
}

@media screen and (max-width: 600px) {
  .two-columns .col-1, .two-columns .col-2 {width: 100% !important}

  .content-box {max-width: 94%}
}

.simple-row {display: flex;gap: 120px}

.cta-container {display: flex;align-items: center}

.black-background ul li {font-family: "Asap Condensed", sans-serif;font-size: 20px;font-weight: 400;line-height: 1.7em;color: #fff;margin-left: 20px}

@media screen and (max-width: 1024px) {
  .black-background ul li{
    font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .without-margin-pic {margin-inline: 0;margin-block: 0}
}

@media screen and (max-width: 600px) {
  .simple-row {flex-direction: column;gap: 10px}
}

.form-center {display: grid;align-items: center}

.title-box p {text-align: center}

input[type="date"]::-webkit-calendar-picker-indicator {filter: invert(1);cursor: pointer}

.forms input:focus {color: #939494}

.forms input {color: #939494}

.text-contact p {margin: 0}

.text-contact h3 {color: #fff;font-weight: 600}

.text-contact a {color: #fff}

.text-contact a:hover {color: #d3d3d3}

.text-contact i {margin-right: 5px}

.map-style {display: flex;justify-content: center;padding: 4%}

@media screen and (max-width: 1024px) {
  .text-contact p {font-size: 16px}

  .text-contact a {font-size: 16px}
}

@media screen and (max-width: 600px) {
  .text-contact h2 {font-size: 22px}

  .text-contact .cta-button {margin: 0 auto}
}

.white-background {background-color: #fff;margin: 0;max-width: 100%;overflow-x: hidden}

.title-box-pages {max-width: 1200px !important;margin: 0 auto 60px auto}

.title-box-pages h1, .title-box-pages h2 {color: #ee212f;text-align: left}

.title-box-pages p {color: #7a7a7a}

.first-title {font-size: 40px}

@media screen and (max-width: 1024px) {
  .first-title {font-size: 30px !important}
}

@media screen and (max-width: 600px) {
  .title-box-pages h2 {font-size: 22px}
}

footer {background-image: url(/assets/images/papas-pizza-footer-back.webp);background-repeat: no-repeat;background-size: cover;background-position: center;width: 100%}

.footer-top-container {display: flex;flex-direction: column;align-items: center}

.footer-top-pic {max-width: 300px;margin-top: 20px}

.restaurant-logos {display: flex;align-items: center;justify-content: center;margin: 0 auto;flex-wrap: wrap;}

.restaurant-logos img {max-width: 100%}

.restaurant-logos a {max-width: 10%;margin: 0 10px;display: flex;justify-content: center;}

.footer-container {padding: 25px 5%;max-width: 1300px;margin: 0 auto;display: flex;justify-content: space-between}

.footer-container h3 {font-family: "Asap Condensed", Sans-serif;text-transform: uppercase;letter-spacing: .5px;color: #000;font-size: 25px;margin-bottom: 40px}

.footer-container h4 {font-family: "Asap Condensed", Sans-serif;font-size: 20px;font-weight: 600;letter-spacing: .5px;word-spacing: 2px}

.footer-container h4::after {content: "";display: block;width: 100%;height: 1px;background-color: #C9C9C9;margin-bottom: 0;margin-top: 20px}

.footer-container a {font-family: "Asap Condensed light", Sans-serif;color: #000;font-size: 16px;font-weight: 300}

.footer-container a:hover {color: #EE212F}

.forth-column a {font-family: "Asap Condensed", Sans-serif;font-size: 20px}

.forth-column {padding-top: 20px}

@media screen and (max-width: 600px) {
  .forth-column{padding-top: 0;margin-top: -40px;}
}

.footer-container p {font-family: "Asap Condensed light", Sans-serif;color: #000;font-size: 16px;font-weight: 300;line-height: normal;letter-spacing: .5px;word-spacing: 2px}

.social-media-section {display: flex;gap: 2px}

.social-media-section i {font-size: 20px;color: #000}

.social-media-section i:hover {color: #EE212F}

.social-media-section .social-box {display: flex;justify-content: center;align-content: center;flex-wrap: wrap;padding: 6px;border-radius: 4px;width: 26px;height: 26px}

.copyright {margin: 0 auto;background-color: #000;padding: 25px 5%}

.copyright p {color: rgb(255 255 255 / .6);font-size: 16px !important;letter-spacing: .5px;word-spacing: 2px;margin: 0 auto;max-width: 1200px;text-align: center}

.copyright a {color: #fff}

.copyright a:hover {color: #EE212F;text-decoration: underline}

#social-column {display: flex;flex-direction: column;align-items: center;}

@media screen and (min-width: 600px) and (max-width: 1024px) {
  .footer-container {flex-wrap: wrap;padding-left: 5%;row-gap: 50px}

  .footer-column {width: 50%}

  .footer-column {margin-top: -20px}

  #social-column {margin-top: -40px}

  .footer-container h4::after {width: 60%;margin: 20px 0}

  .copyright {padding-left: 5%}
}

@media screen and (max-width: 600px) {
  .restaurant-logos {display: flex;flex-direction: column}

  .restaurant-logos img {margin: 15px 0;max-width: 170px}

  #saltwater-logo{margin-top: 0;margin-bottom: 0}

  .footer-container {flex-direction: column;gap: 50px;text-align: center}

  .footer-column p, .copyright p {text-align: center}

  .copyright p {font-size: 14px !important;width: 45%}

  .social-media-section {justify-content: center;margin-bottom: 20px}
}

.popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / .5);display: none;justify-content: center;align-items: center;z-index: 1000}

.popup-content {background: #fff;padding: 20px;width: 80%;max-width: 600px;position: relative;border-radius: 5px}

.popup-content iframe {width: 100%;height: 650px;border: none}

.close-btn {position: absolute;top: 10px;right: 10px;background: red;color: #fff;border: none;padding: 5px 10px;cursor: pointer;border-radius: 5px}

.popup-overlay.activated {display: flex}

#popupbutton {cursor: pointer;position: fixed;bottom: 15px;left: 15px;z-index: 10;border: none;background: none}

#popupbutton img {border-radius: 5px}

#popupbutton img {display: block;max-width: 150px;height: auto}

.blog {display: block;max-width: 1200px;margin: 50px auto}

.blog-grid {display: flex;flex-wrap: wrap;gap: 1.5%;padding-left: 1%}

.blog-post {flex-direction: column;display: inline-flex;width: 32%;background-color: #fff;align-items: center;border: #69727d;border-radius: 5px;margin-bottom: 20px}

@media screen and (max-width: 600px) {
  .blog-post {width: 90%}

  .blog-grid {justify-content: center;gap: 30px}
}

.blog-post img {max-width: 100% !important;border-top-right-radius: 5px;border-top-left-radius: 5px}

.blog-post h2 {color: #000;font-size: 22px}

.blog-post .excerpt {color: #333;font-size: 16px;height: 100px;content-visibility: auto;max-width: 90%}

.post-meta {border-top: 1px solid #a7a7a7;width: 100%;text-align: center}

.post-date {color: #444;font-size: 14px;line-height: 1em}

.single-blog {max-width: 1200px;margin: 50px auto}

.single-blog .featured-image {display: block;margin: 0 auto;border-radius: 5px;max-width: 500px}

@media screen and (max-width: 600px) {
  .single-blog .featured-image {max-width: 80%}
}

.single-blog #date {color: #eee;font-size: 14px;text-align: center}

.blog-pics {display: flex;align-items: center;justify-content: center;margin-inline: 0}

.blog-pics img {max-width: 90%;border-radius: 5px}

.blog-h3 {color: #fff;font-size: 22px;font-weight: 600}

.page-error {display: flex;flex-direction: column;max-width: 1200px;align-items: center;margin: 50px auto;text-align: center;line-height: 2em}

.page-error ul {color: #fff;text-align: left}

.page-error h1 {font-size: 60px}

.success-message {max-width: 1200px;margin: 50px auto;line-height: 2em}

.success-message ul {color: #fff;text-align: left}

.card {
  background: rgba(255, 255, 255, 0.1);
  margin: 10px;
  padding: 10px;
  border: 1px solid #333;
  border-radius: 15px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  border: 1px solid #555;
  min-width: 400px;
  color: #ccc;

  span {
    display: block;
  }
}

h3#second-row {
  line-height: 1em;
  margin-top: -10px;
}

#years-badge{
  margin-block: 0;
  margin-top: -40px;
}

.lower-margin-text{
  margin-block-end: 0;
}

#instagram-seciton{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}

#instagram-seciton .cta-button{
  margin-top: 20px;
  margin-bottom: 20px;
}

#instagram-seciton h2{
  margin-bottom: 20px;
  text-align: center;
}

#below-feed-social{
  margin-top: 0;
  margin-bottom: 0;
}

#below-feed-social .social-box i {
  font-size: 30px;
  color: #ee212f;
}

#below-feed-social .social-box i:hover {
  color: #bb1f29;
}


.order-online-wrapper, .rewards-wrapper {
  display: inline-block;
  position: relative;
}

.order-online-btn-special {
  cursor: pointer;
  transition: background 0.2s;
}

.order-online-dropdown-container {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  background: #eb232f;
  border-radius: 4px;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 100;
}

.order-online-dropdown-container.order-online-is-open {
  grid-template-rows: 1fr;
}

.order-online-dropdown-content {
  min-height: 0;
}

.order-online-link {
  display: block;
  padding: 12px 16px;
  text-decoration: none;
  color: #fff;
  transition: background 0.2s;
  border-bottom: 1px solid #252525;
}

.order-online-link:hover {
  background-color: #bb1f29;
  color: #fff;
}

#below-banner #three-columns #middle-column .order-online-wrapper .order-online-dropdown-container {
  margin: 0 auto;
  left: 0;
  right: 0;
}


.rewards-wrapper .order-online-btn-special {
  border: none;
  background-color: unset;
  font-size: 16px;
  padding: 0;
  letter-spacing: .5px;
}

.rewards-wrapper .order-online-dropdown-container {
  background-color: #ffffff;
  min-width: max-content;
  top: 25px;
}

.rewards-wrapper .order-online-is-open {
  border: 1px solid #252525;
}

.rewards-wrapper .order-online-dropdown-container .order-online-dropdown-content .order-online-link {
  padding: 8px 10px;;
}

.rewards-wrapper .order-online-dropdown-container .order-online-dropdown-content .order-online-link:hover {
  background-color: #f3f3f3;
  color: #000;
}

#contact-page-maps {
  margin-top: 40px;
}

#contact-page-maps h3 {
  text-align: center;
  color: #fff;
  margin-bottom: 0;
}

#banner-items .order-online-wrapper .order-online-dropdown-container {
  top: 70px;
  left: 0;
  right: 0;
}

.text-contact .order-online-wrapper .order-online-dropdown-container {
  min-width: 140px;
}