@font-face {
    font-family: 'basis-grotesque-mono-italic';
    src: url('../fonts/basis-grotesque-mono-italic.eot');
    src: url('../fonts/basis-grotesque-mono-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/basis-grotesque-mono-italic.woff2') format('woff2'),
         url('../fonts/basis-grotesque-mono-italic.woff') format('woff'),
         url('../fonts/basis-grotesque-mono-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'basis-grotesque-mono-regular';
    src: url('../fonts/basis-grotesque-mono-regular.eot');
    src: url('../fonts/basis-grotesque-mono-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/basis-grotesque-mono-regular.woff2') format('woff2'),
         url('../fonts/basis-grotesque-mono-regular.woff') format('woff'),
         url('../fonts/basis-grotesque-mono-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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


html{
  margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
}

body{
  font-family: 'basis-grotesque-mono-regular', monospace;
  background:#FFF7E7;
  font-size:14px;
  background-size:cover;
  color:#000;
  margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
}

.yellow-bg, .m2g-menu, .m2g-order-sections{
      background: #FFDA5D !important;
      font-family: 'basis-grotesque-mono-regular', monospace !important;
}

.scopa-order{
    background: #FFDA5D;

}

#m2g-view .m2g-h2{
  font-family: 'lydiacondensed-bold' !important;
  text-transform:uppercase !important;
  text-align:left !important;
}

.yellow-bg{
  margin-top:0;
}

.menu-range{
  width:100%;
}
.menu-range td{
  padding:10px 20px;
  vertical-align: top;

}

.menu-range td p{
padding-left:30px;
}

.menu-range h4{
    font-family: 'basis-grotesque-mono-italic';
    font-size:16px;
    font-weight:normal;
    text-transform: uppercase;

}

.crate-accordian{
padding-bottom: 100vh;
}

.accordion-content{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}

.sketchs{
text-align:center;
}

.home-mobile{
  margin-top:20px;

}

.home-mobile a{
  width:100%;
  color:#000;

}
.drinks-gap{
  margin-top:100px;
}

.order-links{
  margin-top:10px;
  margin-bottom:200px;
}

#m2g-view .m2g-title-text{
  font-family: 'lydiacondensed-bold' !important;
    text-transform: uppercase !important;
}

.large-link{
  text-align:center;
  font-family: 'lydiacondensed-bold';
    text-transform: uppercase;
    font-size:30px;
    margin-bottom:0px;
}

.small-link{
  text-align:center;
  font-family: 'lydiacondensed-bold';
    text-transform: uppercase;
    font-size:20px !important;
}

.break{
  margin-top:20px;
}

.scrolling a img{
  width:1057px;
}

.food-nav{
  padding-left:30px;
}

.scopa-intro {
  background-image:url('../img/scopa-pizzeria.jpg');
background-position: center bottom;
background-size: 100% auto;
background-repeat:no-repeat;
}


.about-img img{
  width:100%;
}

.scopa-contact a{
  color:#000;
}


.flex-container {
 display: flex;
 flex-direction: column;
 width: 100%;
 height: calc(100vh - 299px);
 display: flex;
align-items: center;
justify-content: center;
}

.contact-info a{
  color:#000;


}

.scopa-home .open-button{
  display:none;
}
.main-logo a:hover{
  text-decoration:none;
}


.accordion-container {
	position: relative;
	width: 100%;
	border:none;
	outline: 0;
	cursor: pointer;
	text-align: left;

}
.accordion-container .article-title {
	display: block;
	position: relative;
	margin: 0;
	font-weight: normal;
	cursor: pointer;
}
.accordion-container .article-title:hover,.accordion-container .article-title:active,.accordion-container .content-entry.open .article-title {
}
.accordion-container .article-title:hover i:before,.accordion-container .article-title:hover i:active,.accordion-container .content-entry.open i {
}
.accordion-container .content-entry i {
	position: absolute;
	top: 0px;
  margin-left:15px;
	font-style: normal;

}
.accordion-container .content-entry i:before {
  background-image: url('../img/down_arrow.png');
      background-size: 23px 38px;
      display: inline-block;
      width: 23px;
      height: 38px;
      content:"";
}
.accordion-container .content-entry.open i:before {
  background-image: url('../img/up_arrow.png');
      background-size: 20px 25px;
      display: inline-block;
      width: 20px;
      height: 25px;
      content:"";
}
.accordion-content {
	display: none;

}
.accordion-container,#description {
	width: 100%;

}

