/*#carols-next img{
	background-image: url('media/images/logos/beige-wall.jpg');
	background-size: cover;
	object-fit: contain;
}*/
/*FONTS*/
	@font-face{
		font-family: 'bourbon';
		src: url('../fonts/bourbon.otf');
	}
	@font-face{
		font-family: 'crack';
		src: url('../fonts/crack.otf');
	}
	@font-face{
		font-family: 'gotham';
		src: url('../fonts/gotham-black.otf');
	}
	@font-face{
		font-family: 'h-neu';
		src: url('../fonts/h-neu-light.ttf');
	}
	@font-face{
		font-family: 'h-neu-medium';
		src: url('../fonts/h-neu-medium.ttf');
	}
	@font-face{
		font-family: 'micro-bold';
		src: url('../fonts/micro-bold.ttf');
	}
	@font-face{
		font-family: 'profootball';
		src: url('../fonts/pro-football.ttf');
	}
	@font-face{
		font-family: 'roboto-condensed';
		src: url('../fonts/roboto-condensed.ttf');
	}
	@font-face{
		font-family: 'trivia';
		src: url('../fonts/trivia-b.ttf');
	}
/*	Mr Eaves Mod OT

	Mr Eaves Mod OT Thin
	font-family: "mr-eaves-modern", sans-serif;
	font-weight: 100;
	font-style: normal;

	Mr Eaves Mod OT Light
	font-family: "mr-eaves-modern", sans-serif;
	font-weight: 200;
	font-style: normal;

	Mr Eaves Mod OT Book
	font-family: "mr-eaves-modern", sans-serif;
	font-weight: 300;
	font-style: normal;

	Mr Eaves Mod OT Reg
	font-family: "mr-eaves-modern", sans-serif;
	font-weight: 400;
	font-style: normal;

	Mr Eaves Mod OT Bold
	font-family: "mr-eaves-modern", sans-serif;
	font-weight: 700;
	font-style: normal;

	Mr Eaves Mod OT Heavy
	font-family: "mr-eaves-modern", sans-serif;
	font-weight: 800;
	font-style: normal;
*/
/* ----------------------------
   1. Web Fonts (Adobe Typekit)
---------------------------- */
	@font-face {
	    font-family: "mr-eaves-modern", sans-serif;
	    font-weight: 100;
	    font-style: normal;
	    font-display: swap;
	    src: url("https://use.typekit.net/rct7ifk.css");
	}

	@font-face {
	    font-family: "mr-eaves-modern", sans-serif;
	    font-weight: 200;
	    font-style: normal;
	    font-display: swap;
	    src: url("https://use.typekit.net/rct7ifk.css");
	}

	@font-face {
	    font-family: "mr-eaves-modern", sans-serif;
	    font-weight: 300;
	    font-style: normal;
	    font-display: swap;
	    src: url("https://use.typekit.net/rct7ifk.css");
	}

	@font-face {
	    font-family: "mr-eaves-modern", sans-serif;
	    font-weight: 400;
	    font-style: normal;
	    font-display: swap;
	    src: url("https://use.typekit.net/rct7ifk.css");
	}

	@font-face {
	    font-family: "mr-eaves-modern", sans-serif;
	    font-weight: 700;
	    font-style: normal;
	    font-display: swap;
	    src: url("https://use.typekit.net/rct7ifk.css");
	}

	@font-face {
	    font-family: "mr-eaves-modern", sans-serif;
	    font-weight: 800;
	    font-style: normal;
	    font-display: swap;
	    src: url("https://use.typekit.net/rct7ifk.css");
	}

/* ----------------------------
   2. Local Fonts (Fallbacks)
---------------------------- */
	@font-face {
	    font-family: "IFC Railroad";
	    font-style: normal;
	    font-weight: 400;
	    font-display: swap;
	    src: url("../fonts/ifc-railroad.woff") format("woff"),
	         url("../fonts/ifc-railroad.ttf") format("truetype");
	}

	@font-face {
	    font-family: "Night Light Script";
	    font-style: normal;
	    src: url("../fonts/night-light-script.ttf") format("truetype");
	}

	@font-face {
	    font-family: "Wilco Low";
	    font-style: normal;
	    font-weight: 400;
	    font-display: swap;
	    src: url("../fonts/wilco-low.woff") format("woff"),
	         url("../fonts/wilco-low.ttf") format("truetype");
	}

	@font-face {
	    font-family: "Wilco Mid";
	    font-style: normal;
	    font-weight: 500;
	    font-display: swap;
	    src: url("../fonts/wilco-mid.woff") format("woff"),
	         url("../fonts/wilco-mid.ttf") format("truetype");
	}

	@font-face {
	    font-family: "Wilco Treble";
	    font-style: normal;
	    font-weight: 700;
	    font-display: swap;
	    src: url("../fonts/wilco-treble.woff") format("woff"),
	         url("../fonts/wilco-treble.ttf") format("truetype");
	}
*{
	margin: 0;
	padding: 0;
}
body{
	background-color: #394145;
	position: relative;
}
.main-main-main{
	display: none !important;
}
.page-heading{
		color: #fff;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 48px;
		margin-top: 120px;
		padding: 5px 0 10px 0;
		text-align: center;
		text-shadow: -5px 5px 5px #000;
	}
/***ROOFTOP MENU***/
	.rooftop-menu{
		max-width: 100%;
		width: 100%;
	}
	.rooftop-menu img{
		display: block;
		max-width: 100%;
		width: 100%;
	}
/*DISPLAY NONE*/
	#acp-portrait,
	.header-about-dropdown,
	.header-menu-dropdown,
	.next-rooftop-hide,
	#copy-break,
	.sports-page-event-mobile-event{
		display: none;
	}
	/*MOBILE*/
	.body-mobile,
	.about-dropdown-mobile,
	.joes-menu-dropdown-mobile,
	.header-mobile,
	.mobile-hamburger,
	.body-mobile,
	.mobile-header-way{
		display: none;
	}
	#mobile-scroll{
		display: none !important;
	}
	/*MAIN*/
	#faq-minus,
	#faq-minus-1, #faq-minus-2, #faq-minus-3, #faq-minus-4, #faq-minus-5, #faq-minus-6, #faq-minus-7, #faq-minus-8,
	#answer-1, #answer-2, #answer-3, #answer-4, #answer-5, #answer-6, #answer-7, #answer-8,
	#social-media-break,
	#upcoming-events-break{
		display: none;
	}
	/*CONCERTS*/
	.concert-listing-info-dropdown{
		display: none;
	}
	/*PRIVATE PARTIES*/
	.party-packages-pop-up,
	.package-pop-up-details{
		display: none;
	}
	.party-packages-page{
		display: block;
		position: relative;
	}
/**********************
 * NOW HIRING POPUP *
**********************/
	.now-hiring-popup{
		bottom: -110%;
		box-shadow: 0 0 10px 5px #000;
		position: fixed;
		right: 20px;
		z-index: 9999999999;
		animation: now-hiring-popup-animation 1s 1s forwards;
	}
	.now-hiring-popup-image{
		position: relative;
		width: 250px;
		z-index: 9999999998;
	}
	.now-hiring-popup-image img{
		display: block;
		width: 100%;
	}
	.event-popup{
		align-items: center;
		background-color: rgba(0,0,0,.8);
		display: flex;
		height: 100vh;
		justify-content: center;
		left: 0;
		opacity: 0;
		position: fixed;
		top: 0;
		visibility: hidden;
		width: 100vw;
		z-index: 99999999989;
		animation: eventPopupFadeIn .6s 2s forwards;
	}
	@keyframes eventPopupFadeIn{
		0%{
			opacity: 0;
			visibility: hidden;
		}
		20%{
			opacity: 0;
			visibility: visible;
		}
		100%{
			opacity: 1;
			visibility: visible;
		}
	}
	.event-popup-container{
		border: 1px solid #fff;
		position: relative;
		width: 70%;
	}
	.event-popup-container:before{
		content:"";
		position: absolute;
		background-color: #000;
		border: 5px solid #BBB08B;
		box-shadow: 0 0 15px 10px #000;
		height: 100%;
		left: -15px;
		padding: 10px;
		top: -15px;
		width: 100%;
		z-index: -1;
	}
	.event-popup-container img{
		display: block;
		width: 100%;
	}
	.event-popup-image-portrait{
		display: none;
	}
	.event-popup-reserve{
		bottom: -80px;
		display: flex;
		justify-content: center;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		width: 100%;
	}
	.event-popup-reserve-container{
		background-color: #000;
		border: .5px solid #fff;
		box-shadow: 0 0 1px 4px #BBB08B, 0 0 1px 10px #000, 0 0 15px 5px #000;
		color: #fff;
		font-family: 'roboto condensed', cursive;
		font-size: 18px;
		padding: 5px;
		width: auto;
	}
	.event-popup-reserve-container span{
		border: .5px dashed #fff;
		display: block;
		padding: 5px;
	}
	.event-popup-x{
		align-items: center;
		color: #fff;
		display: flex;
		font-size: 24px;
		height: 30px;
		justify-content: center;
		position: absolute;
		right: -70px;
		top: 0px;
		width: 30px;
		z-index: 999999997;
	}
	.event-popup-x:hover{
		cursor: pointer;
	}
	.event-popup-x-close{
		animation: eventPopupXClose .6s forwards;
	}
	@keyframes eventPopupXClose{
		0%{
			opacity: 1;
			visibility: visible;
		}
		80%{
			opacity: 0;
			visibility: visible;
		}
		100%{
			opacity: 0;
			visibility: hidden;
		}
	}
	@keyframes now-hiring-popup-animation{
	  from {
	  	bottom: -110%;
	  }

	  to {
	  	bottom: 0%;
	  }
	}
	.now-hiring-popup-x{
		align-items: center;
		background-color: #000;
		border: 2px solid #998E65;
		box-shadow: 0 0 10px 5px #000;
		color: #fff;
		display: flex;
		font-size: 16px;
		height: 30px;
		justify-content: center;
		position: absolute;
		right: 10px;
		top: 0px;
		width: 30px;
		z-index: 999999997;
		animation: now-hiring-popup-x-animation 1s 2s forwards;
	}
	.now-hiring-popup-x:hover{
		cursor: pointer;
	}
	@keyframes now-hiring-popup-x-animation{
	  from {
	  	top: 10px;
	  }

	  to {
	  	top: -30px;
	  }
	}
	.now-hiring-popup-x-click{
		animation: now-hiring-popup-x-click-1 1s forwards;
	}
	@keyframes now-hiring-popup-x-click-1{
	  from {
	  	bottom: 0%;
	  }

	  to {
	  	bottom: -110%;
	  }
	}
/*TICKETWEB POPUP*/
  .ticketweb-popup{
    background-color: #000;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    transform: translateY(100%);
    width: 100%;
    z-index: 999999999999999;
    animation: ticketWebEntry .5s 3s forwards;
  }
  @keyframes ticketWebEntry{
    0%{
      transform: translateY(100%);
    }
    100%{
      transform: translateY(0%);
    }
  }
  @keyframes ticketWebExit{
    0%{
      transform: translateY(0%);
    }
    100%{
      transform: translateY(100%);
    }
  }
  .ticketweb-exit{
    animation: ticketWebExit .5s forwards;

  }
  .ticketweb-popup-container{
    align-items: center;
    color: #fff;
    display: flex;
    font-family: 'wilco-low', sans-serif;
    padding: 10px 20px;
    text-align: center;
  }
  .ticketweb-x{
    align-items: center;
    background-color: #B5A267;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-family: 'Wilco Treble', cursive;
    font-size: 14px;
    justify-content: center;
    margin-left: 10px;
    padding: 5px 10px;
    transition: .2s;
  }
  .ticketweb-x:hover{
    background-color: #fff;
    color: #000;
    transition: .2s;
  }
/*HEADER*/
	header{
		background-color: #000;
		box-shadow: 2px 2px 5px #000;
		left: 0;
		margin: 0 auto;
		max-width: 1500px;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	.header-container{
		display: flex;
		margin: 0 auto;
		padding: 20px 0;
		position: relative;
		width: 90%;
	}
	.header-left,
	.header-right{
		width: 100%;
	}
	.header-left-container,
	.header-right-container{
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: space-between;
		width: 80%;
	}
	.header-left-container{
		margin: 0 auto 0 0;
	}
	.header-right-container{
		margin: 0 0 0 auto;
	}
	.header-left a,
	.header-right a{
		color: #fff;
		font-family: 'Roboto Mono', monospace;
		text-decoration: none;
	}
	/*HEADER LOGO*/
	.header-logo{
		left: 0;
		margin: 0 auto;
		max-width: 200px;
		position: absolute;
		right: 0;
		text-align: center;
		transition: .3s;
		top: 0;
		width: 100%;
	}
	#header-logo-img{
		width: 100%;
	}
	.header-logo-shrink{
		transition: .3s;
		width: 10%;
	}
	#header-shrink-point{
		position: absolute;
		top: 5px;
	}
	#header-start-shrunk{
		text-align: center;
	}
	#header-start-shrunk-img{
		text-align: center;
		width: 113.84px;
	}
	.saddle-up-header-logo{
		width: 120px;
	}
	.saddle-up-header-logo img{
		display: block;
		width: 100%;
	}
	#hannah-dasher-home-mobile{
		object-position: left;
	}
	/*ABOUT DROPDOWN*/
	.header-about,
	.header-menu{
		position: relative;
	}
	.header-about-title,
	.header-menu-title{
		color: #fff;
		font-family: 'Roboto Mono', sans-serif;
		display: flex;
	}
	.header-about-title:hover,
	.header-menu-title:hover{
		cursor: pointer;
	}
	.header-about-title i,
	.header-menu-title i{
		font-size: 12px;
		padding: 8px 0 0 5px;
		transition: .5s;
	}
	.header-about-dropdown{
	    background-color: #000;
	    box-shadow: -2px 2px 5px #000;
	    left: -20px;
	    padding: 10px 0;
	    position: absolute;
	    text-align: center;
	    top: 40px;
	    width: 100px;
	}
	.header-menu-dropdown{
	    background-color: #000;
	    box-shadow: -2px 2px 10px #000;
	    left: 0;
	    padding: 10px 0;
	    position: absolute;
	    text-align: center;
	    top: 40px;
	    width: 100px;
	}
	.header-about-dropdown-menu,
	.header-menu-dropdown-menu{
		align-items: center;
		display: flex;
		flex-direction: column;
	}

	.header-about-dropdown-menu i,
	.header-menu-dropdown-menu img{
		align-items: center;
		background-color: #B5A267;
		border-radius: 50px;
		color: #fff;
		display: flex;
		font-size: 28px;
		height: 70px;
		justify-content: center;
		margin: 7px 0;
		padding: 0;
		width: 70px;
	}
	.head-arrow-flip{
		padding: 4px 5px 0px 0px !important;
		transform: rotate(180deg);
		transition: .5s;
	}
	.header-right-container .order-online-circle{
		background-color: #BBB08B;
		border: 1px solid #000;
		color: #000;
		padding: 2px 6px;
	}
/*HEADER MOBILE*/
	#navbar{
		transition: 1s;
	}
	.header-mobile{
		box-shadow: 0px 5px 15px #000;
		overflow: hidden;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9998;
	}
	.header-mobile-container{
		background-color: rgba(0,0,0,.7);
		position: relative;
	}
	.header-mobile-logo{
		margin: 0 auto;
		text-align: center;
		z-index: 400;
	}
	.header-mobile-logo img{
		max-width: 130px;
		transition: .3s;
		width: 100%;
	}
	.mobile-hamburger{
		bottom: 0;
		height: 134px;
		left: 20px;
		position: absolute;
		top: 0;
		z-index: 10000;
	}
	.mobile-hamburger-container{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		height: 20%;
		margin: 50px 0;
	}
	.mobile-hamburger-container:hover{
		cursor: pointer;
	}
	.burger-piece{
		background-color: #fff;
		height: 2px;
		width: 30px;
		z-index: 9999;
	}
	.body-mobile-container-column{
		text-align: center;
	}
