/*
  Brand: Munchies Stylesheet
*/

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-BlackIt.eot');
  src: url('../fonts/munchies/National2/National2-BlackIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-BlackIt.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-BlackIt.woff') format('woff'),
  url('../fonts/munchies/National2/National2-BlackIt.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-Black.eot');
  src: url('../fonts/munchies/National2/National2-Black.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-Black.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-Black.woff') format('woff'),
  url('../fonts/munchies/National2/National2-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-BoldIt.eot');
  src: url('../fonts/munchies/National2/National2-BoldIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-BoldIt.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-BoldIt.woff') format('woff'),
  url('../fonts/munchies/National2/National2-BoldIt.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-LightIt.eot');
  src: url('../fonts/munchies/National2/National2-LightIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-LightIt.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-LightIt.woff') format('woff'),
  url('../fonts/munchies/National2/National2-LightIt.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-Light.eot');
  src: url('../fonts/munchies/National2/National2-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-Light.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-Light.woff') format('woff'),
  url('../fonts/munchies/National2/National2-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-Bold.eot');
  src: url('../fonts/munchies/National2/National2-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-Bold.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-Bold.woff') format('woff'),
  url('../fonts/munchies/National2/National2-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-MediumIt.eot');
  src: url('../fonts/munchies/National2/National2-MediumIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-MediumIt.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-MediumIt.woff') format('woff'),
  url('../fonts/munchies/National2/National2-MediumIt.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-RegularIt.eot');
  src: url('../fonts/munchies/National2/National2-RegularIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-RegularIt.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-RegularIt.woff') format('woff'),
  url('../fonts/munchies/National2/National2-RegularIt.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-Medium.eot');
  src: url('../fonts/munchies/National2/National2-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-Medium.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-Medium.woff') format('woff'),
  url('../fonts/munchies/National2/National2-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-Regular.eot');
  src: url('../fonts/munchies/National2/National2-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-Regular.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-Regular.woff') format('woff'),
  url('../fonts/munchies/National2/National2-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 XLight';
  src: url('../fonts/munchies/National2/National2-XLightIt.eot');
  src: url('../fonts/munchies/National2/National2-XLightIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-XLightIt.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-XLightIt.woff') format('woff'),
  url('../fonts/munchies/National2/National2-XLightIt.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-Thin.eot');
  src: url('../fonts/munchies/National2/National2-Thin.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-Thin.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-Thin.woff') format('woff'),
  url('../fonts/munchies/National2/National2-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 XBold';
  src: url('../fonts/munchies/National2/National2-XBoldIt.eot');
  src: url('../fonts/munchies/National2/National2-XBoldIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-XBoldIt.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-XBoldIt.woff') format('woff'),
  url('../fonts/munchies/National2/National2-XBoldIt.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('../fonts/munchies/National2/National2-ThinIt.eot');
  src: url('../fonts/munchies/National2/National2-ThinIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-ThinIt.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-ThinIt.woff') format('woff'),
  url('../fonts/munchies/National2/National2-ThinIt.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 XBold';
  src: url('../fonts/munchies/National2/National2-XBold.eot');
  src: url('../fonts/munchies/National2/National2-XBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-XBold.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-XBold.woff') format('woff'),
  url('../fonts/munchies/National2/National2-XBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 XLight';
  src: url('../fonts/munchies/National2/National2-XLight.eot');
  src: url('../fonts/munchies/National2/National2-XLight.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2/National2-XLight.woff2') format('woff2'),
  url('../fonts/munchies/National2/National2-XLight.woff') format('woff'),
  url('../fonts/munchies/National2/National2-XLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}


/*NATIONAL 2 CONDENSED */
@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-BoldIt.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-BoldIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-BoldIt.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-BoldIt.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-BoldIt.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Bold.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Bold.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Bold.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Black.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Black.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Black.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Black.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-LightIt.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-LightIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-LightIt.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-LightIt.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-LightIt.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-BlackIt.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-BlackIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-BlackIt.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-BlackIt.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-BlackIt.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed XLight';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-XLight.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-XLight.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XLight.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XLight.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-MediumIt.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-MediumIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-MediumIt.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-MediumIt.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-MediumIt.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Thin.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Thin.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Thin.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Thin.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Medium.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Medium.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Medium.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed XBold';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-XBoldIt.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-XBoldIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XBoldIt.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XBoldIt.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XBoldIt.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed XLight';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-XLightIt.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-XLightIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XLightIt.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XLightIt.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XLightIt.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-RegularIt.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-RegularIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-RegularIt.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-RegularIt.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-RegularIt.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Light.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Light.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Light.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed XBold';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-XBold.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-XBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XBold.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XBold.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-XBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-ThinIt.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-ThinIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-ThinIt.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-ThinIt.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-ThinIt.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2 Condensed';
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Regular.eot');
  src: url('../fonts/munchies/National2Condensed/National2Condensed-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Regular.woff2') format('woff2'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Regular.woff') format('woff'),
  url('../fonts/munchies/National2Condensed/National2Condensed-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*==== GENEREAL STYLES ===*/

body{
  background-color: #000000;
  color: #FFFFFF;
}

#munchies-page{
  overflow: hidden;
}

#munchies-page h2 {
  font-size: 40px !important;
  line-height: 1 !important;
  color: #FFFFFF;
  font-weight: bold;
  font-family: 'National 2 Condensed', Helvetica, Arial, sans-serif;
}


@media only screen and (min-width: 1000px) {
  #munchies-page h2 {
    font-size: 90px !important;
    line-height: 1 !important;
  }
}



/*=== MUNCHIES MAIN NAVIGATION===*/
#munchies-header-con {
  position: sticky;
  top: 0;
  z-index: 99;
  display: block;
  padding: 0;
  background-color: #000000;
}

#munchies-main-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.munchies-main-nav-logo-con {
  max-width: 100px;
  margin-right: 20px;
  width: 100%;
}

.munchies-main-nav-logo-con img {
  width: 100%;
}

#munchies-nav-right-section {
  display: flex;
  justify-content: center;
  align-items: center;
}

#munchies-nav-social-con {
  display: flex;
  align-items: center;
}

#munchies-nav-social-con img {
  max-width: 45px;
  width: 100%;
  display: block;
  margin-right: 6px;
}