.event-faq{
margin-bottom:100px;
margin-top:100px;
}

.article-title{
  color:#000;
  font-family: 'lydiacondensed-bold';
  font-size:72px;
  text-transform:uppercase;
}

.accordion-content{
color:#000;
font-size:16px;
padding-top:20px;
}


.page-inner{
  padding:70px 70px 120px 70px;
}


.scopa-mobile-banner{
  width:100%;
  background:url('../img/scopa-mobile-home.jpg');
  height:250px;
  background-size: 100% auto;
  background-position: center;
}


.ticker {
  overflow: hidden;
  white-space: nowrap;
  z-index:999;

    font-size:16px;
    margin-top:40px;

}

.scrolling {
  animation: marquee 8s linear infinite;
  display: inline-block;
  padding-top:2px;
  margin-right:40px;
}

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

.ticker-right {
  overflow: hidden;
  white-space: nowrap;
  z-index:999;
    font-family: 'Gooper-SemiBoldItalic';
    font-size:16px;

}

.scrolling-right {
  animation: marquee2 8s linear infinite;
  display: inline-block;
  padding-top:2px;
}

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




.desktop-topbar a{
color:#000;
  font-family: 'lydiacondensed-bold';
  text-transform:uppercase;

}

.food-nav a{

  margin-right:45px;
}

.order-nav{
  text-align:right;
}

.order-nav a{
    margin-left:45px;

}

.desktop-topbar {
padding-top:20px;
padding-bottom:50px;
position:fixed;
bottom:0;
width:100%;
font-size:18px;
background:#FFF7E7;

}

.scopa-about{
      font-family: 'lydiacondensed-bold';
      font-size:36px;
      text-align:center;
      max-width:720px;
      line-height:normal;
      margin-left:auto;
      margin-right:auto;

}

.scopa-contact{
  font-family: 'lydiacondensed-bold';
  font-size:36px;
  text-align:center;
  max-width:720px;
  line-height:normal;
  margin-left:auto;
  margin-right:auto;

}

.menu-yellow{
background:#FFDA5D;
min-height:100vh;
padding-top:65px;
}


.content-entry{
  margin-bottom:25px;
}













.nav-link{
display: inline-block;
}

.main-menu__link:hover{
  text-decoration: none;
}



.navbar-light .navbar-nav .nav-link{
  color:#000 !important;
      font-weight: 300;
}


.active .main-menu__link{
  font-weight:600 !important;
}



.bottombar{
  background:#e07272;
  position:fixed;
  bottom: 0;
  width:100%;
  z-index:999;
  padding-top: 7px;
  padding-bottom:7px;

}

.bottom_links a{
  margin-right:20px;
}

.bottom_links a, .bottom_email a{
  color:#000;
  text-transform: uppercase;
    font-family: 'GT-America-Extended-Regular';
}

.topbar .container{
  text-align:center;


}
.topbar .container p{
  line-height:normal;
    font-family: 'GT-America-Extended-Regular';
    margin-bottom: 0;

}
.topbar .container a{
  color:#fff;
  text-transform: uppercase;
}

.potluck-menu{
width:180px;
margin-top:40px;
margin-left:25px;
}
.mobile-menu-info{
  position:absolute;
  bottom:30px;
  left:30px;
  right:30px;
  color:#fff;
}

.mobile-menu-info a{
  color:#fff;
}



.logo_container{
  text-align: center;
  margin-top: 70px;
  margin-bottom:40px;
}

.nav-link{
  text-transform:uppercase;
  font-size:20px;

}




h1{
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 10px;
  margin-bottom: 70px;

}

h5{
  text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 5px;

}

/* Menu */