/*BURGER FLIP*/
    #burger-1, #burger-2, #burger-3{
        transition: .5s;
    }
    .mobile-hamburger .burger1b{
        transform: rotate(45deg) translate(6px,6px);
        transition: .5s;
    }
    .mobile-hamburger .burger2b{
        opacity: 0;
        transition: .3s;
    }
    .mobile-hamburger .burger3b{
        transform: rotate(-45deg) translate(7px,-6px);
        transition: .5s;
    }
    .mobile-menu-arrow,
    .mobile-about-arrow{
        transition: .5s;
    }
	/*BODY MOBILE*/
	.body-mobile{
		background-color: #000;
		background-image: url('media/logos/joes-logo-dark.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 485px;
		height: 110vh;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 500;
	}
	.body-mobile-container{
		align-items: center;
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
		margin: 0 auto;
		max-width: 450px;
	}
	.body-mobile-link{
		padding: 5px 0;
	}
	.body-mobile-container a{
		color: #fff;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 28px;
		text-decoration: none;
		text-shadow: -3px 3px 5px #B5A267;
	}
	.body-mobile-container i{
		font-size: 24px;
    	padding-left: 10px;
	}
	#about-mobile,
	#joes-menu-mobile{
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.joes-menu-dropdown-mobile-container{
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		width: 100%;
	}
	.joes-menu-icons-mobile{
		max-width: 100px;
	}
	.about-icons-row i,
	.about-icons-row img,
	.joes-menu-icons-mobile img{
		align-items: center;
		background-color: #B5A267;
		border-radius: 50px;
		color: #fff;
		display: flex;
		font-size: 28px;
		height: 70px;
		justify-content: center;
		margin: 10px 0 0 0;
		padding: 0;
		width: 70px;
	}
	.about-dropdown-mobile-container{
		margin: 0 auto;
		max-width: 100%;
	}
	.about-icons-mobile{
		display: flex;
		flex-direction: column;
	}
	.about-icons-row{
		display: flex;
		justify-content: space-between;
	}
/*******MAIN PAGE*******/
/*MAIN VIDEO*/
	.main-video{
		box-shadow: 0 10px 5px #000;
		margin: 60px auto 0 auto;
		max-width: 1500px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.jarallax{
		height: 530px;
	}
/*ACM AWARD*/
	.acm-award{
		background-color: transparent;
		bottom: 50px;
		height: 200px;
		position: absolute;
		width: 600px;
	}
	.acm-img{
		border-right: 300px solid transparent;
		border-bottom: 250px solid #BBB08B;
		box-sizing: border-box;
		height: 100%;
		width: 50%;
	}
	.acm-img img{
		margin-top: 60px;
		padding: 0 0 20px 20px;
		width: 180px;
	}
	.acm-text{
		background-color: #BBB08B;
		box-shadow: -5px 5px 5px #000;
		color: #fff;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 19px;
		font-weight: 100;
		margin: 10px 5px;
		bottom: 0px;
		right: 0;
		
		position: absolute;
		text-shadow: -1px 1px 2px #000;
	}
	.acm-text-container{
		border: 2px dashed #000;
		margin: 5px;
		padding: 0 5px;
	}

	/*.acm-award-header{
		align-items: center;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 850px;
		width:	100%;
	}
	.acm-award-header img{
		padding: 10px 0;
		width: 190px;
	}
	.acm-award-header h1{
		color: #fff;
		font-family: 'News Cycle', sans-serif;
		font-size: 40px;
		text-shadow: -2px 2px #000;
	}*/

/*FEATURED / UP NEXT*/
	.featured{
		margin: 30px auto 50px auto;
		max-width: 1500px;
		width: 100%;
	}
	.featured-container{
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 1250px;
		width: 100%;
	}
	.twopxsolidborder{
		border: 2px solid #fff;
	}
/*FEATURED - MAIN*/
	.featured-main{
		display: flex;
		flex-direction: column;
		max-width: 900px;
		width: 100%;
	}
	.featured-title{
		background-color: #000;
		margin-bottom: 5px;
		padding: 5px;
	}
	.featured-title-container{
		border: 2px dashed #fff;
	}
	.featured-title h2{
		color: #fff;
		font-size: 50px;
		font-family: 'Bebas Neue', cursive;
		padding-top: 3px;
		text-align: center;
		text-shadow: 1px 1px #000,
					-1px -1px #000,
					-1px 1px #000,
					1px -1px #000, 
					2px 2px 9px #B5A267,
					-2px -2px 9px #B5A267,
					-2px 2px 9px #B5A267,
					2px -2px 9px #B5A267;
	}
	.featured-box{ 
		background-color: #000;
		display: block !important;
		max-height: 450px;
		position: relative;
		width: 900px;	
	}
	.featured-scroll{
		height: 454px;
	}
	#featured-scroll img,
	#mobile-scroll img{
		height: 100%;
		max-width: 100%;
		object-fit: cover;
		width: 100%;
	}
	.slick-dots{
		background-image: linear-gradient(to bottom left, rgba(0,0,0,.5) 10%, rgba(0,0,0,0) 50%) !important;
		bottom: 0 !important;
		align-items: center !important;
		display: flex !important;
		flex-direction: column !important;
		padding-top: 10px !important;
		right: 0 !important;
		text-align: right !important;
		top: 0 !important;
		width: 50px !important;
	}
	.slick-dots li{
		
		margin: 0 !important;
		padding: 5px 0 !important;
		width: 10px !important;
	}
	.slick-dots li button:before{
		font-size: 40px !important;
		text-shadow: 1px 1px #fff,
					 -1px -1px #fff,
					 -1px 1px #fff,
					 1px -1px #fff;
	}
	.slick-dots li.slick-active button:before{
		color: #B5A267 !important;
		font-size: 40px !important;
		text-shadow: 1px 1px #fff,
					 -1px -1px #fff,
					 -1px 1px #fff,
					 1px -1px #fff;
	}

/*FEATURED - SIDE*/
	.featured-side{
		height: 540px;
		max-width: 346px;
		width: 100%;
	}
	.featured-side-title{
		background-color: #000;
		color: #fff;
		font-size: 30px;
		font-family: 'Bebas Neue', cursive;
		height: 46px;
		margin-bottom: 4px;
		padding: 5px;
		text-align: center;
		text-shadow: 1px 1px #000,
					-1px -1px #000,
					-1px 1px #000,
					1px -1px #000, 
					2px 2px 9px #B5A267,
					-2px -2px 9px #B5A267,
					-2px 2px 9px #B5A267,
					2px -2px 9px #B5A267;
	}
	.featured-side-title-container{
		border: 2px dashed #fff;
		padding-top: 3px;
	}
	.featured-side-two-boxes{
		display: flex;
		flex-direction: column;
		height: 476px;
		justify-content: space-between;
	}
	.featured-side-box{
		height: 232px;
		overflow: hidden;
		width: calc(100% - 4px);
	}
	.featured-side-box-bottom{
		margin-top: 5px;
	}
	.featured-box-info{
		background-image: linear-gradient(to bottom, transparent, #000);
		bottom: 0;
		padding: 10px;
		position: absolute;
		width: calc(100% - 20px);
	}
	.featured-box-info a{
		text-decoration: none;
	}
	.featured-box-title{
		color: #fff;
		display: flex;
		flex-direction: column;
		font-family: 'micro-bold', sans-serif;
		font-size: 40px;
		text-shadow: -1px 1px 2px #000, 1px -1px 2px #000, -1px -1px 2px #000, 1px 1px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000, 2px 2px 2px #000, -3px 3px 2px #000, 3px -3px 2px #000, -3px -3px 2px #000, 3px 3px 2px #000;
		text-transform: uppercase;
	}
	.featured-box-title-opener{
		font-size: 18px;
	}
	.featured-box-details{
		align-items: center;
		color: #fff;
		display: flex;
		font-family: 'roboto-condensed', sans-serif;
		font-size: 22px;
		justify-content: space-between;
		margin-top: 5px;
		width: 300px;
	}
	.featured-box-links{
		display: flex;
		justify-content: flex-start;
		margin-top: 6px;
	}
	.featured-box-link{
		background-color: #BBB08B;
		border: 1px solid #000;
		margin-right: 10px;
		padding: 3px;
		width: 110px;
	}
	.featured-box-link-container{
		align-items: center;
		color: #000;
		display: flex;
		font-size: 16px;
		border: 1px dashed #000;
		font-family: 'roboto-condensed', sans-serif;
		justify-content: space-evenly;
		padding: 2px 10px;
		width: calc(100% - 22px);
	}
	.featured-box-link-container i{
		font-size: 14px;
	}
	.next-concert-hide{
		display: none;
	}
/*SIDE BOX*/
	.side-box{
		background-color: #000;
		height: 100%;
		position: relative;
		width: 100%;
	}
	.side-box a{
		color: #fff;
		text-decoration: none;
		min-width: 120px;
		text-align: center;
	}
	.side-box img{
		display: block;
		height: 100%;
		max-width: 100%;
		object-fit: cover;
		width: 100%;
	}
	#side-box-joes-logo{
		object-fit: contain;
	}
	.side-box-info{
		background-color: rgba(0,0,0,.6);
		bottom: 0;
		color: #fff;
		font-family: 'Roboto Mono', sans-serif;
		padding: 5px;
		position: absolute;
		text-transform: uppercase;
		width: calc(100% - 10px);
	}
	.side-box-info-container{
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: space-between;
		margin: 0 auto;
	}
	#side-box-info-room{
		justify-content: flex-end;
	}
	.side-box-artist{
		font-size: 16px;
	}
	.side-box-second{
		font-size: 14px;
	}
	.side-box-time{
		font-size: 14px;
	}
	.side-box-ticket{
		background-color: rgba(0,0,0,.6);
		border: 1px solid #fff;
		transition: .2s;
	}
	.side-box-ticket-p{
		border: 1.9px dashed #fff;
		font-size: 14px;
		padding: 2px 5px;
		margin: 5px;
		transition: .2s;
	}
	.side-box-reserve-p{
		border: 1.9px dashed #fff;
		font-size: 13px;
		padding: 2px 5px;
		margin: 5px;
		transition: .2s;
	}
	.side-box-ticket-toggle{
		background-color: #BBB08B;
		border: 1px solid #000;
		cursor: pointer;
		transition: .2s;
	}
	.side-box-ticket-p-toggle{
		border: 1.9px dashed #000;
		color: #000;
		transition: .2s;
	}
	.side-box-date{
		align-items: center;
		background-color: #BBB08B;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		color: #fff;
		display: flex;
		font-family: 'Roboto Mono', sans-serif;
		height: 35px;
		justify-content: center;
		left: 0;
		padding: 0 10px;
		position: absolute;
		top: 0;
		width: auto;
	}

/*THIS WEEK AT JOE'S*/
	.this-week{
		margin: 50px auto;
		max-width: 1500px;
		width: 100%;
	}
	.this-week-container{
		margin: 0 auto;
		max-width: 1250px;
		width: 100%;
	}
	.this-week-title{
		background-color: #000;
		margin-bottom: 5px;
		padding: 5px;
	}
	.this-week-title-container{
		border: 2px dashed #fff;
	}
	.this-week-title a{
		text-decoration: none;
	}
	.this-week-title h3{
		color: #fff;
		font-size: 50px;
		font-family: 'Bebas Neue', cursive;
		padding-top: 3px;
		text-align: center;
		text-shadow: 1px 1px #000,
					-1px -1px #000,
					-1px 1px #000,
					1px -1px #000, 
					2px 2px 9px #B5A267,
					-2px -2px 9px #B5A267,
					-2px 2px 9px #B5A267,
					2px -2px 9px #B5A267;
	}
	.this-week-boxes{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.this-week-box a,
	.this-week-box-no-link{
		align-items: center;
		background-color: #000;
		display: flex;
		justify-content: center;
		position: relative;
		width: 304px;
	}
	.this-week-box img{
		display: block;
		max-width: 100%;
		object-fit: cover;
		width: 100%;
	}
	.this-week-triangle{
    	width: 0;
    	height: 0;
    	border-top: 150px solid #B5A267;
    	border-right: 150px solid transparent;
    	left: 0;
    	position: absolute;
    	top: 0;
	}
/*SADDLE UP SATURDAYS*/
	.saddle-up-saturdays-homepage{
		border: 2px solid #fff;
		box-sizing: border-box;
		margin: 100px auto 50px auto;
		width: 1250px;
	}
	.saddle-up-saturdays-homepage img{
		display: block;
		width: 100%;
	}
/*SOCIAL MEDIA*/
	.social-media{
		margin: 50px auto;
		max-width: 1200px;
		width: 100%;
	}
	.social-media-container{
		align-items: center;
		display: flex;
		flex-direction: column;
		margin: 20px 0 10px 0;
		width: 100%;
	}
	.social-media-heading{
		color: #fff;
		font-family: 'Roboto Mono';
		text-align: center;
		font-size: 32px;
		text-shadow: -5px 5px 5px #000;
	}
	.social-media-icons{
		display: flex;
		justify-content: space-between;
		margin-bottom: 50px;
		max-width: 300px;
		padding: 20px 0 10px 0;
		text-shadow: -5px 5px 5px #000;
		width: 100%;
	}
	.social-media .icon i{
		color: #B5A267;
		font-size: 40px;
		transition: .3s;
	}
	.social-media .icon i:hover{
		color: #fff;
		margin-top: -5px;
		padding-bottom: 5px;
		transition: .3s;
	}
	.icon img{
		max-height: 20px;
		max-width: 100px;
	}
	.elfsight-widget{
		width: 100%;
	}
/*UPCOMING EVENTS*/
	.main-events{
		margin: 5px auto 20px;
		max-width: 1200px;
		width: 100%;
	}
	.main-events .main-featured-heading{
		width: calc(100% - 5px);
	}
	.main-events-container{
		display: flex;
		height: 100%;
		max-height: 450px;
	}
	.main-events-carousel{
		max-width: 800px;
		position: relative;
		width: 100%;
	}
	.main-events-carousel-container{
		border: 2px solid #fff;
		position: relative;
	}
	.main-events-heading{
		color: #fff;
		font-family: 'Roboto Mono';
		font-size: 32px;
		margin: 20px 0 30px 0;
		text-align: center;
		text-shadow: -5px 5px 5px #000
	}
	.main-events-carousel-box{
		color: #fff;
		font-family: 'Roboto Mono', sans-serif;
		height: 447px;
		max-height: 447px;
	}
	.main-events-carousel-box img{
		display: block;
		height: 100%;
		max-width: 800px;
		width: 100%;
	}
	.main-events-date{
		background-color: #B5A267;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		color: #fff;
		font-family: 'News Cycle', sans-serif;
		left: 0;
		padding: 10px;
		position: absolute;
		top: 0;
	}
	.main-events-date-text{
		align-items: center;
		background-color: rgba(0,0,0,.5);
		bottom: 0;
		display: flex;
		justify-content: space-between;
		left: 0;
		padding: 10px;
		position: absolute;
		width: calc(100% - 20px);
	}
	.main-events-date-text .event-title{
		font-size: 26px;
	}
	.main-events-date-text .ticket-button{
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		position: relative;
	}
	.main-events #table-p,
	.nfl-playoffs-table-p{
		font-family: 'Roboto Mono', sans-serif;
		font-size: 16px;
	}
	.main-events-arrows-left{
		color: #fff;
		display: flex;
		font-size: 24px;
		left: 0;
		margin: 0 12px;
		position: absolute;
		top: 50%;
		transition: .2s;
		z-index: 20;
	}
	.main-events-arrows-right{
		color: #fff;
		display: flex;
		font-size: 24px;
		right: 0;
		margin: 0 12px;
		position: absolute;
		top: 50%;
		transition: .2s;
		z-index: 20;
	}
	.main-events-arrows-left:hover,
	.main-events-arrows-right:hover{
		color: #B5A267;
		cursor: pointer;
		transition: .2s;
	}
	/*SIDE BOXES*/
	.main-events-side-boxes{
		display: flex;
		flex-direction: column;
		margin-left: 5px;
		max-width: 406px;
	}
	.main-events-side-boxes-heading{
		border: 2px solid #fff;
		background-color: #000;
		color: #fff;
		font-family: 'Roboto Mono';
		font-size: 18px;
		text-align: center;
		text-shadow: -5px 5px 5px #000
	}
	.main-events-side-boxes-heading-container{
		border: 2px dashed #fff;
		margin: 5px;
	}
	.main-events-side-boxes img{
		max-height: 400px;
	}
	.main-events-side-boxes-container{
		background-color: #000;
		border: 2px solid #fff;
		margin-top: 5px;
		max-height: 393px;
	}
	.side-boxes{
		display: flex;
	}
	.side-boxes img:hover{
		opacity: .6;
		transition: .3s;
	}
	.side-boxes img{
		display: block;
		padding: 1px 0;
		max-width: 195px;
		transition: .3s;
	}
/*CHECK OUT OUR PARTNERS*/
	.partners{
		background-color: #000;
		border: 2px solid #fff;
		margin: 50px auto;
		max-width: calc(1200px - 4px);
		width: 100%;
	}
	.partners-wrapper{
		border: 2px dashed #fff;
		margin: 5px;
		padding: 5px;
	}
	.main-partners-heading{
		color: #fff;
		font-family: 'Roboto Mono';
		font-size: 32px;
		margin-bottom: 20px;
		text-align: center;
		text-shadow: -2px 2px 3px #B5A267;
	}
	.partners-container{
		align-items: flex-end;
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
		max-width: 90%;
	}
	.partners-container a{
		color: #fff;
		font-family: 'News Cycle', sans-serif;
		text-align: center;
		text-decoration: none;
	}
	.partners-box{
		align-items: flex-end;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		width: 100%;
		
	}
	.partners-info img{
		max-height: 150px;
		max-width: 200px;
		transition: .3s;
	}
	.partners-info img:hover{
		padding-bottom: 10px;
		margin-top: -10px;
		transition: .3s;
	}
/*FAQ*/
	.faq{
		background-color: #000;
		border: 2px solid #fff;
		color: #fff;
		margin: 50px auto;
		max-width: calc(1200px - 4px);
		width: 100%;
	}
	.faq-container{
		border: 2px dashed #fff;
		margin: 5px;
		padding: 15px;
		position: relative;
	}
	.faq-heading{
		color: #fff;
		font-family: 'Roboto Mono';
		font-size: 32px;
		margin-bottom: 20px;
		text-shadow: -2px 2px 3px #B5A267;
	}
	.faq-content{
		align-items: center;
		display: flex;
	}
	.faq .lines-header{
		display: flex;
		font-family: 'h-neu', sans-serif;
		font-size: 26px;
		padding: 5px 0;
	}
	.faq .lines-header span:hover,
	.faq .lines-header i:hover{
		cursor: pointer;
	}
	.faq i{
		color: #B5A267;
		padding: 3px 10px 0 0;
	}
	.questions-wrapper{
		width: 60%;
	}
	/*ANSWERS*/
	.answers-box{
		align-items: center;
		background-color: #B5A267;
		display: flex;
		border: 2px solid #fff;
		height: 400px;
		max-width: 460px;
		position: relative;
		width: 40%;
		z-index: 2;
	}
	.answers-box-map{
		background-color: #000;
		height: 100%;
	}
	.answers{
		background-color: #B5A267;
		height: 100%;
		position: absolute;
		top: 0;
	}
	.answers-container{
		align-items: center;
		display: flex;
		height: 100%;
	}
	.answers p{
		font-family: 'News Cycle', sans-serif;
		font-size: 17px;
		text-align: center;
		padding: 0 20px;
		text-shadow: -2px 2px 5px #000;
	}
	.answers a{
		color: #fff;
	}
	#answers-box-img{
		height: 100%;
	}
	.answers-box-map img{
		height: 100%;
		max-width: 100%;
		margin-bottom: -4px;
		margin-top: 0;
		object-fit: cover;
		transition: .3s;
		width: 100%;
	}
	.answers-box-map img:hover{
		opacity: .6;
		transition: .3s;
	}
/*MAIN BIO*/
	.main-bio{
		margin: 0 auto;
		max-width: 1200px;
	}
	.bio-photo{
		border: 2px solid #fff;
	}
	.main-bio-heading{
		color: #fff;
		font-family: 'Roboto Mono';
		font-size: 32px;
		text-align: center;
		text-shadow: -2px 2px 3px #B5A267;
	}
	.main-bio-copy{
		background-color: #000;
		border: 2px solid #fff;
		color: #fff;
		margin-top: 20px;
	}
	.main-bio-copy-container{
		border: 2px dashed #fff;
		font-family: 'News Cycle', sans-serif;
		font-size: 12px;
		margin: 5px 5px 0 5px;
		padding: 2px 10px;
		text-align: center;
	}
	.bio-copy-sections{
		display: flex;
		justify-content: space-around;
		text-align: center;
		margin: 0 auto;
	}
	/*BIO COLUMNS*/
	.bio-copy-column{
		border: 2px dashed #fff;
		margin: 5px;
		max-width: 315px;
		padding: 0 40px;
		width: 500px;
	}
	.bio-copy-sections i{
		color: #B5A267;
		padding-right: 5px;
	}
	#bio-social{
		padding-top: 5px;
	}
	#bio-social i{
		font-size: 28px;
		transition: .3s;
	}
	#bio-social i:hover{
		color: #fff;
		transition: .3s;
	}

	#bio-contact{
		padding: 20px 0 15px 0;
	}
	.bio-copy-column{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		height: 400px;
	}
	#bio-hours{
		padding: 0 30px;
	}
	.bio-column-heading{
		border-bottom: 2px solid #fff;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 36px;
	}
	.bio-copy-sections a,
	.bio-hours,
	.bio-hours p{
		color: #fff;
		font-family: 'News Cycle', sans-serif;
		font-size: 20px;
		text-decoration: none;
		transition: .3s;
	}
	.bio-copy-column a:hover{
		color: #B5A267;
		transition: .3s;
	}
	.bio-copy-sections img{
		max-width: 100%;
	}
	#bio-logo{
		border: 2px dashed #fff;
		margin: 5px 0;
		padding: 0 40px;
		width: 500px;
	}
	#bio-logo img{
		display: block;
		margin-top: 40px;
		max-width: 310px;
		min-width: 310px;
	}
	#bio-newsletter #bio-contact-heading{
		border-bottom: none;
	}
	#depends{
		font-size: 12px;
	}
/*MAILING LIST*/
	#main-mailing-list{
		border: 2px solid #fff;
		overflow: hidden;
	}
	.mailing-list-contact{
		display: flex;
		justify-content: space-evenly;
	}
	.mailing-list-iframe{
		width: 100%;
	}
	.contact-form-box{
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}
	label[for="checkbox-bio"],
	label[for="checkbox-footer"],
	label[for="control_EMAIL"],
	label[for="control_EMAIL-footer"] { 
	    border: 0;
	    clip: rect(0 0 0 0);
	    height: 1px;
	    margin: -1px;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    width: 1px;
	}
	.contact-mailing{
		border: none;
		border-radius: 3px;
		font-family: 'News Cycle', sans-serif;
		font-size: 14px;
		height: 40px;
		text-align: center;
		width: 100%;
	}
	.contact-submit{
		cursor: pointer;
	    background-color: #B5A267;
	    color: #000;
	}
	.checkbox-form{
		display: none;
	}
/*******EVENTS PAGE*******/
	.events-wrapper{
		transition: .3s;
	}
	.table-reservation-x:hover{
		cursor: pointer;
	}
	.table-reservation-x{
		position: absolute;
		top: 20px;
		right: 20px;
	}