#munchiesnav-social-con {
  display: flex;
  margin-right: 5px;
}

#munchiesnav-social-con img {
  display: block;
  max-width: 26px;
  width: 100%;
  margin-right: 5px;
}


#munchies-main-nav-lang-switch {
  color: #FFFFFF;
  background-color: #474747;
  padding: 10px;
  border-radius: 5px;
  display: block;
  font-family: 'National 2 Condensed', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
}

@media only screen and (min-width: 700px) {
  #munchies-main-nav {
    padding: 20px 15px;
  }

  .munchies-main-nav-logo-con {
    max-width: 160px;
  }

  #munchiesnav-social-con {
    margin-right: 10px;
  }

  #munchiesnav-social-con img {
    max-width: 45px;
    margin: 0 5px;
  }

  #munchies-main-nav-lang-switch {
    font-size: 30px;
  }

  #munchies-main-nav-lang-switch {
    font-size: 30px;
  }
}

/*===== MUNCHIES FOOTER =======*/
#munchies-footer{
  position: relative;
  background-color: #000000;
  padding: 30px;
}

.munchies-footer-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.munchies-footer-logo {
  max-width: 150px;
  margin: 0 auto;
  display: block;
  width: 100%;
}

.munchies-footer-menu-links {
  display: grid;
}

#order-footer-logo{
  order: -1;
}


.munchies-footer-menu-links li {
  position: relative;
  padding: 10px 15px;
  text-align: center;
}

.munchies-footer-menu-links li a {
  color: #FFFFFF !important;
  font-family: 'National 2 Condensed', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 25px;
  position: relative;
}

.munchies-opens-new-tab {
  position: absolute;
  left: -9000px;
  width: 0;
  overflow: hidden;
}

.munchies-footer-menu-links li a:hover .munchies-opens-new-tab,
.munchies-footer-menu-links li a:focus .munchies-opens-new-tab{
  position:absolute;
  top: 25px;
  left: 0em;
  width: max-content;
  background-color:#ffffdd;
  border: 1px solid #b7b7b7;
  color:#000;
  padding: 5px;
  text-align: center;
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
  font-family: 'Open Sans', Helvetica, sans-serif !important;
}

.munchies-footer-copy-right {
  color: #FFFFFF;
  padding: 20px 0 0 0;
  text-align: center;
  font-family: 'National 2 Condensed', Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 1000px) {
  .munchies-footer-menu-links {
    align-items: center;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }

  #order-footer-logo{
    order: unset;
  }

}

/*====== MUNCHIES COMING SOON PAGE =======*/
#munchies-coming-soon{
  background-color: #3241CD;
  display: flex;
  flex-direction: column;
}