/* The Mobile Menu that appears on click */
 .mobile-menu {
	 width: 100%;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 9998;
	 min-height: 100%;
	 height: 100%;
	 background: #FFF7E7;
   background-repeat: no-repeat;
   background-size: 80%;
   background-position: 50% 95%;
	 margin: 0;
	 position: fixed;
	 display: none;
}
 @media (min-width: 1024px) {
	 .mobile-menu {
		 float: right;
		 position: relative;
		 left: auto;
		 right: auto;
		 bottom: auto;
		 top: auto;
		 min-height: auto;
		 height: auto;
		 padding: 0;
		 background: transparent;
		 display: none;
	}
  .event-followus{
    display:none;
  }
}
 .mobile-menu.open {
	 display: block;
}
 a {
	 text-decoration: none;
}
/* Main Navigation in header for desktop */
 .main-menu {
	 margin: 20px 0;
	 padding: 0;
   max-width:1024px;
   min-height: 80px;
   position:absolute;
    bottom:150px;
}
}


@media (min-width: 1440px){
.container {
    max-width: 1400px;

  }


}




@media (max-width: 1439px){
.container {
    max-width: 1280px;

  }

  .article-title{
    font-size:54px;
  }

  .desktop-topbar{
    padding-bottom:25px;
  }

  .scrolling a img {
    width:750px;
}
}

@media (max-width: 1280px){
.container {
    max-width: 1170px;

  }


}

@media (max-width: 1199px){
.container {
    max-width: 1000px;

  }


}

 @media (max-width: 1279px) {

.pot-luck-about{
  font-size:24px;
}
.pot-luck-about p{
  text-indent:100px;
}

.pot-luck-food p{
  font-size:40px;
}

.desktop-topbar{
  padding-bottom:35px;
}
 }
 @media (min-width: 1024px) {
	 .main-menu {
		 width: 100%;
		 margin: 0 auto;
	}
  .nav-right{
    text-align:right;
  }
  .nav-center{
    text-align:center;
  }
}
 .main-menu__item {
	 padding: 0;
	 display: block;
	 position: relative;
}
 @media (min-width: 1024px) {
	 .main-menu__item {
		 float: left;
		 display: block;
	}
  .main-menu__item{
    width:33%;
  }
  .non-desktop{
    display:none;
  }

  .active .main-menu__link:before{
    content:"<";
    margin-right: 10px;
  }
}
 .main-menu__link {
	 border-bottom: 0;
   color: #000 !important;
     font-weight: 300;
font-family: 'lydiacondensed-bold';
text-align:center;
width:100%;
     text-transform: uppercase;
	 display: inline-block;
   font-size: 36px;

	 position: relative;

}
 @media (min-width: 1024px) {
	 .main-menu__link {

		 color: black;
	}
}
 .main-menu__link:hover, .main-menu__link:focus, .main-menu__link:active {
	 border-bottom: 0;
	 color: #fff;
}
/* Hamburger Button - Animation courtesy of https://codepen.io/designcouch/pen/Atyop - more examples in this link */
 .open-button {
	 width: 30px;
	 height: 30px;
	 transform: rotate(0deg);
	 transition: 0.5s ease-in-out;
	 position: absolute;
	 cursor: pointer;
	 border-bottom: 0;
	 top: 28px;
	 right: 20px;
	 z-index: 9999;
	 border-bottom: 0;
}
 @media (min-width: 1024px) {
	 .open-button {
		 display: none;
	}
}
 .open-button:hover {
	 border-bottom: 0;
}
 .open-button span {
	 display: block;
	 position: absolute;
	 height: 4px;
	 width: 100%;
	 background: #000;

	 opacity: 1;
	 left: 0;
	 transform: rotate(0deg);
	 transition: 0.25s ease-in-out;
}
 .open-button span:nth-child(1) {
	 top: 0px;
	 transform-origin: left center;
}
 .open-button span:nth-child(2) {
	 top: 10px;
	 transform-origin: left center;
}
 .open-button span:nth-child(3) {
	 top: 20px;
	 transform-origin: left center;
}
 .open-button.open span:nth-child(1) {
	 transform: rotate(45deg);
	 top: -3px;
	 left: 8px;
}
 .open-button.open span:nth-child(2) {
	 width: 0%;
	 opacity: 0;
}
 .open-button.open span:nth-child(3) {
	 transform: rotate(-45deg);
	 top: 19px;
	 left: 8px;
}