/*WEEKLY EVENTS*/
	.weekly-events-container{
		display: flex;
		justify-content: center;
		margin: 20px auto 0 auto;
		max-width: 1200px;
		width: 95%;
	}
	.weekly-events-column{
		display: flex;
		justify-content: space-around;
		width: 100%;
	}
	#upcoming-special-events-header,
	#weekly-events-header{
		font-size: 48px;
	}
	.weekly-events img{
		display: block;
		width: 280px;
	}
	.weekly-box{
		background-color: #000;
		border: 1px solid #fff;
		box-shadow: -10px 10px 5px #000;
		color: #fff;
		display: flex;
		flex-direction: column;
		font-family: 'Roboto Mono', sans-serif;
		max-width: 280px;
		text-align: center;
		transition: .3s;
	}
	.weekly-box a{
		color: #fff;
		text-decoration: none;
	}
	.weekly-box p{
		padding: 2px 0;
	}
	.weekly-box:hover{
		background-color: #B5A267;
		cursor: pointer;
		margin-top: -10px;
		margin-bottom: 10px;
		transition: .3s;
	}
	#weekly-specials{
		width: 850px;
	}
	.weekly-specials-container{
		border: 1px solid #fff;
		color: #fff;
		display: flex;
		position: relative;
	}
	.weekly-specials-image{
		display: flex;
	}
	.weekly-specials-image-container{
		display: block;
	}
	.weekly-specials-image img{
		display: block;
	}
	.weekly-pop-up-hours{
		font-size: 24px;
		padding-top: 20px;
	}
	.weekly-specials-copy{
		background-color: #000;
		margin: 0 auto;
		padding: 10px;
		text-align: center;
		
	}
	.weekly-specials-copy p{
		font-family: 'News Cycle', sans-serif;
		font-size: 20px;
		line-height: 1.3;
	}
	#specials-italics{
		font-size: 20px;
	}
	#food-specials-hours{
		font-family: 'News Cycle', sans-serif;
		font-size: 12px;
	}
	.calendar #the-rooftop-reserve{
		flex-direction: column;
	}
/***SPECIAL EVENTS***/
	.calendar .concert-listing-info{
		max-height: none;
	}
/*******CONCERTS PAGE*******/
	.concerts{
		margin: 46px auto 0 auto;
		max-width: 1500px;
	}
	.concerts-banner{
		box-shadow: 0 10px 10px #000;
	}
	.concerts-banner .jarallax{
		height: 530px;
	}
	.concerts-heading{
		color: #fff;
		font-family: 'Roboto Mono';
		font-size: 32px;
		padding: 30px 0 10px 0;
		text-align: center;
		text-shadow: -5px 5px 5px #000;
	}
	.concerts-list{
		margin: 0 auto;
		max-width: 1200px;
		padding: 0 5px;
	}
	.concert-listing{
		background-color: #000;
		border: 2px solid #fff;
		display: flex;
		margin: 20px 0;
	}
	.concert-listing-container{
		border: 2px dashed #fff;
		box-shadow: 15px 0 8px #000;
		display: flex;
		margin: 5px;
		width: 100%;
		z-index: 1;
	}
	.concert-listing-icons{
		background-color: #B5A267;
		color: #fff;
		font-size: 28px;
		max-width: 70px;
		min-width: 70px;
		text-shadow: 6px 2px 5px #000;
	}
	.concert-listing-icons a{
		color: #fff;
	}
	.concert-listing-icons i{
		padding: 10px 0;
	}
	.concert-listing .event-title-extras{
		font-family: 'Roboto Mono', sans-serif;
		font-size: 20px;
	}
	.concert-listing-icons-container{
		align-items: center;
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
	}
	.concert-listing-image{
    	height: 266px;
    	max-width: 400px;
    	overflow: hidden;
    	width: 100%;
	}
	.concert-listing-image-wide{
    	height: 225px;
    	max-width: 400px;
    	overflow: hidden;
    	width: 100%;
	}
	.concert-listing-image img,
	.concert-listing-image-wide img{
		height: 100%;
    	display: block;
    	object-fit: cover;
    	width: 100%;
	}
	#img-no-max{
		max-height: none;
	}
	.concert-listing-info{
		border-left: 2px dashed #fff;
		color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		max-height: 250px;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 0 10px 10px 10px;
		position: relative;
		text-shadow: 2px 2px #000;
		width: 100%;
		z-index: 10;
	}
	.concert-listing .info-top{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		z-index: 1;
	}
	.concert-listing .artist{
		font-family: 'Roboto Mono', sans-serif;
		font-size: 40px;
		letter-spacing: -1px;
		width: 100%;
	}
	.artist-bottom,
	.artist-bottom-buttons,
	.artist-bottom-info,
	.show-details{
		align-items: center;
		display: flex;
		z-index: 1;
	}
	.concert-listing .date,
	.concert-listing .doors,
	.concert-listing .time{
		font-family: 'News Cycle', sans-serif;
		font-size: 22px;
	}
	.concert-listing span{
		color: rgba(0,0,0,0);
		text-shadow: none;
	}
	.concert-listing-info .info-button,
	.concert-listing-info .ticket-button{
		border: 1px solid #fff;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 14px;
		margin-right: 20px;
		position: relative;
		text-align: center;
		width: 130px;
	}
	.info-button{
		color: #fff;
	}
	.info-button:hover{
		color: #fff;
	}
	.info-sans-serif{
		font-family: sans-serif;
	}
/*CONCERT LISTING DROPDOWN*/
	.concert-listing-info-dropdown{
		background-color: #fff;
		background-image: url("https://www.transparenttextures.com/patterns/paper-fibers.png");
		background-size: contain;
		height: 100%;
		max-height: 100%;
		position: absolute;
		left: 0;
		overflow-x: auto;
		text-shadow: none;
		top: 0;
		width: 100%;
		z-index: 1000;
	}
	.concert-listing-info-dropdown-container{
		padding: 2px 10px 10px 10px;
	}
	.concert-listing-info-dropdown .table-reservation-x i{
		color: #000;
	}
	.concert-listing-info-dropdown .artist{
		color: #000;
		font-size: 24px;
		font-weight: 900;
	}
	.concert-listing-info-dropdown .opening-act{
		color: #000;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 16px;
	}
	.about-the-show{
		font-family: 'News Cycle', sans-serif;
	}
	.show-details{
		color: #B5A267;
		font-size: 20px;
		font-weight: 900;
	}
	.show-details-body{
		display: flex;
	}
	.artist-bio,
	.show-details-p{
		color: #000;
		font-size: 16px;
	}
	.artist-bio{
		padding-top: 5px;
	}
	.about-the-show a{
		color: #000;
		font-size: 20px;
		transition: .3s;
	}
	.show-details-tickets:hover{
		color: #B5A267;
		transition: .3s;
	}
	.ticket-disclaimer{
		margin: 0 auto;
		text-align: center;
		max-width: 1200px;
	}
	.ticket-disclaimer p{
		color: #fff;
		font-family: 'News Cycle', sans-serif;
		text-transform: uppercase;
	}
/***** SPORTS PAGE *****/	
	.page-wrapper{
		display: flex;
		flex-direction: column;
		height: 100vh;
		justify-content: space-between;
	}
/*SPORTS HEADER*/
	.page-header{
		margin: 0 auto;
		max-width: 1500px;
		width: 100%;
	}
	.page-header-container{
		position: relative;
	}
	.page-header-screen{
		background-color: #000;
		display: flex;
		flex-wrap: wrap;
		height: 500px;
		justify-content: space-evenly;
		overflow: hidden;
		padding-top: 8px;
	}
	.sports-screens{
		height: 160px;
		width: calc(25% - 10px);
	}
	.sports-screens img{
		height: 160px;
		object-fit: cover;
		object-position: 50% 50%;
	}
	.page-header-sports{
		background-color: rgba(0,0,0,1);
		align-items: center;
		display: flex;
		flex-direction: column;
		height: 508px;
		justify-content: center;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
	}
	.page-header-sports-toggle{
		background-color: rgba(0,0,0,.4);
		transition-delay: 2s;
		transition-duration: .5s;
	}
	.page-header-sports h1{
		color: #fff;
		font-size: 60px;
		font-family: 'micro-bold', sans-serif;
		text-shadow: -1px 1px 2px #000,
					 1px -1px 2px #000,
					 -1px -1px 2px #000,
					 1px 1px 2px #000,
					 -2px 2px 2px #000,
					 2px -2px 2px #000,
					 -2px -2px 2px #000,
					 2px 2px 2px #000,
					 -3px 3px 2px #000,
					 3px -3px 2px #000,
					 -3px -3px 2px #000,
					 3px 3px 2px #000,
					 -4px 4px 3px #000,
					 4px -4px 3px #000,
					 -4px -4px 3px #000,
					 4px 4px 3px #000;
	}
	#sports-header-logo{
		display: block;
		width: 300px;
		object-fit: contain;
	}
/*SPORTS HEADER*/
	.page-header{
		margin: 0 auto;
		max-width: 1500px;
		width: 100%;
	}
	.page-header-container{
		position: relative;
	}
	.page-header-screen{
		background-color: #000;
		display: flex;
		flex-wrap: wrap;
		height: 500px;
		justify-content: space-evenly;
		overflow: hidden;
		padding-top: 8px;
	}
	.sports-screens{
		height: 160px;
		width: calc(25% - 10px);
	}
	.sports-screens img{
		height: 160px;
		object-fit: cover;
		object-position: 50% 50%;
	}
	.page-header-sports{
		background-color: rgba(0,0,0,1);
		align-items: center;
		display: flex;
		flex-direction: column;
		height: 508px;
		justify-content: center;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
	}
	.page-header-sports-toggle{
		background-color: rgba(0,0,0,.4);
		transition-delay: 2s;
		transition-duration: .5s;
	}
	.page-header-sports h1{
		color: #fff;
		font-size: 60px;
		font-family: 'micro-bold', sans-serif;
		text-shadow: -1px 1px 2px #000,
					 1px -1px 2px #000,
					 -1px -1px 2px #000,
					 1px 1px 2px #000,
					 -2px 2px 2px #000,
					 2px -2px 2px #000,
					 -2px -2px 2px #000,
					 2px 2px 2px #000,
					 -3px 3px 2px #000,
					 3px -3px 2px #000,
					 -3px -3px 2px #000,
					 3px 3px 2px #000,
					 -4px 4px 3px #000,
					 4px -4px 3px #000,
					 -4px -4px 3px #000,
					 4px 4px 3px #000;
	}
	#sports-header-logo{
		display: block;
		width: 300px;
		object-fit: contain;
	}

/*SPORTS COPY*/
	.sports-copy{
		color: #fff;
		font-family: 'roboto-condensed', sans-serif;
		font-size: 20px;
		margin: 30px auto;
		text-align: center;
		width: calc(100% - 50px);
	}
/*UPCOMING EVENTS*/
	.sports-upcoming-title{
		background-color: #000;
		border: .5px solid #fff;
		margin: 0 auto 5px auto;
		padding: 5px;
		width: 85%;
	}
	.sports-upcoming-title-container{
		border: 1px dashed #fff;
	}
	.sports-upcoming-title h2{
		color: #fff;
		font-size: 50px;
		font-family: 'Bebas Neue', cursive;
		padding-top: 3px;
		text-align: center;
		text-shadow: 1px 1px #000,
					-1px -1px #000,
					-1px 1px #000,
					1px -1px #000, 
					2px 2px 9px #B5A267,
					-2px -2px 9px #B5A267,
					-2px 2px 9px #B5A267,
					2px -2px 9px #B5A267;
	}
	.sports-upcoming-events-content{
		margin: 20px auto 80px auto;
		width: 100%;
	}
	.sports-upcoming-event{
		margin: 0 auto;
		max-width: 850px;
		position: relative;
		width: 90%;
	}
	.sports-upcoming-events-content a{
		text-decoration: none;
	}
	.sports-upcoming-event-image{
		border: 4px solid #000;
		width: 100%;
	}
	.sports-upcoming-event-image img{
		display: block;
		filter: drop-shadow(0px 10px 5px #000);
		object-fit: cover;
		width: 100%;
	}
	.sports-upcoming-event-reserve{
		bottom: -20px;
		display: flex;
		justify-content: center;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		width: 100%;
	}
	.sports-upcoming-event-reserve-container{
		background-color: #000;
		border: .5px solid #fff;
		box-shadow: 0 0 1px 5px #BBB08B, 0 0 1px 10px #000, 0 15px 5px #000;
		color: #fff;
		font-family: 'roboto condensed', cursive;
		font-size: 18px;
		padding: 5px;
		width: auto;
	}
	.sports-upcoming-event-reserve-container span{
		border: .5px dashed #fff;
		display: block;
		padding: 5px;
	}
/*TEAM BANNERS*/
	.sports-banner-desktop{
		display: block;
	}
	.sports-banner-mobile{
		display: none;
	}
	.banners-wrapper{
		margin: 0 auto;
		width: calc(100% - 100px);
	}
	.banners{
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#banners-bottom{
		margin: 0 auto;
		width: 100%;
	}
	.banner{
		margin-bottom: 20px;
		width: 300px;
	}
	.banner img{
		max-width: 100%;
		width: 100%;
	}
/*FORM PHP*/
	.sports-reservation-form-php{
		margin-top: 20px;
	}
	.sports-reservation-form-php-img{
		margin: 0 auto 40px auto;
		width: 300px;
	}
	.sports-reservation-form-php-img img{
		max-width: 100%;
	}
	.form-p{
		color: #fff;
		font-family: 'micro-bold', sans-serif;
		font-size: 36px;
		margin: 0 auto;
		text-align: center;
		text-transform: uppercase;
		text-shadow: -1px 1px 2px #000, 1px -1px 2px #000, -1px -1px 2px #000, 1px 1px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000, 2px 2px 2px #000, -3px 3px 2px #000, 3px -3px 2px #000, -3px -3px 2px #000, 3px 3px 2px #000, -4px 4px 3px #000, 4px -4px 3px #000, -4px -4px 3px #000, 4px 4px 3px #000;
		width: 900px;
	}
	.form-php-close{
		color: #fff;
		font-family: 'roboto-condensed', sans-serif;
		font-size: 18px;
		margin-top: 20px;
		text-align: center;
	}
	.sports-reservation-popup-x{
		position: absolute;
		right: -40px;
		top: 0;
	}
	.sports-reservation-popup-x i{
		color: #BBB08B;
		font-size: 24px;
	}
	.sports-reservation-popup-x i:hover{
		cursor: pointer;
	}
/*TABLE RESERVATION FORM*/
	.room-popup{
		background-color: rgba(0,0,0,.9);
		display: none;
		height: 100%;
		left: 0;
		margin: 0 auto;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	.room-popup-wrapper{
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: center;
		width: 100%;
	}
	.room-popup-container{
		align-items: center;
		border: 3px solid #fff;
		display: flex;
		flex-direction: column;
		height: 500px;
		margin: 0 20px;
		position: relative;
		width: 800px;
	}
	.room-popup-header{
		align-items: center;
		border-bottom: 3px solid #fff;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		height: 150px;
		position: relative;
		width: 100%;
	}
	.room-popup-header p{
		color: #fff;
		font-family: 'micro-bold', sans-serif;
		font-size: 50px;
		text-shadow: 1px 1px 1px #000,
					 -1px 1px 1px #000,
					 1px -1px 1px #000,
					 -1px -1px 1px #000,
					 2px 2px 2px #000,
					 -2px 2px 2px #000,
					 2px -2px 2px #000,
					 -2px -2px 2px #000,
					 3px 3px 3px #000,
					 -3px 3px 3px #000,
					 3px -3px 3px #000,
					 -3px -3px 3px #000,
					 4px 4px 4px #000,
					 -4px 4px 4px #000,
					 4px -4px 4px #000,
					 -4px -4px 4px #000;
	}
	.room-popup-header p:nth-child(2){
		font-size: 28px;
	}
	.room-popup-details{
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: center;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
	}
	.room-popup-details-container{
		align-items: center;
		background-color: #000;
		border-radius: 50%;
		border: 3px solid #fff;
		color: #fff;
		display: flex;
		font-family: 'micro-bold', sans-serif;
		font-size: 36px;
		height: 70px;
		justify-content: center;
		width: 70px;
	}
	.room-popup-form{
		margin-top: 40px;
	}
	.room-popup-form-container{
		align-items: center;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 220px;
		width: 100%;
	}
	.room-popup-form form{
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		height: 85%;
		width: 100%;
	}
	.room-popup-form input{
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-family: 'h-neu', sans-serif;
		font-size: 16px;
		height: 30px;
		padding: 2px 0;
		width: 350px;
	}
	.room-popup-form textarea{
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-family: 'h-neu', sans-serif;
		font-size: 16px;
		height: 64px;
		padding: 2px 0;
		width: 350px;
	}
	.room-popup-form textarea::placeholder{
  		transform: translateY(38px) translateX(1px);
	}
	.room-form-buttons{
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
		width: calc(100% - 50px);
	}
	.room-form-buttons input:hover{
		color: #B5A367;
		cursor: pointer;
		transition: .3s;
	}
	.room-form-buttons input{
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #B5A367;
		color: #fff;
		font-family: 'h-neu', sans-serif;
		font-size: 16px;
		padding: 2px 0;
		transition: .3s;
	}
	.room-popup-bottom{
		background-color: #000;
		display: flex;
		flex-direction: column;
		height: 370px;
		justify-content: space-between;
		padding: 20px 0;
		width: 800px;
	}
	.room-popup-disclaimer{
		color: #fff;
		font-family: "h-neu", sans-serif;
		font-size: 14px;
		text-align: center;
		width: 100%;
	}
	.room-popup-disclaimer p{
		margin: 0 auto;
		width: calc(100% - 40px);
	}
	.room-popup-x{
		height: 40px;
		position: absolute;
		right: -150px;
		top: -50px;
		width: 40px;
	}
	.room-popup-x:hover{
		cursor: pointer;
	}
	.room-popup-x-container{
		height: 100%;
		position: relative;
		width: 100%;
	}
	.room-popup-x-a{
		background-color: #B5A367;
		left: 10px;
		height: 2px;
		position: absolute;
		top: 20px;
		transform: rotate(45deg);
		width: 25px;
	}
	.room-popup-x-b{
		background-color: #B5A367;
		left: 10px;
		height: 2px;
		position: absolute;
		top: 20px;
		transform: rotate(-45deg);
		width: 25px;
	}
/*RESERVATION IMAGES*/
	#alley-room-popup .room-popup-header{
		background-image: url('media/rooms/the-alley-suite-dark.jpg');
		background-position: 50% 50%;
		background-size: cover;
	}
	#chapter-room-popup .room-popup-header{
		background-image: url('media/rooms/the-chapter-room-dark.jpg');
		background-position: 50% 50%;
		background-size: cover;
	}
	#clubhouse-room-popup .room-popup-header{
		background-image: url('media/rooms/the-clubhouse-room-dark.jpg');
		background-position: 50% 50%;
		background-size: cover;
	}
	#red-room-popup .room-popup-header{
		background-image: url('media/rooms/the-red-room-dark.jpg');
		background-position: 50% 50%;
		background-size: cover;
	}
	#rooftop-room-popup .room-popup-header{
		background-image: url('media/rooms/the-rooftop-1.jpg');
		background-position: 50% 50%;
		background-size: cover;
	}
	#vip-room-popup .room-popup-header{
		background-image: url('media/rooms/the-vip-dark.jpg');
		background-position: 50% 50%;
		background-size: cover;
	}