#munchies-coming-soon-con{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#munchies-coming-soon-header {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 0 20px;
}

.munchies-coming-soon-header-logo-con {
  max-width: 160px;
  margin-right: 20px;
  width: 100%;
}

.munchies-coming-soon-header-logo-con img {
  width: 100%;
}

#munchies-nav-lagn-switch-coming-soon {
  color: #FFFFFF;
  background-color: #1E2BA8;
  padding: 10px;
  border-radius: 5px;
  display: block;
  font-family: 'National 2 Condensed', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 30px;
}


#munchies-coming-soon-banner-con{
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

#munchies-coming-soon-banner{
  width: 100%;
  max-width: 100vw;
  display: block;
  margin: 0 auto 30px auto;
}

#munchies-coming-soon-got-munchies{
  width: 100%;
  max-width: 600px;
  display: none;
  margin: 0 auto;
}

#munchies-coming-soon-got-munchies-mobile{
  width: 100%;
  max-width: 300px;
  display: block;
  margin: 0 auto;
}


@media only screen and (min-width: 700px) {

  .munchies-coming-soon-header-logo-con {
    max-width: 200px;
  }

  #munchies-nav-lagn-switch-coming-soon {
    font-size: 36px;
  }

  #munchies-coming-soon-banner-con{
    padding: 20px 20px 60px 20px;
  }

  #munchies-coming-soon-banner{
    max-width: 55vw;
  }

  #munchies-coming-soon-got-munchies{
    display: block;
  }

  #munchies-coming-soon-got-munchies-mobile{
    display: none;
  }
}


@media screen and ( min-width: 1200px ) and ( min-height: 900px ) {
  #munchies-coming-soon-banner{
    max-width: 70vw;
  }
}

@media screen and ( min-width: 1500px ) and ( min-height: 900px ) {
  #munchies-coming-soon-banner{
    max-width: 80vw;
  }
}

@media screen and (min-width: 2300px) and ( min-height: 900px ) {
  #munchies-coming-soon{
    min-height: 100vh;
  }

  #munchies-coming-soon-con{
    min-height: unset;
    flex: 1;
  }

  #munchies-coming-soon-banner{
    max-width: 100vw;
  }
}

/*HERO SECTION*/
#munchies-hero-section {
  background-color: #3241CD;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  position: relative;
  /*min-height: calc(100vh - 80px);*/
}

.munchies-video-mobile{
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
}

.munchies-video-desktop{
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  width: 100%;
  /*height: 100%;*/
  /*object-fit: cover;*/
  display: none;
}

@media only screen and (min-width: 1000px) {
  #munchies-hero-section {
    min-height: unset;
  }

  .munchies-video-mobile{
    display: none;
    visibility: hidden;
  }

  .munchies-video-desktop{
    display: block;
    /*aspect-ratio: 16 / 9;*/
  }
}

/*========= MUNCHIES ARE BACK SECTION =====*/
#munchies-are-back {
  background-color: #3241CD;
  padding: 50px 20px 0 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#munchies-are-back h2 {
  margin-bottom: 10px;
}

#munchies-are-back p {
  color: #FFFFFF;
  font-weight: 400;
  font-family: 'National 2', Helvetica, Arial, sans-serif;
  max-width: 1500px;
  margin: 0 auto 50px auto;
}

#munchies-are-back img {
  display: block;
  width: 100%;
  max-width: 500px;
}

@media only screen and (min-width: 1100px) {
  #munchies-are-back p{
    font-size: 24px;
    margin-bottom: 80px;
  }

  #munchies-are-back img {
    max-width: 700px;
  }
}

/*==== MUNCHIES PRODUCTS =========*/

.munchies-product-outer-con{
  position: relative;
  /*overflow: hidden;*/
}

.munchies-product-container {
  padding:  20px;
  display: grid;
  grid-gap: 20px 0;
  max-width: 1500px;
  margin: 0 auto;
  /*overflow: hidden;*/
}

.munchies-product-packhsot-con {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.munchies-product-packhsot-img {
  max-width: 540px;
  display: block;
  width: 100%;
}

.packshot-character-con img {
  width: 100%;
}

.munchies-product-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  /*max-width: 600px;*/
  /*margin: 0 auto;*/
}

.munchies-product-title{
  color: #FFFFFF;
  font-weight: bold;
  font-family: 'National 2 Condensed', Helvetica, Arial, sans-serif;
  font-size: 32px;
  margin-bottom: 20px;
  line-height: 1;
}

