@charset "utf-8";
/* CSS Document */

body, html {
    height: 100%;
    background-color:#000000 !important;
    color:#fff;
    font-family: source-sans-pro, sans-serif;
    width: 100%;
}
a, a:link, a:visited, a:active {
	color:#00a0aa;
	transition: color 0.3s;
	text-decoration:none !important;
}
a:focus, a:hover {
	text-decoration:none;
	color: #ffffff;
}
h1, h2 {font-family: bebas-neue, Arial, Helvetica, sans-serif;}


/* NAV DRAWER */
.drawer-title, .drawer-footer, .drawer-nav li {
	font-family: bebas-neue, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-size:20px;
}
.btn-sm {
	font-size:2rem;
	padding:.0rem .5rem;
}
small {
	color:#686868;
	font-size:14px;
}
.landing .btn-primary {
    color:#ffffff;
    background-color: transparent;
    border-color: transparent;
    box-shadow: transparent;
}

/* HEADER */
#topbar {width:100%;}
#topsocials {
	float:right;
	font-size:8px;
	margin:15px;
}
#topsocials a {
	color:#00a0aa;
	transition: opacity 0.5s;
}
.fa-facebook-f:before, .fa-instagram:before {color:#ffffff;}
#topsocials a:hover {opacity:0.5;}
#top-logo {
	width:300px;
	margin:0 auto;
	padding:20px 0;
}
#top-logo img {width:300px;}
#desktopnav {float:left;}
#desktopnav ul {
	list-style-type:none;
	margin:0;
	padding:10px;
}
#desktopnav li {
	display:inline;
	padding:10px;
	text-transform:uppercase;
	font-family:bebas-neue, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
#desktopnav li a, #desktopnav li a:link, #desktopnav li a:visited, #desktopnav li a:active {color:#ffffff;}
#desktopnav li a:hover, #desktopnav li a:focus {color:#00a0aa;}

/* FOOTER */
footer {
	background-color:#424242;
	width:100%;
}
#instafeed h1, #instafeed-m h1, #instafeed-t h1 {
	color:#ffffff;
	text-align:center;
	padding:40px 20px 20px 20px;
	letter-spacing:1px;
}
#instafeed {padding:0px 10px 20px 10px;}
#instafeed-t {padding:0 10px;}
#instafeed-m {
	padding:20px 10px 40px 10px;
	text-align:center;
}
#instafeed iframe, #instafeed-t iframe {width:100% !important;}

/* SUBSCRIBE */
#footsubscribe {
	background-color: #000000;
	padding:30px;
	text-align:center;
}
.subscribe {
	margin: 30px auto 0;
	width:900px;
	color: #00a0aa;
	border-radius:10px;
	-moz-border-radius:10px;
	margin-bottom:20px;
	text-align:center;
}
.subscribe-text {
	font-size:16px;
	font-family: source-sans-pro, Arial, Helvetica, sans-serif;
	color:#ffffff;
	width:1140px;
	margin: 0 auto;
	padding-bottom:20px;
}
.subscribe-text h1 {
	font-family: bebas-neue, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
.subscribe-box {
	background-color: #00a0aa;
	width:1140px;
	margin:0 auto;
	padding:20px;
	height:80px;
}
.OztixSubscribe_EmailLabel {
	text-transform:uppercase;
	width:15%;
	font-family: bebas-neue, sans-serif;
	letter-spacing:1px;
	font-size:20px;
	float:left;
	margin-top: 6px;
	color:#ffffff;
}
#OztixSubscribe_EmailAddress_Input {
	margin-bottom:15px;
	width:67%;
	padding:10px;
	border:none;
	float:left;
}
#OztixSubscribe_Submit_Button {
	background-color:#00a0aa;
	color:#ffffff;
	border:2px solid #ffffff;
	font-family: bebas-neue, sans-serif;
	text-transform:uppercase;
	padding:4px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:24px;
	float:right;
	width:15%;
	margin-top:-2px;
}
#OztixSubscribe_Submit_Button:hover {opacity:0.5;}
#OztixSubscribe_Response {
	font-size:12px;
	color:#ffffff;
	width:100%;
	float:right;
}
#OztixSubscribe_Response {
	font-size:12px;
	color:#ffffff;
	width:100%;
	float:right;
}
#OztixSubscribe_ResponseError {
	font-size:12px;
	color:#ffffff;
	width:100%;
	float:right;
}