/*******TRIVIA PAGE*******/
	.trivia{
		margin: 0 auto;
		max-width: 1500px;
		overflow-y: hidden;
	}
	.trivia-months{
		margin: 0 auto;
		width: 95%;
	}
	.trivia-container{
		margin: 40px auto 0 auto;
		max-width: 100%;
		padding: 0 5px;
	}
	#trivia-header{
		font-size: 48px;
	}
	.trivia-weeks{
		border: 1px solid #fff;
		box-shadow: -10px 10px 5px #000;
		margin: 20px 0;
		max-height: 300px;
		max-width: 100%;
		position: relative;
	}
	.trivia-weeks-container{
		height: 100%;
		position: relative;
		width: 100%;
	}
	.trivia-logo img{
		max-height: 200px;
		max-width: 350px;
		padding: 50px;
	}
	.trivia-logo{
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: center;
		width: 100%;
	}
	.trivia-weeks .trivia-background{
		height: 300px;
	}
	.trivia-weeks-container{
		position: absolute;
		top: 0;
	}
	.trivia-date{
		background-color: #B5A267;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		color: #fff;
		font-family: 'h-neu', sans-serif;
		font-size: 24px;
		left: 0;
		padding: 5px 10px;
		position: absolute;
		top: 0;
	}
	.info-button,
	.ticket-button,
	.trivia-reserve-table{
		background-color: rgba(0,0,0,0.6);
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
		bottom: 0;
		color: #fff;
		font-family: 'h-neu', sans-serif;
		font-size: 20px;
		padding: 5px;
		position: absolute;
		right: 0;
		text-shadow: none;
		transition: .3s;
		z-index: 1;
	}
	.info-button:hover,
	.ticket-button:hover,
	.trivia-reserve-table:hover{
		color: #000;
		background-color: #B5A267;
		border-color: #000;
		cursor: pointer;
		transition: .3s;
	}
	.info-button:hover #table-p,
	.ticket-button:hover #table-p,
	.trivia-reserve-table:hover #table-p{
		color: #000;
		background-color: #B5A267;
		border-color: #000;
		cursor: pointer;
		transition: .3s;
	}
	.ticket-button a,
	.trivia-reserve-table a{
		color: #fff;
		text-decoration: none;
	}
	.info-button p,
	.ticket-button p,
	.trivia-reserve-table p{
		border: 2px dashed #fff;
		padding: 5px;
	}
	/*TRIVIA TABLE RESERVATION POP-UP*/
	.game-popup-header{
		align-items: center;
		background-image: linear-gradient(to bottom, #B5A267, #000);
		display: flex;
		height: 150px;
		justify-content: center;
		max-width: 100%;
		padding: 10px;
		width: calc(100% - 20px);
	}
	.game-popup-header img{
		display: block;	
		height: inherit;
	}
/*TRIVIA LOGOS*/
	#eighty-px-logo-popup{
		height: 80px;
	}
/*******OTB PAGE*******/
	/*OTB BANNER*/
	.otb-wrapper{
		margin: 140px auto 0 auto;
    	max-width: 1500px;
    	overflow-y: hidden;
	}
	.otb-banner-container{
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.otb-banner-container img{
		border: 2px solid #fff;
		box-shadow: -10px 10px 5px #000; 
		margin: 0 5px;
		width: 90%;
	}
	/*OTB COPY*/
	.otb-copy{
		margin-top: 50px;
	}
	.otb-copy-container{
		margin: 0 auto;
		max-width: 90%;
	}
	.otb-copy-container p{
		color: #fff;
		font-family: 'h-neu', sans-serif;
		font-size: 22px;
		text-align: center;	
	}
	.otb-copy-container a{
		color: #fff;
		transition: .3s;
	}
	.otb-copy-container a:hover{
		color: #B5A267;
		transition: .3s;
	}
	.otb-hours{
		background-color: #000;
		border: 2px solid #fff;
		margin: 50px auto 0 auto;
	}
	.otb-hours-container{
		border: 2px dashed #fff;
		margin: 5px;
	}
	#otb-hours-heading{
		border-bottom: 2px solid #fff;
		color: #fff;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 30px;
		line-height: 1.5;
		margin: 0 auto 10px auto;
		text-align: center;
		width: 350px;
	}
	.otb-details{
		padding: 10px 0;
	}
/***PRIVATE PARTIES PAGE***/
	.private-parties-wrapper{
		margin: 0 auto;
    	max-width: 1500px;
    	overflow-y: hidden;
    	transition: .3s;
	}
	.private-parties-wrapper .page-heading{
		margin-top: 70px;
	}
	#parties-header{
		font-size: 48px;
	}
	.private-parties-copy-container{
		margin: 0 auto;
		max-width: 90%;
	}
	.private-parties-copy-container p{
		color: #fff;
		font-family: 'h-neu', sans-serif;
		font-size: 22px;
		line-height: 1.5;
		margin: 20px 0;
		text-align: center;	
	}
	.private-parties-copy-container a{
		color: #fff;
		transition: .3s;
	}
	.private-parties-copy-container a:hover{
		color: #B5A267;
		transition: .3s;
	}
/*TRIPLESEAT*/
	.tripleseat-form{
		text-align: center;
	}
	.tripleseat-form a{
		color: #B5A267;
		font-family: 'h-neu', sans-serif;
		font-size: 22px;
		line-height: 1.5;
		margin: 20px 0;
		text-align: center;	
		text-transform: uppercase;
	}
/*PRIVATE PARTIES ROOMS*/
	.private-parties-rooms{
		padding-top: 50px;
		transition: .3s;
	}
	.private-parties-rooms-container{
		margin: 0 auto;
		max-width: 1100px;
	}
	.room{
		border: 2px solid #fff;
		box-shadow: -10px 10px 5px #000;
		margin: 20px 0;
		max-width: 100%;
	}
	.room-container{
		display: flex;
		height: 100%;
		max-height: 100%;
		max-width: 100%;
		width: 100%;
	}
	.room-photos{
		max-width: 50%;
		width: 100%;
	}
	.room-details{
		background-color: #000;
		max-width: 50%;
		min-width: 50%;
		position: relative;
		width: 100%;
	}
	.room-title{
		color: #fff;
		font-family: 'Roboto Mono', sans-serif;
		text-align: center;
	}
	.room-title h2{
		font-size: 36px;
		padding: 10px 0 20px 0;
		text-shadow: -3px 3px 5px #B5A267;
	}
	.room-copy{
		margin: 0 auto;
		width: 90%;
	}
	.room-copy p{
		color: #fff;
		font-family: 'News Cycle', sans-serif;
		font-size: 18px;
		line-height: 1.5;
		text-align: center;
	}
	label[for="#alley-suite-first-name"],
	label[for="#alley-suite-last-name"]{ 
	    border: 0;
	    clip: rect(0 0 0 0);
	    height: 1px;
	    margin: -1px;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    width: 1px;
	}
/*ROOM BUTTONS*/
	.room-buttons{
		align-items: center;
		bottom: 0;
		display: flex;
		height: 95px;
		justify-content: space-between;
		left: 0;
		margin: 0 auto;
		max-width: 75%;
		position: absolute;
		right: 0;
	}
	.room-button-click{
		background-color: #000;
		border: 2px solid #B5A267;
		color: #B5A267;
		font-family: 'Roboto Mono';
		font-size: 20px;
		padding: 5px;
		text-align: center;
		transition: .3s;
	}
	.room-button-click p{
		border: 2px dashed #B5A267;
		padding: 5px;
	}
	.room-button-click:hover{
		background-color: #B5A267;
		border: 2px solid #B5A267;
		color: #000;
		cursor: pointer;
		transition: .3s;
	}
	.room-button-click:hover #room-button-p{
		border: 2px dashed #000;
	}
	.room-button-click:hover #alley-popup-button,
	.room-button-click:hover #clubhouse-popup-button,
	.room-button-click:hover #chapter-room-popup-button,
	.room-button-click:hover #red-room-popup-button,
	.room-button-click:hover #rooftop-popup-button,
	.room-button-click:hover #vip-room-popup-button{
		border: 2px dashed #000;
	}
/*ROOM POP-UP*/
	#the-alley-suite-pop-up .schedule-text-heading,
	#the-chapter-room-pop-up .schedule-text-heading,
	#the-clubhouse-pop-up .schedule-text-heading,
	#the-red-room-pop-up .schedule-text-heading,
	#the-rooftop-pop-up .schedule-text-heading,
	#vip-loft-lounge-pop-up .schedule-text-heading{
		font-family: 'Roboto Mono', sans-serif;
		font-size: 40px;
		text-shadow: -3px 3px 5px #B5A267;
	}
	#the-alley-suite-pop-up .table-reservation-container input,
	#the-chapter-room-pop-up .table-reservation-container input,
	#the-clubhouse-pop-up .table-reservation-container input,
	#the-red-room-pop-up .table-reservation-container input,
	#the-rooftop-pop-up .table-reservation-container input,
	#vip-loft-lounge-pop-up .table-reservation-container input{
		width: 260px;
	}
	#the-alley-suite-pop-up #room-reservation-submit input,
	#the-alley-suite-pop-up #room-reservation-reset input,
	#the-chapter-room-pop-up #room-reservation-submit input,
	#the-chapter-room-pop-up #room-reservation-reset input,
	#the-clubhouse-pop-up #room-reservation-submit input,
	#the-clubhouse-pop-up #room-reservation-reset input,
	#the-red-room-pop-up #room-reservation-submit input,
	#the-red-room-pop-up #room-reservation-reset input,
	#the-rooftop-pop-up #room-reservation-submit input,
	#the-rooftop-pop-up #room-reservation-reset input,
	#vip-loft-lounge-pop-up #room-reservation-submit input,
	#vip-loft-lounge-pop-up #room-reservation-reset input{
		padding: 0;
		width: 270px;
	}
	#date-time-input{
		color: rgba(0,0,0,.6);
	}
/*PACKAGE POP-UP*/
	.party-packages-pop-up{
		left: 0;
		position: fixed;
		right: 0;
		top: 16%;
	}
	.party-packages-x{
		position: absolute;
		right: -35px;
		top: 5px;
	}
	.individual-packages-x:hover,
	.party-packages-x:hover{
		cursor: pointer;
	}
	.party-packages-x i{
		color: #fff;
		font-size: 30px;
	}
	.individual-packages-x{
		padding: 15px;
		position: absolute;
		right: 0;
		top: 0;
	}
	.individual-packages-x i{
		color: #B5A267;
		font-size: 30px;
	}
	.party-packages-pop-up-container{
		background-color: #000;
		border: 2px solid #fff;
		box-shadow: -10px 10px 5px #000; 
		margin: 0 auto;
		position: relative;
		width: 759px;
	}
	.package-column{
		color: #fff;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.package{
		align-items: center;
		border: 2px solid #fff;
		display: flex;
		justify-content: center;
		margin: 0;
		object-fit: cover;
		position: relative;
		width: 100%;
	}
	#party-8:hover,
	#party-caption:hover{
		opacity: 1;
		cursor: auto;
	}
	.package-column img{
		display: block;
		height: 175px;
		max-width: 100%;
		object-fit: cover;
	}
	.package-no-border img{
		width: 140px;
	}
	.package-column p{
		font-family: 'Roboto Mono', sans-serif;
		font-size: 20px;
		text-align: center;
	}
	/*PACKAGE BANNER*/
	.package-banner{
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: center;
		left: 0;
		position: absolute;
		top: 0;
		transition: .3s;
		width: 100%;
	}
	.package-banner:hover{
		background-color: rgba(0,0,0,0.8);
		cursor: pointer;
		transition: .3s;
	}
	.package-banner p{
		background-color: rgba(181,162,103, 0.5);
		text-shadow: -2px 2px 2px #000;
		width: 100%;
	}