.munchies-product-body{
  color: #FFFFFF;
  font-family: 'National 2', Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}
.munchies-product-body p{
  color: #FFFFFF;
  font-family: 'National 2', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.munchies-collapsable-item {
  width: 100%;
  position: relative;
  z-index: 2;
}

.munchies-collapse-item-body{
  padding: 10px 0 30px 0;
}

.munchies-collapse-item-body, .munchies-collapse-item-body p, .munchies-collapse-item-body span {
  color: #FFFFFF !important;
  font-family: 'National 2', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.munchies-product-alert {
  margin-top: 10px;
  border-top: 2px solid #FFFFFF;
  padding-top: 10px;
}

/*  NUTRITION TABLE*/
.munchies-productdetails-nutrition-table {
  color: #FFFFFF;
  font-family: 'National 2', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
}

.munchies-productdetails-nutrition-header-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

.munchies-productdetails-headercell:first-child {
  margin-right: 10px;
}

.munchies-productdetails-nutrition-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: solid 1px #FFFFFF;
}


.munchies-productdetails-nutrition-cell:first-child {
  margin-right: 10px;
}

.munchies-productdetails-nutrition-row.munchies-row-indented {
  padding-left: 20px;
}

/*.munchies-productdetails-nutrition-row:nth-child(2n + 4) {*/
/*  background-color: #EEEEEE;*/
/*}*/

.munchies-product-collapse-btn {
  background-color: transparent;
  padding: 10px 0;
  border: none;
  border-bottom: solid 2px #FFFFFF;
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

.munchies-product-collapse-btn span {
  font-weight: bold;
  font-family: 'National 2', Helvetica, Arial, sans-serif;
  font-size: 20px;
}

.munchies-product-collapse-btn img {

  transition: all 0.3s linear;
}

.munchies-product-collapse-btn[aria-expanded="true"] img {
  transform: rotate(180deg);
  transition: all 0.3s linear;
}

.munchies-buy-now-cta {
  padding: 8px 30px;
  background-color: #FFFFFF;
  border: none;
  border-radius: 9px;
  font-weight: bold;
  font-family: 'National 2 Condensed', Helvetica, Arial, sans-serif;
  font-size: 26px;
  margin-top: 20px;
}




@media only screen and (min-width: 900px) {
  .munchies-product-container {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    padding: 40px 20px;
    /*overflow: hidden;*/
  }

  .munchies-align-right .munchies-product-info {
    order: -1;
  }

  .munchies-product-info {
    align-items: flex-start;
    text-align: left;
  }

  .munchies-product-title {
    font-size: 70px;
    line-height: 0.9;
  }

  .munchies-product-body p {
    font-size: 20px;
  }
}



@media only screen and (min-width: 1200px) {
  .munchies-product-container {
    padding: 20px 40px;
  }
}
/*=== GOT MUNCHIES SECTION ===*/
#got-the-munchies {
  background-color: #3241CD;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 20px 0 20px;
}

#got-munchies{
  width: 100%;
  max-width: 1000px;
  display: none;
}

#got-munchies-mobile{
  width: 100%;
  max-width: 300px;
  display: block;
}

#got-munchies-characters {
  width: 100%;
  display: block;
  max-width: 800px;
  margin-top: 40px;
}

@media only screen and (min-width: 1000px) {

  #got-the-munchies {
    padding: 150px 20px 0 20px;
  }

  #got-munchies{
    display: block;
  }

  #got-munchies-mobile{
    display: none;
  }

  #got-munchies-characters {
    margin-top: 60px;
  }
}



/*========= CUSTOM CSS FOR CHARACTHERS ========== */

/*====== OLD SCHOOL BBQ PRODUCT ====*/
.munchies-character-old-school-bbq {
  width: 55%;
  margin-top: -26%;
  margin-left: auto;
  display: block;
  max-width: 400px;
}

#old-school-bbq-custom-img {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .old-school-bbq {
    padding-top: 0;
    padding-bottom: 10px;
  }

}


@media only screen and (min-width: 1650px) {
  #old-school-bbq-custom-img {
    display: block;
    max-width: 215px;
    width: 100%;
    position: absolute;
    right: -220px;
    top: 70%;
  }
}


/*=======Tangy Ketchup Flavoured Potato Chips
======*/
.munchies-character-tangy-ketchup {
  margin-left: auto;
  margin-right: -12%;
  margin-top: -30%;
}