/* FAQ */
.faqcollapsible {
  background-color: #00a0aa;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  font-family: bebas-neue, Arial, Helvetica, sans-serif;
}

.faqactive, .faqcollapsible:hover {
  background-color: #424242;
}

.faqcollapsible:after {
  font-family: "Font Awesome 5 Free";
  content: '\f078';
  color: white;
  float: right;
  margin-left: 5px;
  font-weight:900;
}

.faqactive:after {
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  content: "\f077";
}

.faqcontent {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #fff;
  color:#000;
}
.faqcontent p {padding-top:12px;}
#faq {padding-bottom:50px;}

/* CONTACT */
#contact {padding: 50px 0 100px 0;}
.custom-map {
	height: 500px;
	width: 100%;
}
#mapinfo {color:#000000;}
#mapinfo strong {font-size:18px;}

/* VENUE */
#venue {padding: 50px 0;}
#ss-youtube {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
#youtube {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-top:50px;
}
#youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#ss-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ALGOLIA */
.container h1 {
	text-align:center;
	padding:50px 0 0 0;
	color: #ffffff;
	font-size:50px;
	letter-spacing: 8px;
}
.event-feed {padding:50px 0;}

/* MEDIA QUERIES - HIDE & SHOW */
@media screen and (min-width:769px) {#drawer {display:none;}}
@media screen and (max-width:768px) {#desktopnav {display:none;}}
@media screen and (max-width:768px) {
	#instafeed {display:none;}
	#instafeed-t {display:none;}
	#carouselIndicatorsDesktop {display:none;}
}
@media screen and (min-width:769px) and (max-width:1200px) {
	#instafeed-m {display:none;}
	#instafeed {display:none;}
	#carouselIndicatorsMobile {display:none;}
}
@media screen and (min-width:1201px) {
	#instafeed-m {display:none;}
	#instafeed-t {display:none;}
	#carouselIndicatorsMobile {display:none;}
}

/* MEDIA QUERIES */
@media screen and (max-width:575px) {
	.subscribe-text {width: 100%;}
	.subscribe-box {
		width: 100%;
		height:205px;
	}
	.OztixSubscribe_EmailLabel {
		width:100%;
		padding-bottom:10px;
		font-size:24px;
	}
	#OztixSubscribe_EmailAddress_Input {width:100%;}
	#OztixSubscribe_Submit_Button {
		padding:5px;
		width:100%;
	}
    #instafeed-m iframe {width:340px !important;}
    
}
@media screen and (min-width:576px) and (max-width:767px) {
	.subscribe-text {width: 440px;}
	.subscribe-box {
		width: 420px;
		height:205px;
	}
	.OztixSubscribe_EmailLabel {
		width:100%;
		padding-bottom:10px;
		font-size:24px;
	}
	#OztixSubscribe_EmailAddress_Input {width:100%;}
	#OztixSubscribe_Submit_Button {
		padding:5px;
		width:100%;
	}
}
@media screen and (min-width:768px) and (max-width:992px) {
	.subscribe-text {width: 440px;}
	.subscribe-box {
		width: 420px;
		height:205px;
	}
	.OztixSubscribe_EmailLabel {
		width:100%;
		padding-bottom:10px;
		font-size:24px;
	}
	#OztixSubscribe_EmailAddress_Input {width:100%;}
	#OztixSubscribe_Submit_Button {
		padding:5px;
		width:100%;
	}
}
@media screen and (min-width:993px) and (max-width:1200px) {
	.subscribe-text {width:100%}
	.subscribe-box {width: 100%;}
}
@media screen and (min-width:1201px) {}