/*PACKAGE POPUPS*/
	.package-pop-up-details{
		background-color: #000;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.package-container{
		border: 2px dashed #fff;
		color: #fff;
		height: calc(100% - 14px);
		margin: 5px;
		text-align: center;
	}
	#party-packages-basic-package{
		background-image: url('media/images/event-spaces/stock/party-1-dim.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	#party-packages-standard-package{
		background-image: url('media/images/event-spaces/stock/party-2-dim.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	#party-packages-premium-package{
		background-image: url('media/images/event-spaces/stock/party-3-dim.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	#party-packages-the-top-shelf-package{
		background-image: url('media/images/event-spaces/stock/party-4-dim.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	#party-packages-rooftop-package{
		background-image: url('media/images/event-spaces/stock/party-5-dim.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	#party-packages-the-bachelorette-package{
		background-image: url('media/images/event-spaces/stock/party-6-dim.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	#party-packages-bridal-blackout-package{
		background-image: url('media/images/event-spaces/stock/party-7-dim.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.package-pop-up-details .package-option{
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
		margin: 0 auto;
		width: 80%;
	}
	.package-pop-up-details .package-heading{
		border-bottom: 2px solid #fff;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 40px;
		padding-bottom: 10px;
	}
	.package-pop-up-details .package-option{
		font-family: 'News Cycle', sans-serif;
		font-size: 24px;
	}
	.package-pop-up-details .package-details{
		padding-top: 10px;
	}
	.party-packages-pop-up-details .table-reservation-x{
		padding: 10px 10px 0 0 ;
	}
/********ABOUT PAGE********/
	.about{
		margin: 0 auto;
		max-width: 1500px;
		width: 100%;
	}
	.about-container{
		margin: 0 auto;
		width: 100%;
	}
	.about-heading{
		color: #fff;
	    font-family: 'Roboto Mono', sans-serif;
	    font-size: 48px;
	    margin-top: 120px;
	    padding: 5px 0 10px 0;
	    text-align: center;
	    text-shadow: -5px 5px 5px #000;
	}
	.about-img{
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.about-img-image{
		position: relative;
		border: 2px solid #fff;
		box-shadow: -10px 10px 5px #000; 
		margin: 0 auto;
		width: 1100px;
	}
	.about-img img{
		max-width: 100%;
	}
	.about-img-text{
		background-color: #000;
		border: 2px solid #fff;
		color: #fff;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 32px;
		left: 0;
		margin: 0 20px;
		position: absolute;
		top: 20px;
		width: calc(100% - 40px);
	}
	.about-img-text-container{
		border: 2px dashed #fff;
		margin: 5px;
		padding: 5px;
	}
	.about-img-text p{
		text-shadow: -3px 3px 5px #B5A267;
	}
	.about-copy-container{
		margin: 0 auto;
    	max-width: 90%;
	}
	.about-copy-container p{
		color: #fff;
	    font-family: 'h-neu', sans-serif;
	    font-size: 22px;
	    margin: 25px 0;
	    text-align: center;
	}
	.about-copy-container a{
		color: #fff;
	}
	.about-copy-slideshow{
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		margin: 25px 0;
	}
	.about-slideshow-images{
		height: 400px;
		width: 600px;
	}
	.about-copy-slideshow img{
		border: 2px solid #fff;
		margin: 0 5px;
		height: 400px;
		object-fit: cover;
		width: 600px;
	}
/********FOOTER********/
	footer{
	background-color: #000;
    border: 2px solid #B5A267;
    color: #fff;
    font-family: 'Roboto Mono', sans-serif;
    left: 0;
    margin: 50px auto 0 auto;
    position: absolute;
    right: 0;
    width: calc(100% - 4px);
	}
	.footer-container{
		align-items: center;
		border: 2px dashed #B5A267;
		display: flex;
		justify-content: space-between;
		margin: 5px;
		max-width: 100%;
		padding: 10px;
	}
	.footer-container a{
		color: #fff;
		text-decoration: none;
	}
	.footer-container i{
		color: #B5A267;
	}
	.footer-container span{
		font-size: 22px;
	}
	.footer-left{
		height: 100%;
		width: 50%;
	}
	.footer-left-container{
		display: flex;
		height: 100%;
		flex-direction: column;
		justify-content: space-between;
	}
	.footer-right-container{
		font-size: 24px;
		text-align: center;
	}
	.footer-social-media{
		margin-bottom: 10px;
	}

	/*.footer-links{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}*/
	/***FOOTER LEFT***/
	.footer-left img{
		max-width: 30%;
	}
	.footer-left span{
		color: #B5A267;
	}
	.footer-contact i{
		padding-right: 10px;
	}
	.footer-links{
		display: flex;
	}
	#footer-copyright{
		margin-bottom: 5px;
	}
/*FOOTER RIGHT*/
	.footer-right{
		width: 300px;
	}
/*MAILING LIST*/
	#main-mailing-list-footer{
		border: 2px solid #fff;
		overflow: hidden;
	}
	.mailing-list-contact{
		display: flex;
		justify-content: space-evenly;
	}
	.mailing-list-iframe{
		width: 100%;
	}
	.contact-form-box{
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}
	.contact-mailing{
		border: none;
		border-radius: 3px;
		font-family: 'News Cycle', sans-serif;
		font-size: 14px;
		height: 40px;
		text-align: center;
		width: 100%;
	}
	.contact-submit{
		cursor: pointer;
	    background-color: #B5A267;
	    color: #000;
	}
	.checkbox-form{
		display: none;
	}
/**********
PRIVACY POLICY
**********/
   .privacy{
      padding-top: 80px;
      position: relative;
      width: 100%;
   }
   .privacy-container{
      align-items: flex-start;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      margin: 30px;
      padding: 30px;
      width: calc(100% - 120px);
   }
   .privacy-h1{
    font-family: 'Roboto Mono', sans-serif;
    font-size: 40px;
   }
   .privacy-p{
    font-family: 'roboto-condensed', sans-serif;
    font-size: 18px;
   }
   .privacy-secondary-bold-modified{
    font-family: 'Roboto Mono', sans-serif;
    font-size: 18px;
    margin: 35px 0;
   }
   .privacy-secondary-bold-heading{
    font-family: 'Roboto Mono', sans-serif;
    font-size: 18px;
    margin: 45px 0 15px 0;
   }
   .privacy-secondary-bold-inline{
    font-family: 'Roboto Mono', sans-serif;
    margin-right: 10px;
   }
   .privacy-secondary-link{
    color: var(--white);
    text-decoration: underline;
   }
   .privacy-list-inline{
    margin: 20px 0;
   }
   .privacy-list li,
   .privacy-list-inline li{
    font-family: 'roboto-condensed', sans-serif;
    font-size: 18px;
    list-style: initial !important;
    margin-left: 45px;
   }
   .privacy-secondary-italic{
    font-family: 'roboto-condensed', sans-serif;
    font-size: 18px;
    font-style: italic;
    margin: 10px 0;
   }
   .privacy-column-header{
    font-family: 'Roboto Mono', sans-serif;
   }
   .privacy-column-content{
    align-items: center;
    display: flex;
    font-family: 'roboto-condensed', sans-serif;
    justify-content: space-between;
    font-size: 18px;
    margin: 20px 0;
   }
   .privacy-column-1{
    width: 25%;
   }
   .privacy-column-2{
    width: 70%;
   }

/************************
 * SADDLE UP SATURDAYS *
************************/
  .saddle-up-content-wrapper{
  	min-height: 100vh;
  	overflow: hidden;
  	position: relative;
  	width: 100%;
  }
  .saddle-up-content-wrapper video{
  	height: 100%;
  	left: 0;
  	object-fit: cover;
  	pointer-events: none;
  	position: fixed;
	  top: 0;
	  width: 100%;
	  z-index: 0;

  }
	.saddle-up-content{
		position: relative; /* not absolute! */
	  background-color: rgba(0, 0, 0, 0.5);
	  height: 100%;
	  min-height: 100vh;
	  padding-top: 150px;
	  padding-bottom: 100px; 
	  z-index: 1;
	}
	.saddle-up-content-container{
		align-items: center;
		display: flex;
		flex-direction: column;
		height: auto;
		justify-content: center;
		margin: 0 auto;
		max-width: 1000px;
		padding: 0 20px;
		width: calc(100% - 40px);
	}
	.saddle-up-logo{
		width: 80%;
	}
	.saddle-up-bulleted-header-stacked{
		display: none;
	}
	.saddle-up-content img{
		display: block;
		filter: drop-shadow(0 10px #000);
		width: 100%;
	}
	.saddle-up-bulleted-header-list{
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.saddle-up-bulleted-header-list li{
		align-items: center;
		display: flex;
		justify-content: center;
		width: fit-content;
	}
	.saddle-up-bulleted-header-list a,
	.saddle-up-bulleted-header-list span{
	  color: #fff;
	  filter: drop-shadow(0 10px #000);
	  font-family: 'Wilco Treble', sans-serif;
	  font-size: 28px;
		margin: 0 20px;
		text-align: center;
	}
	#saddle-up-live-djs-span{
		display: block;
		width: 100%;
	}
	.saddle-up-bulleted-header-list-bullet{
	  background-color: #ff4fcb; 
	  border-radius: 50%; 
	  box-shadow:
	    0 0 5px #ff4fcb,
	    0 0 10px #ff4fcb,
	    0 0 20px #ff4fcb,
	    0 0 40px #ff4fcb,
	    0 0 80px #ff4fcb;
	  filter: drop-shadow(0 10px #000);
	  height: 10px;
	  min-height: 10px;
	  min-width: 10px;
	  width: 10px;
		}

		.saddle-up-drink-specials-logos{
			align-items: center;
			display: flex;
			justify-content: space-between;
			margin: 50px 0;
			width: 100%;
		}
		.saddle-up-drink-specials-logo{
			width: 25%;
		}
		.saddle-up-drink-specials-logo img{
			display: block;
			object-fit: contain;
			width: 100%;
		}
		.saddle-up-images{
			border: 2px solid #fff;
			box-shadow:
	    0 0 3px #ff4fcb,
	    0 0 5px #ff4fcb,
	    0 0 8px #ff4fcb,
	    0 0 20px #ff4fcb,
	    0 0 60px #ff4fcb;
	    margin-right: 10px;
	    position: relative;
			width: 40%;
		}
		.saddle-up-images img{
			filter: none;
		}
		.saddle-up-form-blurb{
			align-items: center;
			display: flex;
			justify-content: space-between;
			margin: 50px 0;
		}
		.saddle-up-images-info{
			flex-direction: row-reverse;
		}
		.saddle-up-form{
			width: 45%;
		}
		.saddle-up-form form{
			display: flex;
			flex-direction: column;
		}
		.saddle-up-form input::placeholder,
		.saddle-up-form textarea::placeholder{
			color: rgba(255, 255, 255, .5);
			font-family: 'mr-eaves-modern', sans-serif;
			font-weight: 300;
		}
		.saddle-up-form input,
		.saddle-up-form textarea{
			background-color: rgba(0,0,0,.5);
			border-bottom: 2px solid #ff4fcb;
			border-left: transparent;
			border-right: transparent;
			border-top: transparent;
			box-shadow: 0 10px 5px #000;
			color: #fff;
			font-family: 'mr-eaves-modern', sans-serif;
			font-size: 22px;
			font-weight: 300;
			margin: 10px 0;
			padding: 5px 10px;
		}
		.saddle-up-form button{
			background-color: rgba(0,0,0,.5);
			border: 2px solid #ff4fcb;
			box-shadow: 0 10px 5px #000;
			color: #ff4fcb;
			font-family: 'mr-eaves-modern', sans-serif;
			font-size: 22px;
			font-weight: 700;
			margin: 10px 0;
			padding: 2px 5px;
		}
		.saddle-up-form button:hover{
			cursor: pointer;
		}
		.saddle-up-blurb{
			text-align: center;
			width: 45%;
		}
		.saddle-up-blurb h3{
			color: #fff;
			filter: drop-shadow(0 20px #000);
			font-family: 'Night Light Script', sans-serif;
			font-size: 80px;
			margin-bottom: 50px;
			text-shadow:
		    0 0 2px #ff4fcb,
		    0 0 4px #ff4fcb,
		    0 0 8px #ff4fcb,
		    0 0 12px #ff4fcb,
		    0 0 20px #ff4fcb,
		    0 0 30px #ff0080,
		    0 0 40px #ff0080;
		}
		.saddle-up-blurb span{
			color: #fff;
			display: block;
			filter: drop-shadow(0 10px #000);
			font-family: 'Wilco Treble', sans-serif;
	  	font-size: 24px;
	  	line-height: 1.5;
	  	margin: 20px 0;
		}
		.saddle-up-socials{
			bottom: -80px;
			display: flex;
			justify-content: space-between;
			left: 0;
			margin: 0 auto;
			position: absolute;
			right: 0;
			width: calc(100% - 50px);
		}
		.saddle-up-social{
			width: 12%;
		}
		.saddle-up-social img{
			display: block;
			width: 100%;
		}
		.saddle-up-info .saddle-up-bulleted-header-list-bullet-drinks{
			display: flex;
			font-family: 'mr-eaves-modern', sans-serif;
			font-weight: 300;
			margin: 0 20px;
		}
		.saddle-up-info .saddle-up-drinks-price{
			color: #ff4fcb;
			filter: drop-shadow(0 5px #000);
			margin: 0 10px 0 0;
		}
		.saddle-up-blurb a{
			color: #ff4fcb;
			text-decoration-color: #ff4fcb;
		}
		.saddle-up-info-a{
			background-color: #fecc86;
			box-shadow: 0 10px 5px #000;
			display: block;
			filter: none;
			font-family: 'Wilco Treble', sans-serif;
			font-size: 32px;
			margin: 15px 0;
			padding: 0px 20px;
			text-decoration: none;
		}
		.saddle-up-schedule{
			margin: 50px 0;
		}
		.saddle-up-h2{
			color: #fff;
			filter: drop-shadow(0 20px #000);
			font-family: 'Night Light Script', sans-serif;
			font-size: 120px;
			text-shadow:
		    0 0 2px #ff4fcb,
		    0 0 4px #ff4fcb,
		    0 0 8px #ff4fcb,
		    0 0 12px #ff4fcb,
		    0 0 20px #ff4fcb,
		    0 0 30px #ff0080,
		    0 0 40px #ff0080;
		}
		.saddle-up-h2-ride{
			font-size: 100px;
			margin: 50px 0 80px 0;
		}
		.saddle-up-schedule-li{
			margin: 5px 0;
		}
		.saddle-up-schedule-date{
			min-width: 8ch;
			text-align: center;
		}
		.saddle-up-schedule-performer{
			min-width: 10ch;
			text-align: center;
		}
		.saddle-up-bottom-logos{
			align-items: center;
			display: flex;
			justify-content: space-evenly;
			margin: 100px auto 0 auto;
			width: 100%;
		}
		.saddle-up-bottom-logo{
			max-width: 250px;
			width: 15%;
		}
		.saddle-up-bottom-logo img{
			display: block;
			width: 100%;
		}
		.saddle-up-footer{
			margin: 0 auto;
		}
		.visually-hidden {
		  position: absolute;
		  width: 1px;
		  height: 1px;
		  margin: -1px;
		  padding: 0;
		  overflow: hidden;
		  clip: rect(0 0 0 0);
		  border: 0;
		}

/**************************
 * TEMPORARY SPORTS PAGE *
**************************/
	.sports-page-content-wrapper{
  	min-height: 100vh;
  	overflow: hidden;
  	position: relative;
  	width: 100%;
  }
  .sports-page-content-wrapper video{
  	height: 100%;
  	left: 0;
  	object-fit: cover;
  	pointer-events: none;
  	position: fixed;
	  top: 0;
	  width: 100%;
	  z-index: 0;

  }
	.sports-page-content{
		position: relative; /* not absolute! */
	  background-color: rgba(0, 0, 0, 0.7);
	  display: flex;
	  height: 100%;
	  min-height: 100vh;
	  padding-top: 150px;
	  padding-bottom: 100px; 
	  z-index: 1;
	}
	.sports-page-content-container{
		align-items: center;
		display: flex;
		flex-direction: column;
		height: auto;
		justify-content: center;
		margin: 0 auto;
		max-width: 1000px;
		padding: 0 20px;
		width: calc(100% - 40px);
	}
	.sports-page-content-title{
		color: #BBB08B;
    filter: drop-shadow(0 5px 2px #000);
    font-family: 'Wilco Low', cursive;
    font-size: 55px;
    margin: 0 auto 20px auto;
    text-align: center;
	}
	.sports-page-content-blurb {
    color: #fff;
    font-family: "Wilco Treble", cursive;
    font-size: 22px;
    text-align: center;
  }
  .sports-page-tock {
    display: flex;
    justify-content: center;
    margin: 30px 0;
    width: 100%;
  }
  .sports-page-tock a {
    background-color: #BBB08B;
    border-radius: 25px;
    box-shadow: 0 5px 10px 2px #000;
    color: #000;
    font-family: 'roboto condensed', sans-serif;
    font-size: 20px;
    padding: 10px 20px;
    text-decoration: none;
  }
  .sports-page-content-blurb a {
    color: #BBB08B;
  }
  .sports-page-calendars{
  	margin-top: 50px;
  }
	.sports-page-calendar-event{
		align-items: center;
		color: #fff;
		display: flex;
		font-family: "mr-eaves-modern", sans-serif;
		font-size: 22px;
	}
	.sports-page-calendar-event-section{
		align-items: center;
		display: flex;
	}
	.sports-page-calendar-event-section-actions{
		align-items: center;
		flex-direction: column-reverse;
		height: 55px;
		justify-content: space-between;
		margin-left: 40px;
	}
	.sports-page-calendar-event-section-actions.hidden {
	  visibility: hidden;
	  height: 0 !important;
	  pointer-events: none;
	}
	.sports-page-sport-icon{
		margin-right: 30px;
		width: 30px;
	}
  .sports-page-team-logo{
  	align-items: center;
  	display: flex;
  	width: 200px;
  }
  .sports-page-event-audio-icon{
  	align-items: center;
  	display: flex;
  	font-size: 16px;
  }
  .sports-page-event-audio-icon img{
  	display: block;
  	height: 25px;
  	margin-left: 5px;
  	object-fit: cover;
  	width: 25px;
  }
	.sports-page-event-audio-icon.hidden{ 
	  display: none;
	}
	.sports-page-calendar-event-section-actions:has(.sports-page-event-audio-icon.hidden){
	  justify-content: center;
	}
  .sports-page-sport-icon img{
  	display: block;
    filter: drop-shadow(0 5px 2px #000);
  	margin-right: 5px;
  	max-width: 80px;
  	width: 100%;
  }
  .sports-page-team-logo img{
  	display: block;
    filter: drop-shadow(0 5px 2px #000);
    height: 100%;
  	max-height: 60px;
  	max-width: 80px;
  	min-width: 80px;
  	object-fit: contain;
  	width: 100%;
  }
  .sports-page-calendar-event-date{
  	font-size: 20px;
  	width: 130px;
  }
  .sports-page-calendar-event-time{
  	font-size: 20px;
  	width: 150px;
  }
  .sports-page-calendar-event-name{
  	width: 160px;
  }
  .sports-page-calendar-vs{
  	text-align: center;
  	width: 50px;
  }
	.sports-page-event-buttons a{
	  display: inline-block;
	  white-space: nowrap;
	  background-color: #BBB08B;
	  border-radius: 25px;
	  box-shadow: 0 5px 10px 2px #000;
	  color: #000;
	  font-family: 'Roboto Condensed', sans-serif;
	  font-size: 16px;
	  padding: 3px 10px;
	  text-decoration: none;
	}
	.sports-page-calendar-list > .sports-page-calendar-event{
	  border-bottom: 1px solid #fff;
	  padding-bottom: 12px;
	  margin-bottom: 12px;
	}
	.sports-page-calendars > .sports-page-calendar-event:has(+ .sports-page-calendar-event){
	  border-bottom: 1px solid #fff;
	  padding-bottom: 20px;
	  margin-bottom: 20px;
	}
	.sports-page-calendars > .sports-page-calendar-event:not(:has(+ .sports-page-calendar-event)){
	  border-bottom: 0;
	  padding-bottom: 0;
	  margin-bottom: 0;
	}
	.sports-page-event-button{
		white-space: normal;
		overflow-wrap: anywhere;
	}
	.hidden{
	  visibility: hidden;
	}
	.sports-page-h2-title{
		color: #BBB08B;
    filter: drop-shadow(0 5px 2px #000);
    font-family: 'Wilco Low', cursive;
    font-size: 50px;
    margin: 80px auto 20px auto;
    text-align: center;
    width: 100%;
	}
	.sports-page-h3-title{
		color: #BBB08B;
    filter: drop-shadow(0 5px 2px #000);
    font-family: 'Wilco Low', cursive;
    font-size: 50px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
	}
	.sports-page-h4-title{
		color: #BBB08B;
    filter: drop-shadow(0 5px 2px #000);
    font-family: 'Wilco Low', cursive;
    font-size: 32px;
    margin: 100px auto 20px auto;
    text-align: center;
    width: 100%;
	}
	.sports-flags-container{
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
	.sports-flag{
		width: 16%;
	}
	.sports-flag img{
		display: block;
		filter: drop-shadow(0 5px 2px #000);
		width: 100%;
	}
	.sports-flags-container-blurb{
		align-items: center;
		display: flex;
		margin: 80px 0;
	}
	.sports-flags-blurb{
		align-items: center;
		display: flex;
		height: 100%;
		width: 64%;
	}
	.sports-page-flags-blurb-content{
    color: #fff;
    font-family: "Wilco Treble", cursive;
    font-size: 20px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
    width: calc(100% - 100px);
  }
  .sports-page-content-blurb-bottom{
  	font-size: 18px;
  }
/************************
 * MEDIA QUERIES *
************************/
@media(max-width:1250px){
	.featured-container{
		justify-content: center;
	}
	.featured-side{
		max-width: 900px;
	}
	.this-week{
		max-width: 630px;
	}
	.this-week-box{
		margin: 7px 0;
	}
	.saddle-up-saturdays-homepage{
		margin: 0 20px;
		width: calc(100% - 40px);
	}
}
@media(max-width:1225px){
	.room-buttons p{
		font-size: 18px;
	}
}
@media(max-width:1220px){
	.main-upcoming{
		margin-top: 20px;
	}
	.main-upcoming-container{
		align-items: center;
		flex-direction: column-reverse;
	}
	.main-next{
		margin-top: 50px;
		max-width: 1010px;
		width: 100%;
	}
	.main-next-container{
		flex-direction: row;
		justify-content: center;
	}
	.main-next-heading{
		margin: 0 auto 3px auto;
		max-width: calc(100% - 3px);
		width: 100%
	}
	.next-concert{
		margin-right: 2.5px;
	}
	.next-rooftop{
		margin-left: 2.5px;
	}
	.main-next img,
	.next-rooftop img{
		max-width: 500px;
	}
	.main-next img,
	.next-rooftop img{
		max-height: 300px;
		width: 100%;
	}
	#next-band-name{
		font-size: 22px;
	}
	#next-band-name span{
		display: none;
	}
	#next-band-time{
		font-size: 16px;
	}
	#concert-br{
		display: block;
	}
	.main-featured-heading{
		margin: 20px 0 5px 0;
		width: calc(100% - 4px);
	}
	.main-upcoming-carousel{
		height: 100%;
		max-width: 1010px;
		padding: 0;
	}
	.main-upcoming-carousel .event-wrapper{
		width: 100%;
	}
	.main-upcoming-carousel img{
		max-width: 100%;
		object-fit: cover;
		width: 100%;
	}
	/*SOCIAL MEDIA*/
	#instafeed img{
		width: calc(100% - 10px);
	}
	.insta-likes{
		width: calc(100% - 5px);
	}
	/*SPORTS*/
	
	/*UPCOMING EVENTS*/
	.main-events{
		margin-bottom: 375px;
	}
	.main-events-container{
		align-items: center;
		flex-direction: column;
	}
	.main-events-carousel{
		max-width: 1010px;
	}
	.main-events-carousel-box img{
		max-width: 100%;
	}
	.main-events-side-boxes{
		margin-left: 0;
		margin-top: 5px;
		max-width: 1010px;
		width: 100%;
	}
	.side-boxes-column{
		display: flex;
	}
	.side-boxes-column img{
		max-width: 300px;
		width: 100%;
	}
	/*CHECK OUT OUR PARTNERS*/
	.partners{
		max-width: 1008px;
	}
	/*FAQ*/
	.faq{
		max-width: 1010px;
	}
	.lines-header span{
		font-size: 22px;
	}
	/*MAIN BIO*/
	.main-bio{
		max-width: 1010px;
	}
	.bio-columns{
		max-width: 250px;
	}
	#bio-logo{
		width: 50%;
	}
	#bio-logo img{
		margin-top: 70px;
		min-width: auto;
		max-width: 240px;
	}
	#t-r{
		font-size: 18px;
	}
	/***EVENTS PAGE***/
	.weekly-box{
		max-width: 250px;
	}
	.weekly-box img{
		max-width: 100%;
	}
	.sports-special-column .weekly-box{
		max-width: none;
	}
}
@media(max-width:1215px){

}
@media(max-width:1200px){
	.sports-teams{
		margin-top: 10px;
	}
	.sports-logos-container{
		flex-direction: column;
    	margin: 0 auto;
    	max-height: 600px;
    	max-width: 400px;
	}
	.logos-2{
		margin: 10px 0;
	}
	.sports-schedule-column-wrapper{
		flex-direction: column;
	}
	.sports-schedule-container{
		max-width: 800px;
	}
	.season-title{
		max-width: 90%;
    	justify-content: center;
    	width: 100%;
	}
	.individual-game{
		height: 125px;
    	justify-content: space-around;
    	flex-direction: column;
	}
	.game-details{
		justify-content: flex-start;
		padding: 5px 0;
		width: 400px;
	}
	.game-reserve-table{
		text-align: center;
		margin-bottom: 5px;
		max-width: 300px;
		width: 300px;
	}
}
@media(max-width:1120px){
	.room{
		margin: 20px auto;
		max-width: 600px;
	}
	.room-container{
		flex-direction: column-reverse;
	}
	.room-details{
		height: 400px;
		max-width: none;
	}
	.room-photos{
		max-width: 100%;
	}
	.room-photos img{
		display: block;
	}
	/*ABOUT PAGE*/
	.about-img-image{
		width: 900px;
	}
}
@media(max-width:1100px){
	/***EVENTS PAGE***/
	.weekly-box{
		max-width: 220px;
	}
	.weekly-specials-image{
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.weekly-specials-copy{
		width: 100%;
	}
	.karaoke-thursday-specials .weekly-specials-copy{
		width: 140%;
	}
	.karaoke-thursday-specials .weekly-specials-image{
		justify-content: flex-start;
	}
	.bull-riding-friday-specials .weekly-specials-copy{
		width: auto;
	}
	/*CONCERTS*/
	.concert-listing .doors,
	.concert-listing .time{
		font-size: 18px;
	}
	/*FOOTER*/
	.footer-left{
		width: 100%;
	}
	/*SADDLE UP*/
	.saddle-up-h2,{
			font-size: 90px;
	}
	.saddle-up-blurb{
		width: 50%;
	}
}
@media(max-width:1065px){
	#sports-logos-8{
		display: none;
	}
}
@media(max-width:1050px){
	.band-date-name{
		align-items: flex-start;
		flex-direction: column;
	}
	#band-x{
		display: none;
	}
	.main-next,
	.main-upcoming-carousel{
		max-width: 800px;
	}
	.main-next-container{
		max-width: 800px;
		width: calc(100% - 3px);
	}
	.main-next img,
	.next-rooftop img{
		height: 100%;
		max-width: 400px;
	}
}
@media(max-width:1050px){
	#hoosiers-basketball-schedule .sports-schedule-column,
	#illini-basketball-schedule .sports-schedule-column,
	#tarheels-basketball-schedule .sports-schedule-column{
		height: auto;
	}
	.saddle-up-blurb h3{
		font-size: 70px;
	}
}
@media(max-width:1040px){
	/*SPORTS PAGE*/
	.sports-page-event-desktop-event{
		display: none;
	}
	.sports-page-event-mobile-event{
		display: block;
	}
	.sports-page-calendar-event-section-info{
		flex-direction: column;
		margin-right: 50px;
		width: 80px;
	}
	.sports-page-sport-icon{
		margin-right: 0;
	}
	.sports-page-calendar-event-date{
		min-width: 100%;
		text-align: center;
		width: auto;
	}
	.sports-page-calendar-event-time{
		width: auto;
	}
	.sports-page-sport-icon img{
		margin-bottom: 5px;
	}
	.sports-page-team-logo{
		width: 150px;
	}
	.sports-page-calendar-event-name{
		width: 50px;
	}
}
@media(max-width:1030px){
	/*WCW BANNER*/
		#wcw-home-container{
			max-width: 796px;
		}
	#joes-rosemont-logo{
		margin-bottom: 20px;
	}
	/*SPORTS*/
	.main-sports-banner{
		width: 800px;
	}
	.main-sports-copy-wrapper{
		margin: 0 auto;
		width: 600px;
	}
	#sports-logos-8,
	#sports-logos-7{
		display: none;
	}
	/*UPCOMING EVENTS*/
	.main-events{
		margin-bottom: 320px;
	}
	.main-events-carousel{
		max-width: 800px;
	}
	#main-events-name{
		font-size: 24px;
	}
	.main-events-date-text-box #span-line{
		font-size: 24px;
	}
	.main-events-side-boxes{
		max-width: 800px;
	}
	/*CHECK OUT OUR PARTNERS*/
	.partners{
		max-width: 796px;
	}
	.partners img{
		max-width: 150px;
	}
	/*FAQ*/
	.faq{
		max-width: 796px;
	}
	.faq-content{
		flex-direction: column;
		padding: 40px 0;
	}
	.questions-wrapper{
		width: 90%;
	}
	.lines-header span{
		font-size: 26px;
	}
	.answers-box{
		margin-top: 10px;
		max-height: 220px;
		max-width: 90%;
		width: 100%;
	}
	.answers-box img{
    	height: 220px;
		object-fit: cover;
		width: 100%;
	}
	/*MAIN BIO*/
	.main-bio{
		max-width: 800px;
	}
	.main-bio-heading{
		font-size: 28px;
	}
	#bio-logo{
		display: none;
	}
	.bio-columns{
		max-width: none
	}
	#bio-contact-column{
		margin-right: 2.5px;
	}
	#bio-hours{
		margin-left: 2.5px;
	}
}
@media(max-width:1010px){
	.artist-bottom{
		align-items: flex-start;
		flex-direction: column-reverse;
	}
}
@media(min-width:1001px){
	.body-mobile{
		opacity: 0;
	}
}
@media(max-width:1000px){
	header{
		display: none;
	}
	.header-mobile,
	.mobile-hamburger{
		display: block;
	}
	.main-video{
		margin-top: 0;
	}
	.page-heading{
		margin-top: 140px;
	}
	.body-mobile{
		opacity: 1;
	}
	/*CONCERTS*/
	.concerts{
		margin: 0 auto;
	}
	.concerts-banner{
		background-color: #000;
		height: 550px;
	}
	.concerts-banner .jarallax{
		height: 550px;
	}
	.concert-listing-container{
		height: 230px;
		overflow: hidden;
	}
	.concert-listing-image img{
		max-height: none;
	}
	/*PRIVATE PARTIES*/
	.private-parties-wrapper .page-heading{
		margin-top: 90px;
	}
	.private-parties-wrapper .page-heading{
		font-size: 34px;
	}
	/*ABOUT*/
	.about-heading{
		margin-top: 140px;
	}
	.event-popup-container{
		width: 380px;
	}
	.event-popup-image-portrait{
		display: block;
	}
	.event-popup-image-landscape{
		display: none;
	}
	.event-popup-x{
		right: -53px;
	}
	/*SADDLE UP*/
	.saddle-up-h2{
			font-size: 80px;
	}
	.saddle-up-bulleted-header-list a, .saddle-up-bulleted-header-list span{
		font-size: 24px;
	}
}
@media(max-width:975px){
	/***EVENTS PAGE***/
	.weekly-box{
		max-width: 200px;
	}
	.tipsy-tuesday-specials #weekly-pop-up-header{
		font-size: 28px;
	}
}
@media(max-width:950px){
	.featured-scroll{
		height: auto;
	}
	/***SPORTS PAGE***/
}
@media(max-width:930px){
	.footer-container{
		flex-direction: column;
		padding: 10px 0;
	}
	.footer-left{
		text-align: center;
	}
	.footer-right{
		margin-top: 20px;
	}
	#footer-ada{
		margin-bottom: 5px;
	}
	.saddle-up-form-blurb{
		flex-direction: column-reverse;
		margin-top: 100px;
		width: 100%;
	}
	.saddle-up-images{
		margin-top: 80px;
		width: 70%;
	}
	.saddle-up-blurb{
		width: 100%;
	}
	.saddle-up-blurb h3{
		font-size: 90px;
		margin-bottom: 100px;
	}
	.saddle-up-form{
		margin-top: 20px;
		width: 80%;
	}
	.saddle-up-schedule{
		margin: 0 0 50px 0;
	}
}
@media(max-width:920px){
	/*ABOUT PAGE*/
	.about-img-image{
		width: 800px;
	}
	.about-img-text{
		font-size: 28px;
	}
}
@media(max-width:910px){
	.weekly-events-column{
		align-items: center;
		flex-direction: column;
	}
	.weekly-box{
		margin: 20px 0;
		max-width: 350px;
		width: 100%;
	}
	.weekly-box:hover{
		background-color: #B5A267;
		padding-top: -50px;
		margin-bottom: 50px;
		transition: .3s;
	}
	.weekly-box img{
		width: 350px;
	}
	/*SPORTS PAGE*/
	.sports-special-column .weekly-box{
		max-width: 350px;
	}
}
@media(max-width:900px){
	/*SADDLE UP*/	
	.saddle-up-bottom-logos{
		flex-wrap: wrap;
	}
	.saddle-up-bottom-logo{
		margin: 10px;
		max-width: 125px;
		min-width: 125px;
	}
}
@media(max-width:880px){
    .ticketweb-popup-container{
      align-items: center;
      flex-direction: column;
    }
    .ticketweb-x{
      margin-left: 0;
      margin-top: 10px;
    }
    .ticketweb-x:hover{
    	background-color: inherit;
    	color: inherit;
    	transition: 0s;
    }
	#weekly-specials{
		width: 305px;
	}
	#weekly-specials{
		top: 0;
	}
	.weekly-specials-image img{
		max-width: 300px;
	}
	.weekly-specials-container{
		flex-direction: column;
	}
	.weekly-specials-copy{
		padding-left: 0;
		padding-right: 0;
	}
	#weekly-pop-up-header{
		font-size: 22px;
	}
	.weekly-specials-copy p{
		font-size: 14px;
	}
	.karaoke-thursday-specials .weekly-specials-copy{
		width: auto;
	}
}
@media(max-width:840px){
	.main-next,
	.main-upcoming-carousel{
		max-width: 600px;
	}
	.main-next-container{
		width: calc(100% + 1px);
	}
	.main-upcoming-carousel .event-box img{
		max-height: 380px;
	}
	.event-box .event-title{
		font-size: 28px;
	}
	.event-box .event-date{
		font-size: 16px;
	}
	.event-box .event-title-extras{
		font-size: 14px;
	}
	.main-upcoming-carousel .ticket-button{
		max-width: 100px;
		min-width: 100px;
		width: 100px;
	}
	.main-upcoming-carousel #table-p{
		font-size: 14px;
	}
	.main-featured-heading h2{
		font-size: 40px;
		padding: 5px;
	}
	.main-next-container{
		flex-direction: column;
	}
	.next-concert,
	.next-rooftop{
		margin: 0;
	}
	.next-concert img,
	.next-rooftop img{
		height: auto;
		max-width: calc(100% - 4px);
		object-fit:	cover;
		width: 100%;
	}
}
@media(max-width:830px){
	.private-events .table-reservation{
		width: 600px;
	}
}
@media(max-width:820px){
	/*HOMEPAGE*/
	#main-mailing-list iframe{
		width: 100% !important;
	}
	/*SPORTS*/
	.main-sports-banner{
		width: 600px;
	}
	.main-sports-copy-wrapper{
		margin: 0 auto;
		width: 500px;
	}
	#sports-logos-6,
	#sports-logos-5{
		display: none;
	}
	/*UPCOMING EVENTS*/
	.main-events{
		margin-bottom: 280px;
	}
	.main-events-carousel{
		max-width: 600px;
	}
	.main-events-side-boxes{
		max-width: 600px;
		width: 100%;
	}
	/*CHECK OUT OUR PARTNERS*/
	.partners{
		max-width: 596px;
	}
	.partners img{
		max-width: 100px;
	}
	/*FAQ*/
	.faq{
		max-width: 600px;
		width: 95%;
	}
	.faq-container{
		padding: 15px 0;
	}
	.answers-box{
		margin-bottom: 15px;
	}
	.lines-header span{
		font-size: 20px;
	}
	/*MAIN BIO*/
	.main-bio{
		max-width: 600px;
	}
	.main-bio-heading{
		font-size: 28px;
	}
	.bio-columns{
		max-width: none;
	}
	.bio-hours p,
	#t-r{
		font-size: 14px;
	}
	/*ABOUT PAGE*/
	.about-img-image{
		width: 700px;
	}
	.about-img-text{
		font-size: 26px;
	}
}
@media(max-width:800px){
	.otb-hours .otb-details{
		font-size: 18px;
	}
	/*SADDLE UP*/
	.saddle-up-logo{
		width: 90%;
	}
	.saddle-up-h2{
			font-size: 70px;
	}
	.saddle-up-bulleted-header-list a, .saddle-up-bulleted-header-list span{
		font-size: 22px;
	}
	#saddle-up-white-claw-li{
		width: 80%;
	}
	.saddle-up-h2-schedule,
	.saddle-up-blurb h3{
		font-size: 80px;
	}
}
@media(max-width:790px){
	.weekly-box{
		margin: 20px 0;
		max-width: 300px;
		width: 100%;
	}
	/****PARTY PACKAGES PAGE***/
	.party-packages-pop-up-container{
		width: 599px;
	}
	.package-column img{
    height: 150px;
    width: 195px;
    object-fit: cover;
	}
}
@media(max-width:765px){
	.concert-listing{
		flex-direction: column;
		width: calc(100% - 5px);
	}
	.concert-listing-container{
		border-left: none;
		box-shadow: none;
		flex-direction: column;
		height: auto;
		width: calc(100% - 12px);
	}
	.concert-listing-image{
		max-width: 100%;
	}
	.concert-listing-image img{
		border-left: 2px dashed #fff;
		max-height: 300px;
		max-width: calc(100% - 2px);
		width: 100%;
	}
	.concert-listing-info{
		border-top: 2px dashed #fff;
		max-height: none;
		width: auto;
	}
	.concert-listing-icons{
		max-width: 100%;
	}
	.concert-listing-icons-container{
		flex-direction: row;
		justify-content: space-around;
		margin: 0 auto;
		max-width: 200px;
	}
	.artist-bottom{
		align-items: center;
		padding-top: 10px;
	}
	.info-top{
		text-align: center;
	}
	.artist-bottom-info{
		padding-bottom: 5px;
	}
}
@media(max-width:750px){
	.sports-page-calendars{
		width: 100%;
	}
	.sports-page-calendar-event{
		font-size: 18px;
		justify-content: space-between;
	}
	.sports-page-calendar-event-section-info{
		align-items: center;
		margin-right: 0;
		text-align: center;
	}
	.sports-page-sport-icon{
		text-align: center;
	}
	.sports-page-team-logo{
		width: auto;
	}
	.sports-page-team-logo img{
		max-width: 50px;
	}
	.sports-page-calendar-event-section-actions{
		height: auto;
		margin: 0;
		width: 140px;
	}
	.sports-page-event-buttons{
		width: 100%;
	}
	.sports-page-event-button {
	  display: inline-block;
	  white-space: normal;
	  overflow-wrap: anywhere;
	  word-break: break-word;
	  line-height: 1.3; 
	  text-align: center;
	  width: calc(100% - 20px);
	}
	.sports-page-event-audio-icon{
		margin-top: 5px;
	}
}
@media(max-width:730px){
	#upcoming-events-break{
		display: block;
	}
}
@media(max-width:720px){
	/*ABOUT PAGE*/
	.about-img-image{
		width: 600px;
	}
	.about-img-text{
		font-size: 22px;
	}
}
@media(max-width:700px){
	/*SADDLE UP*/
	.saddle-up-h2{
			font-size: 60px;
	}
	.saddle-up-images{
		width: 90%;
	}
	.saddle-up-h2-schedule{
		font-size: 80px;
	}
	.saddle-up-bulleted-header-list li{
		margin: 5px 0;
	}
	#saddle-up-live-djs-li{
		width: 80%;
	}
}
@media(max-width:690px){
	.weekly-box{
		max-width: 250px;
	}
	/****PARTY PACKAGES PAGE***/
	.party-packages-pop-up-container{
		width: 498px;
	}
	#party-packages-the-bachelorette-package .package-option{
		font-size: 18px;
	}
}
@media(max-width:680px){
	.featured-box{
		height: 490px;
		max-height: none;
	}
	.featured-box-info{
		text-align: center;
	}
	.featured-box-details{
		justify-content: center;
		width: 100%;
	}
	.featured-box-links{
		justify-content: center;
	}
}
@media(max-width:660px){
	.this-week-box{
		overflow: hidden;
		width: calc(50% - 10px);
	}
	.this-week-box a, .this-week-box-no-link{
		width: auto;
	}
	.bio-copy-column{
		height: auto;
	}
}
@media(max-width:650px){
	.saddle-up-schedule-cta
	.saddle-up-bulleted-header-list-schedule span{
		font-size: 16px;
	}
}
@media(max-width:645px){
	.faq{
		max-width: 471px;
		width: 100%;
	}
	.answers-box{
		height: 300px;
		max-height: 300px;
	}
	.answers-box img{
		height: 300px;
	}
	.lines-header span{
		font-size: 24px;
	}
}
@media(max-width:640px){
	.main-next,
	.main-upcoming-carousel{
		max-width: 475px;
	}
	.main-upcoming-carousel .event-box{
		height: 400px;
	}
	.main-upcoming-carousel .event-box img{
		height: 100%;
		max-height: 100%;
	}
	/*SOCIAL MEDIA*/
	.main-events{
		margin-bottom: 160px;
	}
	.social-media-heading h2{
		font-size: 40px;
	}
	#social-media-break{
		display: block;
	}
	/*SPORTS BANNER*/
	.main-events-heading h2{
		font-size: 40px;
	}
	/***PRIVATE PARTIES***/
	.room{
		max-width: 465px;
	}
	.room-buttons p{
		font-size: 15px;
	}
	.private-events .table-reservation{
		width: 500px;
	}
	.private-events .table-reservation-column-wrapper{
		justify-content: center;
	}
	.private-events .table-reservation-one input,
	.private-events .table-reservation-two input{
		max-width: 220px;
	}
	.private-events .table-reservation-message{
		margin: 0 auto;
		max-width: 500px;
	}
	.private-events .table-reservation-form-buttons{
		margin: 0 auto;
		max-width: 500px;
	}
	#the-alley-suite-pop-up #room-reservation-submit input, #the-alley-suite-pop-up #room-reservation-reset input, #the-chapter-room-pop-up #room-reservation-submit input, #the-chapter-room-pop-up #room-reservation-reset input, #the-clubhouse-pop-up #room-reservation-submit input, #the-clubhouse-pop-up #room-reservation-reset input, #the-red-room-pop-up #room-reservation-submit input, #the-red-room-pop-up #room-reservation-reset input, #the-rooftop-pop-up #room-reservation-submit input, #the-rooftop-pop-up #room-reservation-reset input, #vip-loft-lounge-pop-up #room-reservation-submit input, #vip-loft-lounge-pop-up #room-reservation-reset input{
		max-width: 230px;
	}
	#the-alley-suite-pop-up .table-reservation-container input, #the-chapter-room-pop-up .table-reservation-container input, #the-clubhouse-pop-up .table-reservation-container input, #the-red-room-pop-up .table-reservation-container input, #the-rooftop-pop-up .table-reservation-container input, #vip-loft-lounge-pop-up .table-reservation-container input{
		width: none;
	} 
	.private-events .table-reservation-x{
		top: -35px;
	}
	.private-events .table-reservation-x i{
		padding: 0;
	}
}
@media(max-width:625px){
	/*HOMEPAGE*/
	#main-mailing-list iframe{
		width: 100% !important;
	}
	/*SPORTS*/
	.main-sports-banner{
		width: 475px;
	}
	.main-sports-copy-container{
		font-size: 22px;
	}
	.main-sports-copy-wrapper{
		margin: 0 auto;
		width: 400px;
	}
	#sports-logos-4{
		display: none;
	}
	/*UPCOMING EVENTS*/
	.main-events{
		margin-bottom: 240px;
	}
	.main-events-carousel{
		max-width: 475px;
	}
	#main-events-name{
		font-size: 18px;
	}
	.main-events-date-text-box #span-line{
		font-size: 18px;
	}
	.main-events-side-boxes{
		max-width: 475px;
		width: 100%;
	}
	/*CHECK OUT OUR PARTNERS*/
	.partners{
		max-width: 473px;
	}
	.main-partners-heading h2{
		font-size: 40px;
	}
	.partners-container{
		align-items: center;
		flex-direction: column;
	}
	.partners-container a{
		margin: 20px 0;
	}
	.partners-box{
		align-items: center;
		flex-direction: column;
	}
	.partners img{
		max-height: 200px;
		max-width: 300px;
	}
	#joes-rosemont-logo{
		max-height: 200px;
		max-width: 200px;
	}
	/*MAIN BIO*/
	.main-bio{
		max-width: 475px;
	}
	.main-bio-copy-container h1{
		font-size: 20px;
		padding-bottom: 10px;
	}
	.bio-copy-sections{
		align-items: center;
		flex-direction: column;
	}
	#bio-contact-column{
		margin-left: 2.5px;
	}
	.bio-hours p,
	#t-r{
		font-size: 20px;
	}
	.bio-columns{
		max-width: none;
		width: calc(100% - 14px);
	}
	.bio-copy-column{
		padding: 0;
	}
	#bio-hours{
		padding: 0;
	}
}
@media(max-width:620px){
	/*ABOUT PAGE*/
	.about-img-image{
		width: 500px;
	}
	.saddle-up-logo{
		margin-top: 50px;
		width: 100%;
	}
	.saddle-up-h2{
			font-size: 50px;
			text-align: center;
	}
	.saddle-up-h2-schedule{
		font-size: 70px;
	}
	.saddle-up-blurb h3{
		font-size: 60px;
	}
	.saddle-up-bulleted-header-list span{
		width: auto;
	}
	.saddle-up-form{
		width: 100%;
	}
	.saddle-up-bulleted-header-list-schedule{
		width: 100%;
	}
	.saddle-up-schedule-li{
		flex-wrap: wrap;
		width: 100%;
	}
	.saddle-up-bulleted-header-list-bullet-1,
	.saddle-up-bulleted-header-list-bullet-3,
	.saddle-up-bulleted-header-list-bullet-4{
		display: none;
	}
	.saddle-up-schedule-cta{
		margin: 5px 0 30px 0 !important;
	}
	.saddle-up-schedule-date,
	.saddle-up-schedule-performer{
		min-width: 0;
	}
	.saddle-up-blurb span{
		font-size: 22px;
	}
	.saddle-up-bottom-logo{
		margin: 20px;
		max-width: none;
		min-width: 125px;
	}
}
@media(max-width:600px){
	.sports-page-calendar-event{
		flex-direction: column;
		font-size: 28px;
	}
	.sports-page-calendar-event-section-info{
		flex-direction: row;
		justify-content: flex-start;
		order: 0;
		width: auto;
	}
	.sports-page-sport-icon img{
		width: 30px;
	}
	.sports-page-calendar-event-section-teams{
		order: 2;
	}
	.sports-page-calendar-event-section-actions{
		margin: 15px 0 20px 0;
		order: 1;
		text-align: center;
		width: 100%;
	}
	.sports-page-calendar-event-date{
		font-size: 28px;
		margin: 0 20px;
		min-width: 0;
	}
	.sports-page-calendar-event-time{
		font-size: 28px;
	}
	.sports-page-event-button{
		width: auto;
	}
	.sports-page-sport-icon{
		width: auto;
	}
	.sports-page-team-logo{
		flex-direction: column;
	}
	.sports-page-team-logo img{
		margin-right: 0;
		max-height: 80px;
		max-width: 80px;
	}
	.sports-page-calendar-event-name{
		font-size: 18px;
		margin-top: 5px;
		text-align: center;
	}
	.sports-page-event-audio-icon img{
		height: auto;
		width: 15px;
	}
	.sports-page-event-buttons a{
		font-size: 22px;
		padding-top: 3px;
		width: calc(100% - 20px);
	}
	.sports-page-calendar-event-section-actions.hidden{
		margin: 10px 0 0 0;
	}
}
}
/*IPHONE 8 PORTRAIT*/
@media only screen and (max-width: 600px) and (orientation: portrait) {
	#acp-desktop,
	header,
	.instagram{
		display: none;
	}
	#featured-scroll{
		display: none !important;
	}
	#mobile-scroll{
		display: block !important;
	}
	.event-popup{
		height: 100%;
		width: 100%;
	}
	.event-popup-container{
		width: 75%;
	}
	.event-popup-image-portrait{
		display: block;
	}
	.event-popup-image-landscape{
		display: none;
	}
	.event-popup-x{
		font-size: 60px;
		right: -83px;
	}
	.event-popup-reserve{
		bottom: -140px;
	}
	.event-popup-reserve-container{
		font-size: 50px;
	}

	.header-mobile-faded{
		box-shadow: 0 0 0 #000;
		transition: .3s;
	}
	.header-mobile-container{
		transition: .3s;
	}
	.header-mobile-container-faded{
		background-color: rgba(0,0,0,0);
		transition: .3s;
	}