@media only screen and (min-width: 1200px) {
  .tangy-ketchup {
    padding-top: 10px;
  }
}

/*====  Supreme Sour Cream & Onion Flavoured Tortilla Chips =====*/

.munchies-character-sour-cream-onion {
  width: 62%;
  margin-left: auto;
  margin-top: -20%;
}

#sour-cream-onion-custom-img {
  display: none;
}

@media only screen and (min-width: 1650px) {
  .sour-cream-onion {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .sour-cream-onion .munchies-product-packhsot-con {
    margin-top: -60px;
  }

  #sour-cream-onion-custom-img {
    display: block;
    max-width: 190px;
    position: absolute;
    right: -200px;
    bottom: 5%;
  }
}


/*== Chili Cheese Stampede Flavoured Tortilla Chips ==*/

.munchies-character-chili-cheese-stampede {
  margin-top: -26%;
}

@media only screen and (min-width: 1200px) {
  .chili-cheese-stampede {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .chili-cheese-stampede .munchies-product-packhsot-con {
    margin-top: -50px;
  }
}

/*====Cheeky Cheddar Flavoured Popcorn ====*/
.munchies-character-cheeky-cheddar {
  margin-top: -35%;
}

#cheeky-chedar-characher-desktop{
  display: none;
}

#cheeky-cheddar-custom-img {
  display: none !important;
}

@media only screen and (min-width: 1650px) {
  #cheeky-chedar-characher-desktop{
    display: block;
  }

  .munchies-character-cheeky-cheddar {
    margin-top: -38%;
    margin-right: -20%;
    max-width: 90%;
  }

  #cheeky-cheddar-custom-img {
    max-width: 260px;
    display: block;
    width: 100%;
    position: absolute;
    right: -33%;
    top: 435px;
  }
}

/*==== MUNCHIES®
Deliciously All Dressed Flavoured Popcorn ==*/
.munchies-character-all-dressed-flavoured-popcorn {
  margin-top: -24%;
}

@media only screen and (min-width: 768px) {
  .modal-dialog {
    max-width: 100vw !important;
  }
}

.modal-content {
  width: 85vw;
  height:80vh;
  margin: auto;
}

iframe {
  width:100%;
  height:90%;
}

.ui-dialog .ui-dialog-titlebar-close {
  top:5% !important;
}


/*Footer layout fix*/

.munchies-footer-menu-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.left-footer-items, .right-footer-items  {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  gap: 20px;
}

#order-footer-logo {
  margin-left: 3rem;
  margin-right: 3rem;
}

.munchies-footer-menu-links div a {
  color: #FFFFFF !important;
  font-family: 'National 2 Condensed', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 25px;
  position: relative;
}

.munchies-footer-menu-links div a:hover .munchies-opens-new-tab, .munchies-footer-menu-links div a:focus .munchies-opens-new-tab {
  position: absolute;
  top: 25px;
  left: 0em;
  width: max-content;
  background-color: #ffffdd;
  border: 1px solid #b7b7b7;
  color: #000;
  padding: 5px;
  text-align: center;
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
  font-family: 'Open Sans', Helvetica, sans-serif !important;
}

@media only screen and (max-width: 768px)  {
.munchies-footer-menu-links {
  flex-direction: column;

}
  .left-footer-items, .right-footer-items {
    flex-direction: column;
    line-height: 1.8;
    gap: 0;
  }
  .logo-footer-item {
    order: -1;
  }

  #order-footer-logo {
    margin-bottom: 1rem;
  }
}

div.munchies-product-outer-con.cheeky-cheddar > div > div.munchies-product-packhsot-con > div > img.munchies-characher-img {
  width:80%;
}

div.munchies-product-outer-con.all-dressed-flavoured-popcorn.munchies-align-right > div > div.munchies-product-packhsot-con > div > img {
  width:60%;
}

div.munchies-product-outer-con.tangy-ketchup.munchies-align-right > div > div.munchies-product-packhsot-con > div > img {
  width:50%;
}

div.munchies-product-outer-con.chili-cheese-stampede.munchies-align-right > div > div.munchies-product-packhsot-con > div > img {
  width:75%
}

.munchies-character-sour-cream-onion.packshot-character-con {
  position: relative;
}

div.munchies-product-outer-con.sour-cream-onion > div > div.munchies-product-packhsot-con > div > img.munchies-characher-img {
  margin-left: -180px;
  width: 74%;
}

#munchies-sour-cream-character {
  position: absolute;
  left: 40%;
  width: 70%;
  top: 3%;
}