.open-button.open span {
background-color:#000;
}



@media only screen and (max-width: 1023px) {

.bottombar{
  display:none;
}

.main-menu{
width:100%;
top: 50%;
transform: translateY(-50%);
bottom:auto;
}


.order-nav {
  display:none;

  }
.sketchs{
  display:none;
}

.page-inner {
    padding: 70px 40px 100px 40px;
  }

  .pot-luck-food p, .pot-luck-about p{
    font-size:30px;
    line-height:1.5;
  }

  .pot-luck-about p{
    text-indent:50px;
  }

.contact-info{
  padding-left:15px;
}

.contact-text{
  margin-bottom:25px;
}
.about-img{
  margin-bottom:25px;
}

.desktop-topbar {
padding-top:25px;
padding-bottom:30px;


}


  .food-nav{
    display:none;
  }

.event-artists{
margin-bottom:50px;

}


.about-event{
  text-align:center;
}
.container{
  padding-left:25px;
  padding-right:25px;
}


.tickets-nav, .social-top{
  display:none;
}
.about-top {
    margin-bottom: 50px;
    margin-top: 0px;

  }



.article-title{
  font-size:36px;
}


.menu-range td {
    padding: 5px 10px 0px 0px;

  }

  .menu-range h4{
    font-size:14px;
  }

.accordion-container .content-entry i:before {
    background-image: url(../img/down_arrow.png);
    background-size: 15px 24px;
    display: inline-block;
    width: 15px;
    height: 24px;
    content: "";

  }
.event-faq h3{
font-size:13px;

}

.menu-range td p {
    padding-left: 15px;
  }

.event-story p{
font-size:13px;

}

.event-faq{
  margin-bottom: 50px;
      margin-top: 50px;

}

.accordion-content{
  font-size:13px;
}
.topbar{
  position:relative;
  padding-top: 5px;
  padding-bottom: 5px;
  display:none;
  z-index:99999;
}

.logo_container{
  margin-top:20px;
}

.topbar .container p{
  font-size:9px;
}

.logo_container img{
  max-width: 202px;
}

.scopa-intro{
  display:none;
}


}


@media only screen and (min-width: 1024px) {
.scopa-mobile-banner, .home-mobile{
  display:none;
}


}
@media only screen and (max-height: 1023px) {
.flex-container{
height: calc(100vh - 235px);

}
}

@media only screen and (max-width: 767px) {
  .drinks-gap{
    margin-top:50px;
  }

  #rd-widget-frame{
    margin-bottom:600px !important;;
  }

  .scrolling {

    margin-right:15px;
  }

.flex-container{
  height: calc(100vh - 120px);
  justify-content: flex-start;
}

.iti-mobile .flex-container{

    justify-content: flex-start;
  }

.scopa-about, .scopa-contact{
  font-size:28px;
  padding:0 40px;
}


.scrolling a img{
  width:420px;
}






.ticker{
  margin-top:0;
}

.share-the-love {
    max-width: 200px;
    margin-left: 15px;
    margin-top: 20px;
  }
  .pot-luck img{
    max-width:280px;
    width:80%;
  }

  .page-inner {
    padding: 20px 15px 80px 15px;
  }
  .pot-luck-small{
    margin-bottom:50px;
  }

  .pot-luck-food p{
    font-size:24px;
line-height:1.5;
  }

  .contact-text{
    margin-bottom:20px;
  }

  .contact-info{
    padding-left:15px;
  }

.about-img{
    margin-bottom:20px;
  }

.pot-luck-about{
  padding-bottom:50px;
}
  .pot-luck-about p{
    font-size:24px;
line-height:1.5;
 text-indent:25px;
  }

  .food-images img{
    margin-bottom:15px;
  }

  .desktop-topbar{
    padding-bottom:15px !important;
    padding-top:15px !important;
  }


  .pot-luck {

    padding:0 40px;

  }
}


@media only screen and (max-width: 340px) {
  .scopa-about, .scopa-contact{
font-size: 22px;
}
}

@media only screen and (max-height: 800px) {
  .bookings-page .desktop-topbar {
position: relative;
}

  .bookings-page .flex-container {
    height: auto;
  }
}