/*BURGER FLIP*/
    .mobile-header-logo-fade{
        opacity: 0;
        transition: .3s;
    }

/**********************
 * NOW HIRING POPUP *
**********************/
/*TEMPORARY FONT SIZES / BACKGROUND SIZES*/

/**/
	#acp-portrait,
	.header-mobile,
	.mobile-hamburger,
	.mobile-scroll{
		display: block;
	}

	.header-mobile-logo img{
		max-width: 110px;
	}
	.mobile-header-logo-fade{
        opacity: 0;
        transition: .3s;
    }

/*FEATURED*/
	.cc-slider-container {
		pointer-events: none !important;
	}

/*NEXT TOP AND BOTTOM*/
/*SIDE BOX*/
	.side-box-info{
		background-color: rgba(0,0,0,.6);
		bottom: 0;
		color: #fff;
		display: flex;
		font-family: 'Roboto Mono', sans-serif;
		min-height: 130px;
		padding: 10px 5px;
		position: absolute;
		width: calc(100% - 10px);
	}
	.rent-the-room-side-box{
		height: 130px;
	}
	.side-box-info-container{
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 0 auto;
		text-align: center;
		width: calc(100% - 30px);
	}
	.side-box-artist{
		font-size: 60px;
	}
	.side-box-text{
		font-size: 60px;
	}
	.side-box-second{
		font-size: 40px;
	}
	.side-box-time{
		font-size: 40px;
		margin-bottom: 5px;
	}
	.side-box-ticket{
		background-color: rgba(0,0,0,.6);
		border: 4px solid #fff;
		transition: .2s;
	}
	.side-box-ticket-p{
		border: 3px dashed #fff;
		font-size: 44px;
		padding: 4px 14px;
		margin: 8px;
		text-align: center;
		transition: .2s;
		width: auto;
	}
	.side-box-ticket-toggle{
		background-color: rgba(0,0,0,.6);
		border: 4px solid #fff;
		cursor: pointer;
		transition: .2s;
	}
	.side-box-ticket-p-toggle{
		border: 3px dashed #fff;
		color: #fff;
		transition: .2s;
	}
	.side-box-date{
		align-items: center;
		background-color: #BBB08B;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		color: #fff;
		display: flex;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 50px;
		height: 120px;
		justify-content: center;
		left: 0;
		padding: 0 30px;
		position: absolute;
		top: 0;
		width: auto;
	}
	.featured-side{
		margin-top: 100px;
		max-width: none;
		width: 100%;
	}
	.featured-side-title{
		border: 5px solid #fff;
		padding: 8px;
	}
	.featured-side-title-container{
		border: 4px dashed #fff;
		padding-top: 12px;
	}
	.featured-side-title-container span{
		font-size: 140px;
		text-shadow: 1px 1px #000,
					-1px -1px #000,
					-1px 1px #000,
					1px -1px #000,
					2px 2px #000,
					-2px -2px #000,
					-2px 2px #000,
					2px -2px #000, 
					3px 3px 9px #B5A267,
					-3px -3px 9px #B5A267,
					-3px 3px 9px #B5A267,
					3px -3px 9px #B5A267,
					4px 4px 9px #B5A267,
					-4px -4px 9px #B5A267,
					-4px 4px 9px #B5A267,
					4px -4px 9px #B5A267;
	}
	.featured-side-box{
		border: 5px solid #fff;
		height: 650px;
		width: calc(100% - 10px);
	}
	.featured-side-two-boxes{
		height: auto;
	}
	.this-week{
		margin-top: 140px;
		max-width: none;
		width: 100%;
	}
	.this-week-title{
		border: 5px solid #fff;
		padding: 8px;
	}
	.this-week-title-container{
		border: 4px dashed #fff;
		padding-top: 12px;
	}
	.this-week h3{
		font-size: 130px;
		text-shadow: 1px 1px #000,
					-1px -1px #000,
					-1px 1px #000,
					1px -1px #000,
					2px 2px #000,
					-2px -2px #000,
					-2px 2px #000,
					2px -2px #000, 
					3px 3px 9px #B5A267,
					-3px -3px 9px #B5A267,
					-3px 3px 9px #B5A267,
					3px -3px 9px #B5A267,
					4px 4px 9px #B5A267,
					-4px -4px 9px #B5A267,
					-4px 4px 9px #B5A267,
					4px -4px 9px #B5A267;
	}
	.this-week-box{
		border: 5px solid #fff;
		width: 476px;
	}
	.this-week-box a,
	.this-week-box-no-link{
		width: 100%;
	}
	.this-week-box img{
		height: 100%;
		width: 100%;
	}
	.box-3,
	.box-4{
		margin-top: 5px;
	}
/*MAIN UPCOMING*/
	.main-next, .main-upcoming-carousel{
		max-width: none;
		width: 100%;
	}
	.main-upcoming-carousel .main-featured-heading{
		border: 5px solid #fff;
		margin-left: 0px;
		width: 100%;
	}
	.main-featured-heading-container,
	.main-next-heading-container{
		border: 5px dashed #fff;
		font-size: 60px;
		margin: 10px;
		padding-bottom: 10px;
		text-shadow: -7px 7px 10px #B5A267;
	}
	.main-upcoming{
		max-width: none;
	}
	.main-upcoming .event-wrapper{
		 border: 5px solid #fff;
		 width: calc(100% + 10px);
	}
	.main-upcoming .event-box{
		height: 1000px;
		max-height: 1000px;
	}
	.event-box img{
		max-height: 1000px;
		min-height: 1000px;
		max-width: 100%;
		min-width: 1000px;
	}
	.main-upcoming .event-box .event-info{
		width: 1000px;
	}
	.main-upcoming-arrows-left{
		color: #fff;
		font-size: 80px;
		left: 20px;
		top: 55%;
	}
	.main-upcoming-arrows-right{
		color: #fff;
		font-size: 80px;
		right: 20px;
		top: 55%;
	}
	.event-box .event-title{
		font-size: 80px;
	}
	.event-box .event-title-extras{
		font-size: 34px;
	}
	.event-box .event-info{
		flex-direction: column;
	}
	.event-box .event-details{
		text-align: center;
	}
	.event-box .event-date{
		font-size: 50px;
	}
	.event-box .ticket-button{
		width: 360px;
	}
	.ticket-button{
		font-size: 50px;
		margin: 10px 0;
	}
	#big-games-home{
		background-color: #000;
		object-fit: contain;
		object-position: top;
	}
/*UP NEXT*/
	.main-next{
		margin-top: 100px;
	}
	.main-next-container{
		flex-direction: column;
		max-width: none;
		width: 100%;
	}
	.main-next .main-next-heading{
		border: 5px solid #fff;
		width: 100%;
		max-width: none;
	}
	.next-concert,
	.next-rooftop{
		margin: 0;
		max-height: 600px;
		min-height: 600px;
		border: 5px solid #fff;
		width: 100%
	}
	.next-concert img,
	.next-rooftop img{
		min-height: 600px;
		max-height: 600px;
		max-width: calc(100% - 4px);
		object-fit:	cover;
		width: 100%;
	}
	.main-next-heading-container{
		font-size: 50px;
	}
	#next-band-name{
		font-size: 50px;
	}
	#next-band-time{
		font-size: 44px;
	}
	.next-concert-date{
		font-size: 44px;
	}
	.next-concert .ticket-button{
		font-size: 50px;
		width: 220px;
	}
	.next-concert #table-p, .next-rooftop #table-p{
		font-size: 40px;
		width: auto;
	}
	.wcw-banner{
		margin-top: 10px;
	}
	#wcw-home{
		max-width: calc(100% + 14px);
	}
	#wcw-home-container{
		max-width: none;
		width: calc(100% + 10px);
	}
	#hardy-mobile{
		object-position: -350px 0;
	}
	#game-watch-carousel{
		width: auto
	}
	.thbn-1-18-20-rooftop #next-band-name{
		font-size: 14px;
	}
	.wcw-homepage img{
		background-color: #000;
		background-image: url('media/images/upcoming/white-claw-winter-logo.png');
		background-position: -10px -10px;
		background-size: 100px 100px;
	}
/*SOCIAL MEDIA*/
	.social-media-container{
		margin: 100px 0;
	}
	.social-media-heading{
		font-size: 60px;
		margin-bottom: 50px;
		text-shadow: -7px 7px 10px #000;
	}
	.social-media-icons{
		max-width: 700px;
	}
	.social-media .icon i{
		font-size: 100px;
		text-shadow: -7px 7px 10px #000;
	}
	.instagram{
		height: 500px;
		max-width: none;
		width: calc(100% + 14px);
	}
	#instafeed img{
		height: 500px;
	}
	.insta-likes{
		font-size: 60px;
		height: calc(100% - 8px);
	}
	.insta-ig{
		font-size: 60px;
	}
	.insta-caption{
		font-size: 32px;
		overflow: hidden;
	}
	.instafeed-arrows-left, .instafeed-arrows-right{
		color: #fff;
		font-size: 80px;
		padding: 0 20px;
	}
/*MAIN EVENTS*/
/*****EVENTS PAGE*****/
	.concert-listing .artist{
		width: 100%;
	}
	.ticket-disclaimer{
		margin: 0 auto;
		text-align: center;
		max-width: calc(100% - 40px);
	}
/*TABLE RESERVATION FORM*/
	.room-popup{
		z-index: 9999;
	}
	.room-popup-container{
		display: block;
		height: 1400px;
		overflow-y: scroll;
	}
		.game-popup-details{
		height: 400px;
	}
	.room-popup-header{
		align-items: center;
		height: 400px;
		text-align: center;
	}
	.room-popup-header p{
		color: #fff;
		font-family: 'micro-bold', sans-serif;
		font-size: 80px;
		text-shadow: 1px 1px 1px #000,
					 -1px 1px 1px #000,
					 1px -1px 1px #000,
					 -1px -1px 1px #000,
					 2px 2px 2px #000,
					 -2px 2px 2px #000,
					 2px -2px 2px #000,
					 -2px -2px 2px #000,
					 3px 3px 3px #000,
					 -3px 3px 3px #000,
					 3px -3px 3px #000,
					 -3px -3px 3px #000,
					 4px 4px 4px #000,
					 -4px 4px 4px #000,
					 4px -4px 4px #000,
					 -4px -4px 4px #000;
	}
	.room-popup-header p:nth-child(2){
		font-size: 60px;
	}
	.room-popup-bottom{
		height: auto;
	}
	.room-popup-disclaimer,
	.room-popup-form{
		margin: 0 auto;
		width: calc(100% - 20px);
	}
	.room-popup-disclaimer{
		align-items: center;
		padding-top: 20px;
	}
	.room-popup-x{
		height: 50px;
		position: fixed;
		right: 0;
		top: 50px;
		width: 80px;
	}
	.room-popup-form{
		margin-top: 50px;
	}
	.room-popup-form-container{
		height: 100%;
	}
	.room-popup-form .contact-form-input{
		width: calc(100% - 20px);
	}
	.room-popup-form input{
		border: 2px solid #fff;
		font-size: 50px;
		height: 60px;
		margin: 10px 0;
		padding: 10px 0 10px 18px;
		width: calc(100% - 20px);
	}
	.room-popup-form textarea{
		border: 2px solid #fff;
		font-size: 50px;
		height: 200px;
		margin: 10px 0;
		padding: 10px 0 10px 18px;
		width: calc(100% - 20px);
	}
	.room-popup-form textarea::placeholder{
  		transform: translateY(140px) translateX(1px);
	}
	.room-form-buttons{
		justify-content: space-between;
		margin-bottom: 0;
		margin-top: 0;
		width: calc(100% - 18px);
	}
	.room-form-buttons input{
		height: 80px;
		width: 370px;
	}

/*****PRIVATE PARTIES PAGE*****/
	.tripleseat-form{
		text-align: center;
	}
/*****TRIVIA PAGE*****/
	/*TRIVIA LOGOS*/
	#eighty-px-logo-popup{
		height: 100px;
	}
/*FAQ*/
	.faq{
		border: 5px solid #fff;
		max-width: 100%;
	}
	.faq-container {
	    border: 5px dashed #fff;
	    margin: 10px;
	}
	.lines-header{
		align-items: center;
	}
	.lines-header i{
		font-size: 40px;
		padding: 0px 15px 0 0;
	}
	.lines-header span{
		font-size: 48px;
		padding: 10px 0;
	}
	.answers-box{
		height: 850px;
		max-height: 850px;
	}
	.answers-box img{
		height: 850px;
		object-fit: none;
	}
	.answers-box-map img:hover{
		opacity: 1;
		transition: 0;
	}
	.answers p{
		font-size: 50px;
	}
	/*MAIN BIO*/
	.main-bio{
		max-width: 100%;
		width: 100%;
	}
	.main-bio-copy{
		border: 5px solid #fff;
		max-width: calc(100% - 0px);
		width: 100%;
	}
	.main-bio-copy-container {
	    border: 5px dashed #fff;
	    font-size: 24px;
	    margin: 10px;
	    padding-bottom: 20px;
	}
	.main-bio-heading{
		font-size: 56px;
    	text-shadow: -7px 7px 10px #B5A267;
	}
	.bio-copy-sections{
		flex-direction: column-reverse;
		margin: 0 5px;
	}
	#bio-contact{
		margin-right: 5px;
	}
	#bio-contact-column{
		margin-top: 5px;
		width: calc(100% - 100px);
	}
	#bio-hours{
		margin-left: 5px;
		width: calc(100% - 80px);
	}
	.bio-copy-column{
		border: 5px dashed #fff;
		height: auto;
		margin-top: 0;
	}
	.bio-column-heading{
		font-size: 100px;
	}
	.bio-heading-bottom{
		margin-top: 50px;
	}
	.bio-copy-sections a,
	.bio-hours,
	.bio-hours p{
		font-size: 56px;
	}
	#t-r{
		font-size: 56px;
	}
	#depends{
		font-size: 36px;
		padding-bottom: 20px;
	}
	.bio-copy-sections i{
		padding-right: 15px;
	}
	#bio-social{
		padding-top: 25px;
	}
	#bio-social i{
		font-size: 80px;
		padding: 0 25px;
	}
	#bio-phone,
	#bio-email,
	#bio-address,
	.bio-hours{
		padding: 5px 0;
	}

/*FOOTER*/

/*MAILING LIST*/
	/*.footer-right{
		width: 500px;
	}
	.footer-right p{
		font-size: 50px;
	}
	#main-mailing-list-footer{
		background-color: none !important;
		border: none;
		overflow: hidden;
	}
	.mailing-list-contact{
		display: flex;
		justify-content: space-evenly;
	}
	.mailing-list-iframe{
		width: 100%;
	}
	.contact-form-box{
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}
	.contact-mailing{
		border: none;
		border-radius: 3px;
		font-family: 'News Cycle', sans-serif;
		font-size: 40px;
		height: auto;
		text-align: center;
		width: 100%;
	}
	.footer-right .contact-submit{
		cursor: pointer;
	    background-color: none;
	    color: #000;
	    font-size: 40px;
	}
	.checkbox-form{
		display: none;
	}
	/***EVENTS PAGE***/
	.calendar .page-heading{
		background-color: #000;
		border: 5px solid #fff;
		padding: 0;
		position: relative;
    	margin-top: 330px;
    	width: calc(100% - 5px);
	}
	.calendar .page-heading-container{
		border: 5px dashed #fff;
		font-size: 70px;
		margin: 10px;
		padding-bottom: 10px;
		text-shadow: -7px 7px 10px #B5A267;
	}
	.weekly-events-container{
		flex-direction: column;
	}
	.weekly-events-column{
		justify-content: space-between;
	}
	.weekly-box{
		margin-bottom: 20px;
		max-width: none;
		width: 48%;
	}
	.weekly-box a{
		width: 100%;
	}
	.weekly-box p{
		font-size: 38px;
	}
	.weekly-events img{
		width: 100%;
	}
	#weekly-specials{
		top: 40px;
		width: 900px;
		z-index: 10000;
	}
	
	.weekly-specials-image img{
		max-width: none;
		width: 100%;
	}
	.weekly-specials-container{
		flex-direction: column;
	}
	.weekly-specials-image-container{
		width: 100%;
	}
	.weekly-specials-copy{
		padding-left: 0;
		padding-right: 0;
	}
	.table-reservation-x i {
	    font-size: 60px;
	    padding: 20px;
	}
	/***CONCERTS PAGE***/
	.concerts-banner .jarallax {
	    height: 1200px;
	}
	.concerts-heading{
		background-color: #000;
		border: 5px solid #fff;
		padding: 0;
		position: relative;
    	margin-top: 650px;
    	width: calc(100% - 5px);
	}
	.concerts-heading-container{
		border: 5px dashed #fff;
		font-size: 54px;
		margin: 10px;
		padding-bottom: 10px;
		text-shadow: -7px 7px 10px #B5A267;
	}
	.concerts-list{
		padding: 0;
	}
	.concert-listing{
		border: 5px solid #fff;
		flex-direction: column;
		margin: 50px 0;
		width: calc(100% - 5px);
	}
	.concert-listing-container{
		border: 5px dashed #fff;
		box-shadow: none;
		flex-direction: column;
		height: 100%;
		margin: 10px;
		max-width: calc(100% - 30px);
		width: 100%;
	}
	.concert-listing-image{
		height: 630px;
		max-width: none;
	}
	.concert-listing-image-wide{
		height: 532px;
		max-width: none;
	}
	.concert-listing-image img{
		border-left: none;
		height: 100%;
		max-width: calc(100% - 2px);
		width: 100%;
	}
	.concert-listing .artist{
		font-size: 80px;
	}
	.concert-listing .date,
	.concert-listing .doors,
	.concert-listing .time{
		font-size: 50px;
	}
	.concert-listing .event-title-extras{
		font-size: 36px;
	}
	.concert-listing-info{
		border-top: 5px dashed #fff;
		max-height: none;
		width: auto;
	}
	.concert-listing-info .info-button,
	.concert-listing-info .ticket-button{
		font-size: 40px;
		min-width: 300px;
		width: auto;
	}
	.concert-listing-icons{
		font-size: 70px;
		max-width: 100%;
		text-shadow: -8px 6px 5px #000;
	}
	.concert-listing-icons-container{
		flex-direction: row;
		justify-content: space-around;
		margin: 0 auto;
		max-width: 400px;
		padding: 10px 0;
	}
	.artist-bottom{
		align-items: center;
		padding-top: 10px;
	}
	.info-top{
		text-align: center;
	}
	.artist-bottom-info{
		padding-bottom: 5px;
	}
	.concert-listing-info-dropdown-container{
		position: relative;
	}
	.concert-listing-info-dropdown .table-reservation-x{
		top: 10px;
		right: 10px;
	}
	.concert-listing-info-dropdown .table-reservation-x i{
		font-size: 60px;
	}
	.concert-listing-info-dropdown .opening-act{
		font-size: 54px;
	}
	.show-details{
		font-size: 55px;
	}
	.artist-bio, .show-details-p{
		font-size: 48px;
	}
	.about-the-show a{
		font-size: 50px;
	}
	/*SPORTS*/
		.sports-page-calendar-event{
			flex-direction: column;
		}
	/*PRIVATE PARTIES*/
	.private-events .page-heading{
		background-color: #000;
		border: 5px solid #fff;
		padding: 0;
		position: relative;
    	margin-top: 330px;
    	width: calc(100% - 10px);
	}
	.private-events .page-heading-container{
		border: 5px dashed #fff;
		font-size: 70px;
		margin: 10px;
		padding-bottom: 10px;
		text-shadow: -7px 7px 10px #B5A267;
	}
	.private-parties-rooms{
		padding-top: 0;
	}
	.private-parties-copy-container{
		width: 95%;
	}
	.private-parties-copy-container p{
		font-size: 60px;
	}
	.room{
		border: 5px solid #fff;
		margin: 50px 0;
		max-width: 100%;
	}
	.room-title h2{
		font-size: 80px;
	}
	.room-details{
		height: 900px;
	}
	.room-copy{
		width: 95%;
	}
	.room-copy p{
		font-size: 45px;
	}
	.room-buttons{
		max-width: 90%;
		padding: 30px 0;
	}
	.room-button-click{
		border-width: 5px;
		width: 390px;
	}
	.room-button-click p{
		border-width: 4px;
		margin: 5px;
	}
	.room-buttons p{
		font-size: 40px;
	}
	.private-events .table-reservation{
		padding-bottom: 20px;
		top: 320px;
		width: 950px;
	}
	.private-events .table-reservation-column-wrapper{
		flex-direction: column;
	}
	.private-events .table-reservation-x{
		top: 10px;
		right: 10px;
	}
	.private-events .table-reservation-x i{
		font-size: 60px;
	}
	#the-alley-suite-pop-up .schedule-text-heading, #the-chapter-room-pop-up .schedule-text-heading, #the-clubhouse-pop-up .schedule-text-heading, #the-red-room-pop-up .schedule-text-heading, #the-rooftop-pop-up .schedule-text-heading, #vip-loft-lounge-pop-up .schedule-text-heading{
		font-size: 70px;
	}
	#the-alley-suite-pop-up .table-reservation-container input, #the-chapter-room-pop-up .table-reservation-container input, #the-clubhouse-pop-up .table-reservation-container input, #the-red-room-pop-up .table-reservation-container input, #the-rooftop-pop-up .table-reservation-container input, #vip-loft-lounge-pop-up .table-reservation-container input{
		font-family: 'Roboto Condensed', sans-serif;
	    font-size: 44px;
	    height: 60px;
	    margin: 10px 0;
	    max-width: calc(100% - 28px);
	    padding: 2px 0 2px 10px;
	    width: 100%;
	}
	.private-events .table-reservation textarea{
		font-family: 'Roboto Condensed', sans-serif;
	    font-size: 44px;
	    height: 150px;
	    margin: 10px 0;
	    padding: 2px 0 2px 10px;
	}
	#the-alley-suite-pop-up #room-reservation-submit input, #the-alley-suite-pop-up #room-reservation-reset input, #the-chapter-room-pop-up #room-reservation-submit input, #the-chapter-room-pop-up #room-reservation-reset input, #the-clubhouse-pop-up #room-reservation-submit input, #the-clubhouse-pop-up #room-reservation-reset input, #the-red-room-pop-up #room-reservation-submit input, #the-red-room-pop-up #room-reservation-reset input, #the-rooftop-pop-up #room-reservation-submit input, #the-rooftop-pop-up #room-reservation-reset input, #vip-loft-lounge-pop-up #room-reservation-submit input, #vip-loft-lounge-pop-up #room-reservation-reset input{
		width: 400px;
	}
	.private-events #room-reservation-reset{
		padding-right: 12px;
		text-align: right;
	}
	.party-packages-pop-up{
		top: 330px;
	}
	.party-packages-pop-up-container{
		width: 950px;
	}
	.party-packages-x {
	    position: absolute;
	    right: 5px;
	    top: -75px;
	}
	.party-packages-x i{
		font-size: 60px;
	}
	.package{
		border: 5px solid #fff;
	}
	.package-container{
		border: 5px dashed #fff;
		height: calc(100% - 22px);
	}
	.individual-packages-x{
		padding: 30px;
	}
	.individual-packages-x i{
		font-size: 60px;
	}
	.package-column img{
		height: 350px;
		object-fit: cover;
	}
	.package-no-border img{
		width: 100%;
	}
	.package-column p{
		font-size: 44px;
	}
	.package-pop-up-details{
		height: calc(100% - 2px);
	}
	.package-pop-up-details .package-heading{
		font-size: 70px;
	}
	.package-details p{
		font-size: 50px;
	}
	/*ABOUT PAGE*/
	.about-heading{
		background-color: #000;
		border: 5px solid #fff;
		padding: 0;
		position: relative;
    	margin-top: 330px;
    	width: calc(100% - 5px);
	}
	.about-heading-container{
		border: 5px dashed #fff;
		font-size: 90px;
		margin: 10px;
		padding-bottom: 10px;
		text-shadow: -7px 7px 10px #B5A267;
	}
	.about-img-image{
		border: 5px solid #fff;
		height: 900px;
		margin-top: 10px;
		width: calc(100% - 20px);
	}
	.about-img img{
		height: 100%;
	    max-width: 100%;
	    object-fit: cover;
	    width: 100%;
	}
	.about-img-text{
		border: 5px solid #fff;
		font-size: 50px;
		width: calc(100% - 46px);
	}
	.about-img-text-container{
		border: 5px dashed #fff;
		margin: 10px;
	}
	.about-copy-container p{
		font-size: 60px;
	}
	.about-slideshow-images{
		height: 800px;
	}
	.fancybox-infobar,
	.fancybox-toolbar,
	.fancybox-button{
		display: none !important
	}
/***PRIVACY POLICY***/
	/***PRIVACY POLICY***/
	.privacy{
		padding-top: 310px;
	}
	  .privacy-container{
	    padding: 20px;
	    width: calc(100% - 104px);
	  }
	  .privacy-h1{
	    font-size: 80px;
	  }
	  .privacy-secondary-bold-heading,
	  .privacy-secondary-bold-modified{
	    font-size: 46px;
	  }
	  .privacy-column-1{
	    width: 50%;
	  }
	  .privacy-column-2{
	    width: 45%;
	  }
	  .privacy-list li, .privacy-list-inline li,
	  .privacy-p,
	  .privacy-column-content,
	  .privacy-secondary-italic{
	  	font-size: 50px;
	  }
	}
/*IPHONE 8 LANDSCAPE*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	.morgan-evans-pop video:hover{
		opacity: 1;
		transition: .2s;
	}
	.table-reservation,
	.trivia .table-reservation{
		z-index: 9999;
	}
	.now-hiring-popup{
		box-shadow: none;
		visibility: hidden;
	}
/**/
	.header-mobile-logo img{
		max-width: 110px;
	}
	.mobile-header-logo-fade{
        opacity: 0;
        transition: .3s;
    }
/*BURGER FLIP*/
    .mobile-header-logo-fade{
        opacity: 0;
        transition: .3s;
    }
    .mobile-hamburger-fixed{
        position: fixed;
    }
/*ACM*/
	.acm-text-container h3{
		font-size: 32px;
	}

	.body-mobile{
		background-size: 300px;
		height: 100vh;
	}
	.body-mobile-container-wrapper{
		height: calc(100% - 115px);
		margin-top: 115px;
		overflow: scroll;
		width: 100%;
	}




/*UPCOMING CAROUSEL*/
	.main-featured-heading-container h2{
		font-size: 60px;
	}
	.event-box{
		max-width: none;
	}
	.main-next, .main-upcoming-carousel,
	.instagram,
	.main-sports-banner,
	.main-events-carousel,
	.main-events-side-boxes,
	.faq,
	.partners,
	.main-bio{
		max-width: 950px;
		width: 100%;
	}
	.main-next-container{
		max-width: 947px;
		width: 100%;
	}
	.main-next-heading-container h2,
	.main-events-side-boxes-heading-container h2,
	.main-partners-heading{
		font-size: 44px;
		text-shadow: -7px 7px 8px #B5A267;
	}
	.main-events-side-boxes-heading-container h2,
	.main-next-heading-container h2{
		padding: 2px 0 12px 0;
	}
	.main-next img, 
	.next-rooftop img{
		max-width: 475px;
	}
	.next-concert{
		margin-right: 3.5px;
	}
	.next-rooftop{
		margin-left: 3.5px;
	}
	.next-concert-date,
	.next-rooftop-date,
	.main-events-date{
		font-size: 24px;
		padding: 5px;
	}
	#next-band-name,
	#main-events-name{
		font-size: 30px;
	}
	#next-band-time,
	#main-events-time{
		font-size: 22px;
	}
	.main-upcoming-arrows-left,
	.main-upcoming-arrows-right,
	.main-events-arrows-right,
	.main-events-arrows-left{
		color: #fff;
		font-size: 40px;
		margin: 0 18px;
	}
	.instafeed-arrows-left,
	.instafeed-arrows-right{
		color: #fff;
		font-size: 40px;
		padding: 0 18px;
	}
	.next-concert #table-p,
	.next-rooftop #table-p,
	.main-events-date-text #table-p{
		font-size: 18px;
	}
	#game-watch-carousel{
		width: auto;
	}
	#big-games-home{
		background-color: #000;
		object-fit: contain;
		object-position: top;
	}
	.featured-trivia{
		height: 100%;
	}
	.featured-event-space-p-1{
		font-size: 60px;
	}
	.featured-event-space-p-2{
		font-size: 36px;
	}
/*SOCIAL MEDIA*/
	.social-media-heading{
		font-size: 44px;
	}
	.social-media-container{
		margin: 40px 0;
	}
	.social-media-icons{
		max-width: 400px;
		padding-top: 40px;
	}
	.social-media .icon i {
		font-size: 60px;
	}
	#instafeed img,
	.insta-likes,
	.answers-box,
	.answers-box img{
		height: 400px;
		max-height: 400px;
	}
	.insta-likes:first-child{
		color: green;
	}
	.insta-caption{
		font-size: 24px;
	}
/*FEATURED*/
	.cc-slider-container {
		pointer-events: none !important;
	}
	.featured-main{
		max-width: none;
	}
	.featured-title h2{
		font-size: 90px;
		padding-top: 12px;
		text-shadow: 1px 1px #000,
					-1px -1px #000,
					-1px 1px #000,
					1px -1px #000,
					2px 2px #000,
					-2px -2px #000,
					-2px 2px #000,
					2px -2px #000, 
					3px 3px 9px #B5A267,
					-3px -3px 9px #B5A267,
					-3px 3px 9px #B5A267,
					3px -3px 9px #B5A267,
					4px 4px 9px #B5A267,
					-4px -4px 9px #B5A267,
					-4px 4px 9px #B5A267,
					4px -4px 9px #B5A267;
	}
	.featured-title{
		border: 4px solid #fff;
		padding: 8px;
	}
	.featured-title-container{
		border: 3px dashed #fff;
	}
	.featured-box{
		height: 490px;
		max-height: none;
	}
	.featured-box-info {
	    display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	.featured-box-title{
		align-items: center;
		font-size: 56px;
	}
	.featured-box-title span{
		text-align: center;
	}
	.featured-box-title-opener{
		font-size: 32px;
	}
	.featured-box-details{
		font-size: 32px;
		justify-content: center;
		width: 100%;
	}
	.featured-box-link{
		border: 4px solid #000;
		margin-right: 0;
		width: 200px;
	}
	.featured-box-link-container{
		border: 2px dashed #000;
		font-size: 28px;
		width: calc(100% - 24px);
	}
	.featured-box-link-container i{
		font-size: 26px;
	}
	.featured-scroll{
		border: 5px solid #fff;
		height: 500px;
	}
	.featured-scroll img{
		height: 100%;
		max-height: 490px;
		object-fit: cover;
	}
	#featured-scroll img, #mobile-scroll img{
		object-position: top;
	}
	.slick-dots{
		padding-top: 50px !important;
		width: 150px !important;
	}
	.slick-dots li{
		height: 120px !important;
		width: 40px !important;
	}
	.slick-dots li button:before{
		font-size: 120px !important;
		text-shadow: 1px 1px #fff,
					 -1px -1px #fff,
					 -1px 1px #fff,
					 1px -1px #fff;
	}
	.slick-dots li.slick-active button:before{
		color: #B5A267 !important;
		font-size: 120px !important;
		text-shadow: 1px 1px #fff,
					 -1px -1px #fff,
					 -1px 1px #fff,
					 1px -1px #fff;
	}
/*NEXT TOP AND BOTTOM*/
/*SIDE BOX*/
	.featured-side,
	.featured-side-title{
		height: auto;
	}
	.featured-side-two-boxes{
		display: flex;
		height: auto;
		margin-top: 8px;
	}
	.side-box-info{
		background-color: rgba(0,0,0,.6);
		display: flex;
		bottom: 0;
		color: #fff;
		font-family: 'Roboto Mono', sans-serif;
		min-height: 72px;
		padding: 10px 5px;
		position: absolute;
		width: calc(100% - 10px);
	}
	.rent-the-room-side-box{
		height: 72px;
	}
	.side-box-info-container{
		align-items: center;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		width: calc(100% - 20px);
	}
	.side-box-text{
		font-size: 40px;
	}
	.side-box-artist{
		font-size: 32px;
	}
	.side-box-second{
		font-size: 24px;
	}
	.side-box-time{
		font-size: 28px;
	}
	.side-box-ticket{
		background-color: rgba(0,0,0,.6);
		border: 2px solid #fff;
		transition: .2s;
	}
	.side-box-ticket-p{
		border: 2px dashed #fff;
		font-size: 28px;
		padding: 4px 14px;
		margin: 8px;
		transition: .2s;
	}
	.side-box-ticket-toggle{
		background-color: rgba(0,0,0,.6);
		border: 2px solid #fff;
		cursor: pointer;
		transition: .2s;
	}
	.side-box-ticket-p-toggle{
		border: 2px dashed #fff;
		color: #fff;
		transition: .2s;
	}
	.side-box-date{
		align-items: center;
		background-color: #BBB08B;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		color: #fff;
		display: flex;
		font-family: 'Roboto Mono', sans-serif;
		font-size: 24px;
		height: 60px;
		justify-content: center;
		left: 0;
		padding: 0 20px;
		position: absolute;
		top: 0;
		width: auto;
	}
	.featured-side{
		margin-top: 100px;
		max-width: none;
		width: 100%;
	}
	.featured-side-title{
		border: 5px solid #fff;
		padding: 8px;
	}
	.featured-side-title-container{
		border: 4px dashed #fff;
		padding-top: 12px;
	}
	.featured-side-title-container span{
		font-size: 90px;
		text-shadow: 1px 1px #000,
					-1px -1px #000,
					-1px 1px #000,
					1px -1px #000,
					2px 2px #000,
					-2px -2px #000,
					-2px 2px #000,
					2px -2px #000, 
					3px 3px 9px #B5A267,
					-3px -3px 9px #B5A267,
					-3px 3px 9px #B5A267,
					3px -3px 9px #B5A267,
					4px 4px 9px #B5A267,
					-4px -4px 9px #B5A267,
					-4px 4px 9px #B5A267,
					4px -4px 9px #B5A267;
	}
	.featured-side-boxes{
		align-items: center;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.featured-side-box{
		border: 5px solid #fff;
		height: 400px;
		width: calc(100% - 16px);
	}
	.featured-side-box-bottom{
		margin: 0;
	}
	.this-week{
		margin-top: 140px;
		max-width: none;
		width: 100%;
	}
	.this-week-title{
		border: 5px solid #fff;
		padding: 8px;
	}
	.this-week-title-container{
		border: 4px dashed #fff;
		padding-top: 12px;
	}
	.this-week h3{
		font-size: 90px;
		text-shadow: 1px 1px #000,
					-1px -1px #000,
					-1px 1px #000,
					1px -1px #000,
					2px 2px #000,
					-2px -2px #000,
					-2px 2px #000,
					2px -2px #000, 
					3px 3px 9px #B5A267,
					-3px -3px 9px #B5A267,
					-3px 3px 9px #B5A267,
					3px -3px 9px #B5A267,
					4px 4px 9px #B5A267,
					-4px -4px 9px #B5A267,
					-4px 4px 9px #B5A267,
					4px -4px 9px #B5A267;
	}
	.this-week-box{
		border: 5px solid #fff;
		width: 227px;
	}
	.this-week-box a,
	.this-week-box-no-link{
		width: 100%;
	}
	.this-week-box img{
		height: 100%;
		width: 100%;
	}
	.box-3,
	.box-4{
		margin-top: 5px;
	}
/*INSTAGRAM*/
	#instagram-mobile{
		display: block;
	}
	#instagram-mobile img{
		border: 5px solid #fff;
		width: 314px !important;
	}
/*FAQ*/
	.questions-wrapper,
	.answers-box{
		max-width: 100%;
		width: 95%;
	}
	.lines-header span{
		font-size: 32px;
	}
	.answers p{
		font-size: 32px;
	}
/*CHECK OUT OUR PARTNERS*/
	.partners .main-partners-heading{
		font-size: 40px;
	}
	.partners-container{
		max-width: 95%;
	}
	.partners img{
		max-width: 200px;
	}
	.partners-info p{
		font-size: 20px;
	}
	#joes-rosemont-logo{
		margin-bottom: 10px;
	}
/*MAIN BIO HEADING*/
	.main-bio-heading{
		font-size: 32px;
		text-shadow: -7px 7px 8px #B5A267;
	}
	.main-bio h1{
		font-size: 40px;
	}
	.bio-column-heading{
		font-size: 56px;
	}
	.bio-copy-column{
		height: auto;
		justify-content: space-between;
	}
	#bio-contact{
		padding: 0;
	}
	#bio-newsletter{
		padding-bottom: 5px;
	}
	.bio-copy-sections a,
	.bio-hours,
	.bio-hours p{
		font-size: 24px;
	}
	#bio-phone,
	#bio-email,
	#bio-address,
	.bio-hours{
		padding: 5px 0;
	}
	.bio-copy-sections a, 
	.bio-hours, 
	.bio-hours p{
		font-size: 34px;
	}
	#t-r{
		font-size: 30px;
	}
	#depends{
		font-size: 18px;
	}
	.bio-copy-sections i{
		padding-right: 15px;
	}
	#bio-social i{
		font-size: 40px;
	}
/*FOOTER*/



/***TABLE RESERVATIONS***/
	/*POPUP*/
	.room-popup{
		z-index: 9999;
	}
	.room-popup-bottom{
		padding: 10px 0;
	}
	.room-popup-x {
	    /* FONT-VARIANT: JIS04; */
	    height: 80px;
	    right: -100px;
	    top: 20px;
	    width: 80px;
	}
	.room-popup-form{
		margin-top: 0;
	}
	.room-form-buttons{
		margin-top: 0;
	}

}