/*
Theme Name: 93 Feet East
Theme URI: http://93feeteast.co.uk
Author: digital@trumanbrewery.com
Author URI: https://www.trumanbrewery.com
Description: Theme designed especially for 93 Feet East
Version: 1.0a
Text Domain: 93feeteast.co.uk
*/

@font-face {
font-family: "NinetyThreeSans-Bold";
src: url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-Bold.eot');
src: url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-Bold.eot?#iefix') format('embedded-opentype'),
     url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-Bold.woff') format('woff'),
     url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-Bold.ttf')  format('truetype')
}

@font-face {
font-family: "NinetyThreeSans-Regular";
src: url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-Regular.eot');
src: url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-Regular.eot?#iefix') format('embedded-opentype'),
     url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-Regular.woff') format('woff'),
     url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-Regular.ttf')  format('truetype')
}

@font-face {
font-family: "NinetyThreeSans-SemiBold";
src: url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-SemiBold.eot');
src: url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-SemiBold.eot?#iefix') format('embedded-opentype'),
     url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-SemiBold.woff') format('woff'),
     url('/wp-content/themes/ninetythree/fonts/NinetyThreeSans-SemiBold.ttf')  format('truetype')
}

@font-face {
    font-family: 'DaVinci-Italic';
    src: url('/wp-content/themes/ninetythree/fonts/TRJNDaVinciItalic-Display.eot');
    src: url('/wp-content/themes/ninetythree/fonts/TRJNDaVinciItalic-Display.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/ninetythree/fonts/TRJNDaVinciItalic-Display.woff2') format('woff2'),
        url('/wp-content/themes/ninetythree/fonts/TRJNDaVinciItalic-Display.woff') format('woff'),
        url('/wp-content/themes/ninetythree/fonts/TRJNDaVinciItalic-Display.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fatso';
    src: url('/wp-content/themes/ninetythree/fonts/Fatso-Trial-Regular.eot');
    src: url('/wp-content/themes/ninetythree/fonts/Fatso-Trial-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/ninetythree/fonts/Fatso-Trial-Regular.woff2') format('woff2'),
        url('/wp-content/themes/ninetythree/fonts/Fatso-Trial-Regular.woff') format('woff'),
        url('/wp-content/themes/ninetythree/fonts/Fatso-Trial-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BrettTrial-Regular';
    src: url('/wp-content/themes/ninetythree/fonts/BrettTrial-Regular.eot');
    src: url('/wp-content/themes/ninetythree/fonts/BrettTrial-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/ninetythree/fonts/BrettTrial-Regular.woff2') format('woff2'),
        url('/wp-content/themes/ninetythree/fonts/BrettTrial-Regular.woff') format('woff'),
        url('/wp-content/themes/ninetythree/fonts/BrettTrial-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

html {
    font-size: 100%;
	height: 100%;
    -webkit-text-size-adjust: 100%;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

body {
    font-size: 20px;
    color: #1c1c1b;
    font-family: "NinetyThreeSans-Bold";
	-webkit-font-smoothing: antialiased;
	height: 100%;
	overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
	border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "NinetyThreeSans-Bold";
}

h3 {
	font-size: 18px;
	color: #1c1c1b;
	line-height: 24px;
}

p {
	font-family: "NinetyThreeSans-Regular";
	font-size: 16px;
	color: #1c1c1b;
	line-height: 24px;
}

@media (max-width: 736px) {
	h3 {
		font-size: 16px;
		line-height: 22px;
	}

	p {
		font-size: 14px;
		line-height: 20px;
	}	
}

a {
	color: #860000;
	text-decoration: none;
	transition: all 0.2s linear;
}

a:hover {
	color: #b00000;
	text-decoration: none;
}

#description {
	position: absolute;
	top: -9999px;
	left: -9999px;	
	z-index: -999;
}

@media (min-width: 1652px) {
	.col-xl-5th {
		flex: 0 0 20%;
		max-width: 20%;
	}
}

.container-fluid {
	margin-left: 0px;
	margin-right: 0px;
}

@media (max-width: 1024px) {
	.container-fluid {
		margin-left: 0px;
		margin-right: 0px;
	}

	#about .container-fluid .row {
		padding-left: 20px;
		padding-right: 20px;
	}

	#resident-parties .container-fluid .row {
		padding-left: 20px;
		padding-right: 20px;
	}

	#venue-hire .container-fluid .row {
		padding-left: 0px;
		padding-right: 0px;
	}

	#venue-hire-contact .container-fluid .row {
		padding-left: 20px;
		padding-right: 20px;
	}

	#contact .container-fluid .row {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 990px) {
	.container-fluid {
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media (max-width: 736px) {
	.container-fluid {
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}

	#whatson .container-fluid .row {
		margin-right: -20px !important;
	}

	#about .container-fluid .row {
		margin-right: -10px !important;
		padding-left: 5px;
		padding-right: 5px;
	}

	#resident-parties .container-fluid .row {
		margin-right: -10px !important;
		padding-left: 5px;
		padding-right: 5px;
	}

	#venue-hire .container-fluid .row {
		padding-left: 5px;
		padding-right: 5px;
	}

	#venue-hire-contact .container-fluid .row {
		padding-left: 5px;
		padding-right: 5px;
	}

	#contact .container-fluid .row {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (min-width: 1024px) {
	.wrapper {
		position: fixed;
		display: flex;
		align-items: stretch;
		z-index: 950;
	}
}

.wrapper-overlay {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #1c1c1b;
	opacity: 0.9;
	z-index: 940;
}

#sidebar {
	position: fixed;
	right: 0;
    min-width: 350px;
    max-width: 350px;
	height: 100%;
	min-height: 100vh;
	background-color: #860000;
	margin-right: -350px;
	transition: margin 700ms;
}

#sidebar.active {
    margin-right: 0px;
}

.navbar-left.active {
	margin-left: 350px;	
}

@media (max-width: 1024px) {
	.wrapper {
		display: none;	
	}
}

.navbar-left {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 56px;
	height: 56px;
	background-color: transparent; 
	z-index: 950;
	cursor: pointer;
	margin-right: 0px;
	transition: margin 700ms;
}

.hamburger {
	position: relative;
    display: inline-block;
    cursor: pointer;
	top: 5px;
	left: 7px;
}

.bar1, .bar2, .bar3 {
    width: 37px;
    height: 4px;
    background-color: #fff;
    margin: 8px 0;
    transition: 0.7s;
	filter: drop-shadow(2px 2px 3px rgba(29, 29, 29, 0.5));
}

.bar2 {
    transition: 0.2s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-10px, 9px);
    transform: rotate(-45deg) translate(-10px, 9px);
	height: 4px;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -6px);
    transform: rotate(45deg) translate(-8px, -7px);
	height: 4px;
}

.menu-button {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	cursor: pointer;
}

.menu-button span:nth-child(1){
	display: block;	
}

.menu-button span:nth-child(2){
	display: none;	
}

.menu-button.active span:nth-child(1){
	display: none;	
}

.menu-button.active span:nth-child(2){
	display: block;	
}

.sidebar-nav {
	position: relative;
	top: 80px;
	left: 40px;
}

.sidebar-nav ul {
	margin: 0;
	padding: 0;
}

.sidebar-nav li {
	list-style-type: none;
	font-family: "NinetyThreeSans-Bold";
	font-size: 32px;
	color: #fff;
	line-height: 50px;
}

.sidebar-nav li a.active, .sidebar-nav li a.active:hover {
	color: #1c1c1b;
	cursor: pointer;
	text-decoration: none;
}

.sidebar-nav li a {
	color: #fff;
}

.sidebar-nav li a span {
	color: #b4b4b4;
}

.sidebar-nav li a.active span {
	color: #b4b4b4;
}

.sidebar-nav li a:hover {
	color: #1c1c1b;
	text-decoration: none;
}

.sidebar-nav li a span img {
	height: 32px;
	margin-bottom: 15px;
	filter:invert(100%);
	transition: all 0.2s linear;
}

.sidebar-nav li a:hover span img {
	filter:invert(0%);
	transition: all 0.2s linear;
}

.sidebar-nav li a span img.active {
	filter:invert(0%) !important;
}

.side-social {
    display: inline-block;
	margin-right: 15px;
	margin-top: 30px;
	transition: all 0.2s linear;
}

.side-social img {
	filter: none;
	transition: all 0.2s linear;
}

.side-social:hover img {
	filter: brightness(10%);
	transition: all 0.2s linear;
}

#subscribe {
	position: fixed;
	margin-right: 0px;
	margin-bottom: -500px;
	right: 0px;
	bottom: 0px;
	font-family: "NinetyThreeSans-Bold";
	font-size: 22px;
	color: #fff;
	line-height: 77px;
	transition: margin 700ms;
	z-index: 960;
}

#subscribe.active {
	margin-right: 0px;
	margin-bottom: 0px;
}

#subscribe span {
	margin-left: 0px;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 18px;	
	text-transform: uppercase;
}

.subscribe-title {
	position: absolute;
	bottom: 70px;
	color: #fff;
	margin-left: 40px;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 16px;	
	text-transform: uppercase;
}

.subscribe {
	font-family: "NinetyThreeSans-Regular";
	font-size: 16px;
	white-space: nowrap;
	line-height: 16px;
}

.sub-field {
	height: 56px;
	width: 294px;
	padding-left: 42px;
	color: #b2b2b2;
	border-radius: 0;
	border: none;
	line-height: 17px;
}

.sub-submit {
	background-color: #1c1c1b;
	color: #fff;	
	font-family: "NinetyThreeSans-Regular";
	font-size: 36px;
	height: 56px;
	width: 56px;
	padding-bottom: 7px;
	border: none;
}

@media(orientation: landscape){
	#subscribe-dropdown {
		display: none !important;
	}
}

#subscribe-dropdown {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	font-family: "NinetyThreeSans-Bold";
	font-size: 22px;
	color: #fff;
	line-height: 48px;
	transition: margin 700ms;
	z-index: 960;
}

#subscribe-dropdown.active {
	margin-left: 0px;
}

#subscribe-dropdown span {
	margin-left: 8%;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 14px;	
	line-height: 48px;
	text-transform: uppercase;
}

.sub-drop-field {
	height: 65px;
	width: calc(100% - 65px);
	font-size: 14px;
	padding-left: 27px;
	color: #b2b2b2;
	border-radius: 0;
	border: none;
	line-height: 17px;
}

.sub-drop-submit {
	background-color: #1c1c1b;
	color: #fff;	
	font-family: "NinetyThreeSans-Regular";
	font-size: 36px;
	height: 65px;
	width: 65px;
	padding-bottom: 7px;
	margin: auto;
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
}

@media (min-width: 1025px) {
	#navbar-device, #navbar-device-broad, .dropdown-nav, #brandmark-dropdown, #subscribe-dropdown {
		display: none;
	}
}

@media (max-width: 736px) {
	.navbar-inner {
		margin-left: 30px;
	}	
}

@media (max-width: 1024px) {
#navbar-device {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: transparent;
	box-shadow: none;
	z-index: 939;
	-webkit-transition: top 1s;
  	transition: top 1s;
}

#navbar-device-broad {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	box-shadow: rgb(51, 51, 51) 0px 0px 5px 0px;
	z-index: 939;
	-webkit-transition: top 1s;
  	transition: top 1s;
}

.navbar-inner {
	margin-left: 30px;
}

#brandmark {
	position: relative;
	left: 0px;
	width: 75px;
	height: 75px;
	background-size: 75px;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 1s linear;
}

#brandmark img {
	display: none;
	width: 75px;
	height: 75px;
	transition: all 1s linear;
}

.hamburger-device {
	position: absolute;
	right: 45px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
	transition: all 1s linear;
}

.hamburger-device .bar4, .hamburger-device .bar5, .hamburger-device .bar6 {
    width: 35px;
    height: 4px;
    background-color: #fff;
    margin: 6px 0;
    transition: all 1s linear;
}

#navbar-device-broad .bar4, #navbar-device-broad .bar5, #navbar-device-broad .bar6 {
    width: 35px;
    height: 4px;
    background-color: #1c1c1b;
    margin: 6px 0;
    transition: all 1s linear;
}

.change .bar4 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
	height: 6px;
}

.change .bar5 {opacity: 0;}

.change .bar6 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
	height: 5px;
}

#dropdown-device {
	position: fixed;
	top: 0;
	right: 0;
	margin-right: -100%;
	height: 100%;
	background-color: #860000;
	z-index: 970;
	overflow: hidden;
	transition: all 0.3s linear;
}

#dropdown-device.active {
	margin-right: 0px !important;
}

@media (max-width: 1024px) {
	#dropdown-device {
		width: 67%
	}	
}

@media (max-width: 736px) {
	#dropdown-device {
		width: 100%
	}	
}

.dropdown-nav {
	position: relative;
	top: 8%;
	left: 8%;
}

.dropdown-nav ul {
	margin: 0;
	padding: 0;
}

.dropdown-nav li {
	list-style-type: none;
	font-family: "NinetyThreeSans-Bold";
	font-size: 34px;
	color: #fff;
	line-height: 48px;
}

.dropdown-nav li a.active, .dropdown-nav li a.active:hover {
	color: #1c1c1b;
	cursor: pointer;
	text-decoration: none;
}

.dropdown-nav li a {
	color: #fff;
}

.dropdown-nav li a:hover {
	color: #1c1c1b;
	text-decoration: none;
}

.dropdown-social {
    display: inline-block;
	margin-right: 15px;
	margin-top: 20px;
	transition: all 0.2s linear;
}

#brandmark-dropdown {
	display: none;
	position: relative;
	margin-top: 30px;
	margin-left: 30px;
	width: 60px;
	height: 55px;
	background-size:cover;
	transition: all 1s linear;
}

#brandmark-dropdown img {
	width: 60px;
	height: 55px;
	transition: all 1s linear;
}

.hamburger-dropdown {
	position: absolute;
	right: 8%;
	top: 38px;
	transition: all 1s linear;
	cursor: pointer;
	z-index: 700;
}

.hamburger-dropdown .bar7, .bar8, .bar9 {
    width: 35px;
    height: 4px;
    background-color: #fff;
    margin: 6px 0;
    transition: all 1s linear;
}

.hamburger-dropdown .bar7 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
	height: 6px;
}

.hamburger-dropdown .bar8 {opacity: 0;}

.hamburger-dropdown .bar9 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
	height: 5px;
}

}

.bar10 {
    -webkit-transform: rotate(-45deg) translate(-7px, 0px);
    transform: rotate(-45deg) translate(-7px, 0px);
	width: 40px;
    background-color: #fff;
    margin: 6px 0;
	height: 5px;
}

.bar11 {
    -webkit-transform: rotate(45deg) translate(-7px, -2px);
    transform: rotate(45deg) translate(-7px, -2px);
	width: 40px;
    background-color: #fff;
    margin: 6px 0;
	height: 5px;
}

@media (max-width: 736px) {
	#navbar-device {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#navbar-device-broad {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#brandmark {
		width: 60px;
		height: 55px;
		background-size: 60px;
		left: -10px;
	}

	#brandmark img {
		width: 60px;
		height: 55px;
	}

	.hamburger-device {
		position: absolute;
		right: 8%;
		top: 50%;
		margin-top: -20px;
		transition: all 1s linear;
	}

	.hamburger-device .bar4, .bar5, .bar6 {
		width: 35px;
		height: 4px;
		background-color: #fff;
		margin: 6px 0;
		transition: all 1s linear;
	}

	.dropdown-nav {
		top: 35px;
	}

	.dropdown-nav li {
		font-size: 35px;
		line-height: 52px;
	}

	#brandmark-dropdown {
		width: 60px;
		height: 55px;
	}

	#brandmark-dropdown img {
		width: 60px;
		height: 55px;
	}

	.hamburger-dropdown {
		top: 20px;
	}
}

#navbar-device.scroll {
	background-color: #fff !important;
}

#brandmark img.scroll {
	display: none;
}

.hamburger-device .bar4.scroll, .bar5.scroll, .bar6.scroll {
	background-color: #fff;
}

#navbar-device.disabled {
	display: none !important;
}

.listing-device {
	display: none;
	transition: all 0.2s linear;
}

.listing-device-active {
	display: block !important;
	transition: all 0.2s linear;
}

#logo {
	position: absolute;
	display: block;
	left: 50%;
	transform: translatex(-50%);
	top: 10px;
	z-index: 700;
}

#logo-150 {
	position: absolute;
	display: block;
	left: 50%;
	transform: translatex(-50%);
	top: 10px;
	z-index: 700;
}

#logo img, #logo-150 img {
	width: 160px;
	image-rendering: optimizeQuality;
}

#scroll-arrow {
	display: block;
	position: absolute; 
	bottom: 20px;
	left: 50%;
	margin-left: -20px;
	height: 40px;
	text-align: center;
	z-index: 799;
	opacity: 0.7;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	animation: bounce 2s infinite;
}

#scroll-arrow:hover {
	opacity: 1;
}

#scroll-arrow a {
	cursor: pointer;
}

#scroll-arrow a img, #scroll-arrow img {
	width: 40px;
	height: 40px;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0) rotate(90deg);
	}
	40% {
		transform: translateY(-15px) rotate(90deg);
	}
	60% {
		transform: translateY(-7px) rotate(90deg);
	}
}

@media (max-width: 1024px) {
	#logo, #logo-150 {
		display: none;
	}

	#scroll-arrow {
		bottom: 26px;
		margin-left: -13px;
		height: 26px;
	}
	
	#scroll-arrow a img, #scroll-arrow img {
			width: 26px;
			height: 26px;
	}
}

.logo {
	position: absolute; 
	top: 45px; 
	width: 100%;
	text-align: center;
	z-index: 900;
}

.scroll-arrow {
	display: block;
	position: absolute; 
	bottom: 3%; 
	width: 100%;
	height: 20px;
	text-align: center;
	z-index: 799;
	opacity: 0.5;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.scroll-arrow:hover {
	opacity: 1;
}

.scroll-arrow a {
	cursor: pointer;
}

@media (max-width: 1024px) {
	#home-header {
		display: none;
	}

	.scroll-arrow {
		bottom: 2%; 
		width: 91%;
	}
}

@media (max-height: 389px) {
	.scroll-arrow {
		display: none;
	}
}

@media (max-width: 736px) {
	.scroll-arrow {
		display: none;
	}
}

.accordionjs, .accordionjs * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.accordionjs {
	font-family: "NinetyThreeSans-Bold";
	padding: 0;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	list-style: none;
	background-color: #1c1c1b;
	padding-left: 0px;
}

.accordionjs > li {
	margin-right: -1200px;
    margin-top: 0px;
    padding-left: 0;
}

.accordionjs-select {
	cursor: pointer;
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 10;
}

.accordionjs-title {
	-webkit-transition: all 0.4s ease-out;
}

.accordionjs-title-first {
	display: block;
	position: absolute;
	top: 35px;
	right: 100px;
	width: 20px;
	height: 20px;
	background-color: #fff;
	z-index: 999;
}

.accordionjs-title-first span {
	display: block;
	position: absolute;
	width: 100%;
	white-space: nowrap;
	line-height: 65px;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	z-index: 9;
}

.accordionjs-title span {
	display: block;
	position: absolute;
	top: 35px;
	left: 0px;
	width: 100%;
	white-space: nowrap;
	line-height: 65px;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	z-index: 9;
}

.accordionjs-title i {
    color: #ffffff;
    margin-left: 10px;
    font-size: 18px;
}

.accordionjs-open {
	display: block;
	position: absolute;
	color: #fff;
	width: 25px;
	height: 25px;
	background-image: url(/img/open-white.svg);
	background-size: cover; 
	top: 50%;
	margin-top: -25px;
	white-space: nowrap;
	margin-left: 22px;
	z-index: 8;
	-webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
	-webkit-transition: all 0.4s ease-out;
}

.accordionjs-content {
	position: relative;
	left: -65px;
    color: #333;
    height: 100vh;
    overflow: visible;
	background-color: #1c1c1b;
}

.accordionjs > li,
.accordionjs-title,
.accordionjs-content,
.accordionjs-separator {
	float: left;
}

.accordionjs-select:checked ~ .accordionjs-separator {
	margin-right: 1200px;
	margin-top: 0px;
}

.accordionjs-select:checked ~ .accordionjs-open {
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
}

.accordionjs-title, .accordionjs-select  {
	font-family: "NinetyThreeSans-Bold";
    color: #ffffff;
    width: 65px; 
    height: 500px;
    font-size: 24px;
	letter-spacing: 1.2px;
}

.month {
	font-size: 14px;	
}

.accordionjs > li, .accordionjs-title {
    position: relative;
}

.accordionjs-separator {
    transition: margin 0.3s ease 0.2s;
    -o-transition: margin 0.3s ease 0.2s;
    -moz-transition: margin 0.3s ease 0.2s;
    -webkit-transition: margin 0.3s ease 0.2s;
}

.carousel {
	background-color: #1c1c1b;
	z-index: 2;
}

.carousel-inner {
	background-color: #1c1c1b;
}

.carousel-item {
	width: 100vw;
	height: 100vh;
	background-color: #1c1c1b;
	vertical-align: central;
	background-size: cover;
	background-position: center;
}

@media (max-width: 1024px) and (orientation: portrait) {
	.carousel-item {
		height: 80vh;
	}	
}

@media (max-width: 1024px) and (orientation: landscape) {
	.carousel-item {
		height: 80vh;
	}	
}

@media (max-width: 850px) and (orientation: landscape) {
	.carousel-item {
		height: 100vh;
	}	
}

@media (max-width: 736px) and (orientation: portrait) {
	.carousel-item {
		height: 60vh;
	}	
}

.item-seperate {
	box-shadow: 0px -12px 15px -4px rgba(0, 0, 0, 0.8), 0px 12px 8px -4px rgba(0, 0, 0, 0.8);
}

.carousel-item-bg {
	width: 100%;
	height: 100vh;
	background-position:center;
	-ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	opacity: 0.5;
	z-index: 1;
}

.carousel-item-info {
	position: absolute;
	top: 28%;
	width: 600px;
	margin-left: 20%;
	margin-right: 20%;
	z-index: 9;
}

#accordion li:nth-child(2) .carousel .carousel-inner .carousel-item .carousel-item-info {
	margin-left: calc(20% - 65px);
}

#accordion li:nth-child(3) .carousel .carousel-inner .carousel-item .carousel-item-info {
	margin-left: calc(20% - 130px);
}

#accordion li:nth-child(4) .carousel .carousel-inner .carousel-item .carousel-item-info {
	margin-left: calc(20% - 195px);
}

#accordion li:nth-child(5) .carousel .carousel-inner .carousel-item .carousel-item-info {
	margin-left: calc(20% - 260px);
}

#accordion li:nth-child(6) .carousel .carousel-inner .carousel-item .carousel-item-info {
	margin-left: calc(20% - 325px);
}

@media (max-width: 1024px) and (orientation: landscape) {
	.carousel-item-info {
		position: table-cell;
		left: 0px;
		width: 84%;
		margin-left: 8%;
		margin-right: 8%;
		z-index: 9;
	}	
}

@media (max-width: 1024px) and (orientation: portrait) {
	.carousel-item-info {
		position: table-cell;
		left: 0px;
		width: 84%;
		margin-left: 8%;
		margin-right: 8%;
		z-index: 9;
	}	
}

.carousel-fade .carousel-inner .carousel-item {
    opacity: 0;
    transition-property: opacity;
	transition-duration: .6s;
}
.carousel-fade .carousel-inner .active {
    opacity: 2;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 2;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 2;
}

.carousel-control-prev, carousel-control-next {
    z-index: 2;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .carousel-item.next,
    .carousel-fade .carousel-inner > .carousel-item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.prev,
    .carousel-fade .carousel-inner > .carousel-item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.next.left,
    .carousel-fade .carousel-inner > .carousel-item.prev.right,
    .carousel-fade .carousel-inner > .carousel-item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.event-slide-room {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}

.event-slide-date {
	font-family: "NinetyThreeSans-Bold";
	font-size: 55px;
	line-height: 75px;
	color: #860000;
	padding-top: 40px;
}

.event-slide-title {
	font-family: "NinetyThreeSans-Bold";
	font-size: 65px;
	line-height: 70px;
	color: #fff;
	text-transform: uppercase;
}

.event-slide-more {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 18px;
	color: #b2b2b2;
	text-transform: uppercase;
	padding-top: 20px;
}

.event-slide-more a {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 18px;
	color: #b2b2b2;
	text-transform: uppercase;
	transition: all 0.2s linear;
}

.event-slide-more a:hover {
	color: #860000;
	text-decoration: none;
}

.event-slide-tickets {
	padding-top: 60px;
}

.btn-ticket {
	position: relative;
	font-family: "NinetyThreeSans-SemiBold";
	background-color: #860000;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	border: none;
	border-radius: 10px;
	padding: 15px 60px 12px 50px;
	cursor: pointer;
	transition: all 0.2s linear;
	overflow: hidden;
}

.btn-ticket:hover {
	background-color: #b00000;
}

.btn-ticket-2 {
	font-family: "NinetyThreeSans-SemiBold";
	background-color: #3E1631;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	border: none;
	border-radius: 10px;
	padding: 15px 60px 12px 50px;
	cursor: pointer;
	transition: all 0.2s linear;
}

.btn-ticket-2:hover {
	background-color: #3E1631;
}

.btn-ticket::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: shimmer 2s infinite;
    filter: blur(1px);
    animation-timing-function: ease-in-out;
    pointer-events: none;
    z-index: 1;
    mix-blend-mode: overlay;
}

@media (max-width: 1449px) {
	.event-slide-room {
		font-size: 16px;
		line-height: 60px;
	}

	.event-slide-date {
		font-size: 45px;
		line-height: 60px;
		padding-top: 0px;
	}

	.event-slide-title {
		font-size: 55px;
		line-height: 60px;
	}

	.event-slide-more a {
		font-family: "NinetyThreeSans-SemiBold";
		font-size: 16px;
		color: #b2b2b2;
		text-transform: uppercase;
		transition: all 0.2s linear;
	}

	.event-slide-tickets {
		padding-top: 35px;
	}
}

@media (max-width: 736px) and (orientation: landscape) {
	.event-slide-room {
		font-size: 16px;
		line-height: 40px;
	}

	.event-slide-date {
		font-size: 30px;
		line-height: 35px;
		padding-top: 0px;
	}

	.event-slide-title {
		font-size: 35px;
		line-height: 40px;
	}

	.event-slide-more {
		padding-top: 10px;
	}

	.event-slide-tickets {
		padding-top: 20px;
	}
}

@media (max-width: 736px) and (orientation: portrait) {
	.event-slide-room {
		font-size: 18px;
		line-height: 40px;
	}

	.event-slide-date {
		font-size: 35px;
		line-height: 40px;
		padding-top: 30px;
	}

	.event-slide-title {
		font-size: 40px;
		line-height: 45px;
	}

	.event-slide-more {
		padding-top: 10px;
	}

	.event-slide-tickets {
		padding-top: 30px;
	}

	.btn-ticket {
		width: 100%;
	}
}

.carousel-room-indicators {
	display: none;
	position: absolute;
	bottom: 8%;
	width: 100%;
	margin: auto;
	z-index: 4;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 16px;
	color: #606060;
	z-index: 800;
	text-transform: uppercase;
}

.carousel-room-indicators a {
	color: #606060;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
}

.carousel-room-indicators a:hover {
	color: #fff !important;
}

.carousel-indicators-desktop .active {
	background-color: transparent;
    color: #fff !important;
}

.carousel-indicators-device .active {
	background-color: transparent;
    color: #fff !important;
}

.carousel-indicators-desktop .active:after, .carousel-indicators-device .active:after {
    content: "";
    display: block;/
    margin: auto;
	text-align: center;
	padding-top: 5px;
    width: 30px;
    border-bottom: 4px solid #860000;
}

@media (max-height: 679px) {
	.carousel-indicators-desktop {
		display: none !important;
	}
}

@media(max-width: 736px) and (orientation: portrait){
	.carousel-room-indicators {
		bottom: 2%;
	}
}

@media(max-width: 736px) and (orientation: landscape){
	.carousel-indicators-device {
		display: none;
	}
}

.carousel-indicators-device span:first-child {
	display: none;
}

@media(max-width: 736px){
	.carousel-indicators-device a {
		font-size: 28px;
		color: #fff;
		padding-left: 5px;
		padding-right: 5px;
	}

	.carousel-indicators-device {
		background-color: transparent;
		color: #fff;
		-webkit-text-fill-color: transparent;
	   -webkit-text-stroke-width: 2px;
	   -webkit-text-stroke-color: #fff;
	}

	.carousel-indicators-device .active {
		background-color: transparent;
		color: #860000;
		-webkit-text-fill-color: #860000;
	   -webkit-text-stroke-width: 2px;
	   -webkit-text-stroke-color: #860000;
	}

	.carousel-indicators-device span:first-child {
		display: block;
	}

	.carousel-indicators-device span:last-child {
		display: none;
	}

	.carousel-indicators-device .active:after {
		display: none;	
	}
}

#home-header-device {
	display: none;	
}

@media(max-width: 1024px){
	.carousel-room-indicators {
		width: 88%;
	}

	#home-header-device {
		display: block;	
	}
}

#home-device-featured {
	width: 100vw;
	max-width: 100%;
	height: 70vh;
}

.home-header-controls {
	position: relative;
	width: 100vw;
	background-color: #fff;
	z-index: 100;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 3px;
    box-shadow: 1px 8px 10px -6px #E2E2E2;
	text-align: center;
}

.home-header-controls ol {
	display: table;
	width: 100%;
	margin-left: 0;
	padding-left: 0;
}

.home-header-controls li {
	font-family: "NinetyThreeSans-Bold";
	font-size: 16px;
	color: #1c1c1b;
	display: table-cell;
	text-align: center;
}

.home-header-controls li a {
	font-size: 24px;
	color: #666 !important;
	cursor: pointer;
}

.home-header-controls li a:hover {
	color: #860000 !important;
}

.home-header-controls li .active {
	color: #860000 !important;
}

.month-device {
	display: inline-block;
	font-size: 14px;
}

@media(max-width: 746px){
	.home-header-controls {
		box-shadow: none;
		padding-left: 15px;
		padding-right: 15px;
	}

	.home-header-controls ol li a span {
		display: none !important;
	}

	span.month-device {
		display: none !important;
	}

	.home-header-controls li:nth-child(1), .home-header-controls li:nth-child(2) {
		display: none;
	}

	.home-header-controls li {
		text-align: center;
	}

	.home-header-controls li a {
		font-size: 18px;
		color: #666;
	}
}

@media(max-width: 568px) and (orientation: portrait){
	#home-device-featured {
		height: 80vh;
	}

	.carousel-item {
		height: 80vh;
	}	
}

.whatson-dates {
	margin-left: 0px !important;
}

@media(min-width: 1025px){
	#whatson {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.whatson-title {
		display: none;
		position: absolute;
		top: -150px;
		right: 0px;
		font-family: "NinetyThreeSans-Bold";
		font-size: 24px;	
		color: #FFFFFF;
		letter-spacing: 1.2;
		transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-writing-mode: lr-bt;
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	}

	.whatson-dates .border {
		padding-left: 0px;
		padding-right: 30px;
	}

	.event-whatson-rollover {
		position: relative;
		width: 100%;
		padding-top: calc(100% + 40px);
	}

}

@media(max-width: 1024px){
	#whatson {
		background-image: none;
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media(max-width: 736px){
	#whatson {
		padding-top: 0px;
	}
}

@media(max-width: 1200px){
	.whatson-title {
		display: none;
	}
}

.whatson-dates .border {
	padding-left: 15px;
	border-bottom: 1px solid #7A1815;
	padding-right: 15px;
	border-left: 1px solid #7A1815;
}

.whatson-dates .border2 {
	padding-left: 15px;
	border-bottom: 1px solid #3E1631;
	padding-right: 15px;
	border-left: 1px solid #3E1631;
}

@media(max-width: 768px){
	.whatson-dates .border {
		padding-left: 30px;
		border-bottom: 1px solid #7A1815;
		padding-right: 10px;
	}
	
	.whatson-dates .border2 {
		padding-left: 30px;
		border-bottom: 1px solid #FF7301;
		padding-right: 10px;
	}	
}

@media(max-width: 736px){
	.whatson-dates .border {
		padding-left: 20px;
		border-left: none;
		padding-right: 10px;
	}	
}

@media(min-width: 990px){

}

@media(max-width: 990px){
	.border {
		border-left: none;
		border-top: none;
		border-bottom: none;
	}

	.whatson-dates > .row > .border {
		border-left: none;
		border-top: none;
		border-bottom: none;
	}

	#events-whatson-collapse > .row > .border {
		border-left: none;
		border-top: none;
		border-bottom: none;
	}
}

.event-whatson-slideshow {
	position: absolute;
	top: 0;
	left: 0px;
	margin-left: -20px;
	width: calc(100% + 40px);
	height: calc(100% + 1px);
	background-color: #cdcdcd;
	z-index: 9;
	visibility: hidden;
  	opacity: 0;
  	transition: all 0.3s ease-out;
}	

.event-whatson-slideshow-device {
	display: none;
}

@media(max-width: 1025px){
	.whatson-dates .border{
		border-left: none;
		border-bottom: none;
		border-top: none;
	}
}

@media(max-width: 736px){
	.event-whatson-slideshow-device {
		position: relative;
		display: block;
		width: 100%;
		padding-top: 100%;
		overflow: hidden;
	}

	.event-whatson-slideshow-device ul {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		list-style: none;
		background-color: #cccccc;
		overflow: hidden;
	}
	.event-whatson-slideshow-device li {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		overflow: hidden;
	}
}

.event-whatson-slideshow-device li:nth-child(4) {
  animation: xfade 12s 0s infinite;
}
.event-whatson-slideshow-device li:nth-child(3) {
  animation: xfade 12s 3s infinite;
}
.event-whatson-slideshow-device li:nth-child(2) {
  animation: xfade 12s 6s infinite;
}
.event-whatson-slideshow-device li:nth-child(1) {

}

@media(min-width: 1025px){
	.event-whatson-rollover:hover .event-whatson-slideshow {
		visibility: visible;
  		opacity: 1;
  		transition: all 0.3s ease-in;
	}
}

.event-whatson-slideshow ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.event-whatson-slideshow li {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.event-whatson-slideshow li:nth-child(1) {

}
.event-whatson-slideshow li:nth-child(2) {
	animation: xfade 12s 6s infinite;
}
.event-whatson-slideshow li:nth-child(3) {
	animation: xfade 12s 3s infinite;
}
.event-whatson-slideshow li:nth-child(4) {
    animation: xfade 12s 0s infinite; 
}

@keyframes xfade{
  0%{
    opacity: 1;
  }
  25%{
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.event-whatson-plus {
	position: absolute;
	right: 30px;
	top: 25px;
	z-index: 9;
}

.event-whatson-room {
	position: absolute;
	display: none;
	width: 150px;
	top: 95px;
	right: 0px;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 14px;
	color: #FFF;
	text-align: left;
	text-transform: uppercase;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

@media(max-width: 1024px){
	.event-whatson-plus {
		right: 50px;
		top: 20px;
	}

	.event-whatson-room {
		top: 330px;
		right: -45px;
	}	
}

@media(max-width: 736px){
	.event-whatson-plus {
		right: 20px;
		top: 20px;
	}
}

.event-whatson-details {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

@media(max-width: 1024px){
	.event-whatson-details {
		position: relative;
		top: 0;
		width: 100%;
		height: inherit;
		padding-bottom: 30px;
		overflow: auto;
		clear: both;
	}
}

.event-whatson-details-2 {
	position: relative;
	top: 0;
	width: 100%;
	height: inherit;
	min-height: 330px;
	overflow: auto;
	clear: both;
}

@media(max-width: 1024px){
	.event-whatson-details-2 {
		position: relative;
		top: 0;
		width: 100%;
		height: inherit;
		min-height: auto;
		padding-bottom: 30px;
		overflow: auto;
		clear: both;
	}
}

.event-whatson-img {
	position: relative;
	width: 100%;
	padding-top: 100%;
	background-size: cover;
	background-position: center;
	margin-top: 15px;
	overflow: hidden;
}

.event-whatson-img div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transform: scale(1);
	transition: all .8s;
}

.event-whatson-img:hover div,
.event-whatson-img:focus div {
	transform: scale(1.1);
	transition: all .8s;
}

.event-whatson-img .img-frame {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1s ease, transform .8s ease;
}

.event-whatson-img .img-frame.active {
    opacity: 1;
}

.event-whatson-img:hover .img-frame.active {
    transform: scale(1.1);
}

.event-whatson-date {
	font-family: "NinetyThreeSans-Bold";
	font-size: 28px;
	color: #FFF;	
	line-height: 35px;
	padding-top: 25px;
}

.event-month {
	font-size: 18px;
}

.event-whatson-time {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 14px;
	color: #FFF;	
	line-height: 16px;
	text-transform: uppercase;
	height: 36px;
}

.event-whatson-title {
	font-family: 'Fatso';
	font-size: 22px;
	line-height: 25px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.event-whatson-title-2 {
	font-family: 'BrettTrial-Regular';
	font-size: 20px;
	line-height: 22px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

@media(max-width: 1650px){
	.event-whatson-title {
		-webkit-line-clamp: 4;
	}
	
	.event-whatson-title-2 {
		-webkit-line-clamp: 4;
	}
}


@media(max-width: 1600px){
	.event-whatson-title {
		-webkit-line-clamp: 3;
	}
	
	.event-whatson-title-2 {
		-webkit-line-clamp: 3;
	}
}

@media(max-width: 1400px){
	.event-whatson-title {
		-webkit-line-clamp: 2;
	}
	
	.event-whatson-title-2 {
		-webkit-line-clamp: 2;
	}
}

@media(max-width: 1300px){
	.event-whatson-title {
		-webkit-line-clamp: 1;
	}
	
	.event-whatson-title-2 {
		-webkit-line-clamp: 1;
	}
}

@media(max-width: 1200px){
	.event-whatson-title {
		-webkit-line-clamp: 5;
	}
	
	.event-whatson-title-2 {
		-webkit-line-clamp: 5;
	}
}

@media(max-width: 1100px){
	.event-whatson-title {
		-webkit-line-clamp: 4;
	}
	
	.event-whatson-title-2 {
		-webkit-line-clamp: 4;
	}
}

@media(max-width: 1025px){
	.event-whatson-title {
		-webkit-line-clamp: 3;
	}
	
	.event-whatson-title-2 {
		-webkit-line-clamp: 3;
	}
}

@media(max-width: 992px){
	.event-whatson-title {
		-webkit-line-clamp: 7;
	}
	
	.event-whatson-title-2 {
		-webkit-line-clamp: 7;
	}
}

.event-whatson-lineup, .event-whatson-lineup p {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 18px;
	color: #FFF;	
	line-height: 20px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

@media(max-width: 1710px){
	.event-whatson-lineup, .event-whatson-lineup p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
}

@media(max-width: 1500px){
	.event-whatson-lineup, .event-whatson-lineup p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
}

@media(max-width: 1492px){
	.event-whatson-lineup, .event-whatson-lineup p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}

@media(max-width: 1427px){
	.event-whatson-lineup, .event-whatson-lineup p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
}

@media(max-width: 1336px){
	.event-whatson-lineup, .event-whatson-lineup p {
		display: none;
	}
}

@media(max-width: 1195px){
	.event-whatson-lineup, .event-whatson-lineup p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}
}

@media(max-width: 1024px){
	.event-whatson-lineup, .event-whatson-lineup p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
}

@media(max-width: 992px){
	.event-whatson-lineup, .event-whatson-lineup p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}
}

.event-whatson-links {
    border-top: 1px solid #7A1815;
    border-bottom: none;
    margin-bottom: none;
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: "NinetyThreeSans-Regular";
    font-size: 16px;
    color: #860000;
    background-color: #000;
}

@media(max-width: 1024px){
    .event-whatson-links {
        border-bottom: 1px solid #7A1815;
        margin-bottom: 40px;
    }
}

@media(max-width: 736px){
    .event-whatson-links {
        border-bottom: 1px solid #7A1815;
        margin-bottom: 20px;
    }
}

.event-whatson-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
	overflow: hidden;
}

.event-whatson-links li {
    display: inline-block;
    font-family: "NinetyThreeSans-SemiBold";
    font-size: 16px;
    text-transform: uppercase;
    color: #860000;
    line-height: 35px;
    position: relative;
    overflow: hidden;
}

.event-whatson-links li a {
	color: #860000;
}

.event-whatson-links li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.event-whatson-links li a img {
	filter: none;
	transition: all 0.2s linear;
}

.event-whatson-links li a:hover img {
	filter: brightness(0) invert(1);
	transition: all 0.2s linear;
}

.event-whatson-links li span {
	display: none;
}

.event-whatson-links li span {
	display: none;
}

.event-whatson-links li:not(:last-child) span {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}

.event-whatson-links li::after {
    content: '';
    position: absolute;
    top: 0px;
    left: -50%;
    width: 100%;
    height: calc(100% + 10px);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5));
    animation: shimmer 3s infinite;
	filter: blur(2px);
	animation-timing-function: ease-in-out;
    pointer-events: none;
    z-index: 1;
    mix-blend-mode: overlay;
}

@keyframes shimmer {
    0% {
        left: -200%;
    }
    100% {
        left: 200%;
    }
}

.event-whatson-links-2 {
	border-top: 1px solid #3E1631;
	border-bottom: none;
	margin-bottom: none;
	padding-top: 25px;
	padding-bottom: 25px;
	font-family: "NinetyThreeSans-Regular";
	font-size: 16px;
	color: #3E1631;
	background-color: #000;
}

@media(max-width: 1024px){
	.event-whatson-links-2 {
		border-bottom: 1px solid #3E1631;
		margin-bottom: 40px;
	}
}

@media(max-width: 736px){
	.event-whatson-links-2 {
		border-bottom: 1px solid #3E1631;
		margin-bottom: 20px;
	}
}

.event-whatson-links-2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}

.event-whatson-links-2 li {
	display: inline;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 16px;
	text-transform: uppercase;
	color: #3E1631;
	line-height: 35px;
	position: relative;
	overflow: hidden;
}

.event-whatson-links-2 li a {
	color: #3E1631;
}

.event-whatson-links-2 li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.event-whatson-links-2 li a img {
	filter: none;
	transition: all 0.2s linear;
}

.event-whatson-links-2 li a:hover img {
	filter: brightness(0) invert(1);
	transition: all 0.2s linear;
}

.event-whatson-links-2 li span {
	display: none;
}

.event-whatson-links-2 li:not(:last-child) span {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}

.event-whatson-links-2 li::after {
    content: '';
    position: absolute;
    top: 0px;
    left: -50%;
    width: 100%;
    height: calc(100% + 10px);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5));
    animation: shimmer 3s infinite;
	animation-timing-function: ease-in-out;
	filter: blur(2px);
    pointer-events: none;
    z-index: 1;
    mix-blend-mode: overlay;
}

.event-whatson-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFF 100%) 0% 0% no-repeat padding-box;
}

@media(max-width: 991px){
	.event-whatson-overlay {
		height: 50%;
		background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFF 100%) 0% 0% no-repeat padding-box;
	}
}

@media(max-width: 767px){
	.event-whatson-overlay {
		display: none;
	}
}

.event-whatson-ticket {
	display: inline;	
}

@media (max-width: 1504px) {
	.event-whatson-ticket {
		display: none;	
	}	
}

@media (max-width: 1190px) {
	.event-whatson-ticket {
		display: inline;	
	}	
}

.btn-collapse {
	font-family: "NinetyThreeSans-SemiBold";
	background-color: #860000;
	width: 100%;
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	border: none;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
	transition: all 0.2s linear;
	margin-top: 40px;
	margin-left: 0px;
}

@media (max-width: 1024px) {
	.btn-collapse {
		width: calc(100% - 40px);
		margin-left: 20px;
	}
}

@media (max-width: 768px) {
	.btn-collapse {
		width: calc(100% - 60px);
		margin-left: 30px;
	}
}

@media (max-width: 736px) {
	.btn-collapse {
		width: calc(100% - 15px);
		margin-left: 5px;
	}
}

.btn-collapse:hover {
	background-color: #b00000;
}

#footer {
	background-color: #000000;
	font-family: "NinetyThreeSans-Regular";
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	padding-top: 25px;
	padding-bottom: 8px;
}

@media (max-width: 736px) {
	#footer {
		padding-bottom: 25px;
	}
}

#credit {
	background-color: #000000;
	font-family: "NinetyThreeSans-Regular";
	font-size: 14px;
	color: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
}

#credit a {
	font-family: "NinetyThreeSans-Bold";
	font-size: 14px;
	color: #fff;
	transition: all 0.2s linear;
}

#credit a:hover {
	color: #860000;
	text-decoration: none;
	transition: all 0.2s linear;
}

.credit {
	display: inline-table;
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.credit li {
	display: table-cell;
	width: 50%;
}

.social-desktop {
	display: block;
	text-align: right;
}

.social-device {
	display: none;
	text-align: left;
	
}

ul.footer-social {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	padding-bottom: 0px;
}

.footer-social li {
	display: inline;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.footer-social li img {
	filter: invert(100%) brightness(1000%) grayscale(100%);
	transition: all 0.2s linear;
}

.footer-social li:hover img {
	filter: none;
	transition: all 0.2s linear;
}


@media (max-width: 736px) {
	.social-desktop {
		display: none;
	}

	.social-device {
		display: block;
	}

	ul.footer-social {
		margin: 0;
		padding: 0;
		list-style-type: none;	
		padding-bottom: 22px;
	}

	.footer-social li {
		display: inline;
		padding-left: 0px;
		padding-right: 15px;
	}	
}

#event-detail {
	padding-top: 235px;	
}

.event-detail {
	display: table;
  	margin: 0 auto;
	text-align: left;
	margin-left: 104px;
	width: 100%;
}

.news-detail {
	display: table;
	text-align: left;
	margin-bottom: 42px;
	padding-bottom: 35px;
	border-bottom: 1px solid #d8d8d8;
}

.news-detail:last-child {
	display: table;
	text-align: left;
	margin-bottom: 50px;
	padding-bottom: 70px;
	border-bottom: none;
}

.news-article-detail {
	display: table;
  	margin: 0 auto;
	text-align: left;
	margin-left: 0px;
	width: 100%;
}

.flyer {
	display: table;
  	margin: 0 auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.news-img {
	max-height: 400px;	
	overflow: hidden;
}

.news-img > a > img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
	-webkit-filter: grayscale(100%);
	transition: all 0.2s linear;
}

.news-detail:hover > .news-img > a > img {
    filter: none;
	-webkit-filter: grayscale(0%);
	transition: all 0.2s linear;
}

.event-detail-date {
	font-family: "NinetyThreeSans-Bold";
	font-size: 40px;
	color: #FFFFFF;
	line-height: 43px;
	padding-top: 0px;
}

.news-date {
	font-family: "NinetyThreeSans-Bold";
	font-size: 26px;
	color: #1c1c1b;
	line-height: 30px;
	padding-top: 30px;
}

.news-date a {
	font-family: "NinetyThreeSans-Bold";
	font-size: 26px;
	color: #1c1c1b;
	line-height: 30px;
	padding-top: 30px;
}

.news-date > .month {
	font-family: "NinetyThreeSans-Bold";
	font-size: 18px;
	color: #1c1c1b;
}

.news-article-date {
	font-family: "NinetyThreeSans-Bold";
	font-size: 28px;
	color: #1c1c1b;
	line-height: 43px;
	padding-top: 45px;
}

.event-detail-time {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 16px;
	color: #FFF;
	line-height: 26px;	
}

.event-detail-title {
	font-family: "NinetyThreeSans-Bold";
	font-size: 40px;
	color: #FFFFFF;
	line-height: 44px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 5px;
}

.news-title {
	font-family: "NinetyThreeSans-Bold";
	font-size: 40px;
	color: #860000;
	line-height: 40px;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 25px;
}

.news-article-title {
	font-family: "NinetyThreeSans-Bold";
	font-size: 40px;
	color: #860000;
	line-height: 40px;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 43px;
}

.event-detail-room {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;	
	text-transform: uppercase;
	padding-bottom: 35px;
}

.event-detail-lineup {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 24px;
	color: #FFFFFF !important;
	line-height: 30px;
}

.event-detail-lineup p {
	color: #FFFFFF;
}

.news-content, .news-content p, .news-content div {
	font-family: "NinetyThreeSans-SemiBold" !important;
	font-size: 18px !important;
	color: #1c1c1b !important;
	line-height: 26px !important;
}

.news-article-content, .news-article-content p, .news-article-link {
	font-family: "NinetyThreeSans-SemiBold" !important;
	font-size: 18px;
	color: #1c1c1b;
	line-height: 28px;
}

.cont {
	color: #b2b2b2;
	font-style: italic;
}

a .read-more {
	color: #860000 !important;
	text-decoration: none !important;
	transition: all 0.2s linear;
}

a .read-more:hover {
	color: #b00000 !important;
	text-decoration: none;
}

.news-article-link {
	margin-top: 25px;
	margin-bottom: 90px;
}

.news-article-link a {
	font-family: "NinetyThreeSans-SemiBold";
	color: #860000;
	font-size: 20px;
	text-decoration: none;
	transition: all 0.2s linear;
}

.news-article-link a:hover {
	color: #b00000;
	text-decoration: none;
}

.event-detail-links {
	padding-top: 20px;
}

.event-detail-links ul {
	margin-left: 0;
	padding-left: 0;
}

.event-detail-links li {
	position: relative;
	list-style-type: none;
	display: inline;
	padding-right: 8px;
	overflow: hidden;
}

.event-detail-links li span {
	display: inline-block;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 16px;
	color: #860000;
}

.event-detail-links li span a {
	font-size: 16px;
	color: #860000;
}

.event-detail-links li span a:hover {
	color: #860000;
	text-decoration: none;
}

.event-detail-links ul li a img {
	filter: brightness(100%);
	transition: all 0.2s linear;
}

.event-detail-links ul li a:hover img {
	filter: brightness(110%);
	transition: all 0.2s linear;
}

.event-detail-links li::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    animation: shimmer 2.5s infinite;
    animation-timing-function: ease-in-out;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: overlay;
}

.event-detail-links-2 {
	padding-top: 50px;
}

.event-detail-links-2 ul {
	margin-left: 0;
	padding-left: 0;
}

.event-detail-links-2 li {
	list-style-type: none;
	display: inline;
	padding-right: 8px;
}

.event-detail-links-2 li span {
	display: inline-block;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 16px;
	color: #3E1631;
}

.event-detail-links-2 li span a {
	font-size: 16px;
	color: #3E1631;
}

.event-detail-links-2 li span a:hover {
	color: #3E1631;
	text-decoration: none;
}

.event-detail-links-2 ul li a img {
	filter: brightness(100%);
	transition: all 0.2s linear;
}

.event-detail-links-2 ul li a:hover img {
	filter: brightness(110%);
	transition: all 0.2s linear;
}

.event-detail-tickets {
	padding-top: 30px;
}

.event-detail-share {
	padding-top: 50px;
}

.event-detail-share ul {
	padding-left: 0;
	margin-left: 0;
}

.event-detail-share li {
	position: relative;
	display: inline;
	list-style-type: none;
	font-family: "NinetyThreeSans-Bold";
	font-size: 24px;
	color: #860000;
	padding-right: 2px;
	overflow: hidden;
}

.event-detail-share ul li a img {
	filter: none;
	transition: all 0.2s linear;
}

.event-detail-share ul li a:hover img {
	filter: brightness(130%);
	transition: all 0.2s linear;
}

.event-detail-share li::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    animation: shimmer 2.5s infinite;
    animation-timing-function: ease-in-out;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: overlay;
}

.event-detail-share-2 {
	padding-top: 50px;
}

.event-detail-share-2 ul {
	padding-left: 0;
	margin-left: 0;
}

.event-detail-share-2 li {
	display: inline;
	list-style-type: none;
	font-family: "NinetyThreeSans-Bold";
	font-size: 24px;
	color: #3E1631;
	padding-right: 2px;	
}

.event-detail-share-2 ul li a img {
	filter: none;
	transition: all 0.2s linear;
}

.event-detail-share-2 ul li a:hover img {
	filter: brightness(130%);
	transition: all 0.2s linear;
}

.detail-device-spacing {
	display: none;
}

@media (max-width: 1024px) {
	#event-detail {
		padding-top: 165px;
	}

	.event-detail {
		display: block;
		margin-left: 0px;
		width: auto;
	}

	.news-detail {
		display: block;
		font-family: "NinetyThreeSans-Regular";
		margin-left: 0px;
		width: auto;
		text-align: left;
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px solid #d8d8d8;
	}

	.news-detail:last-child {
		display: block;
		font-family: "NinetyThreeSans-Regular";
		margin-left: 0px;
		width: auto;
		text-align: left;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: none;
	}

	.news-article-detail {
		display: block;
		margin-left: 0px;
		width: auto;
	}

	.event-detail-title {
		line-height: 45px;
	}

	.news-title {
		font-family: "NinetyThreeSans-Bold";
		font-size: 40px;
		color: #860000;
		line-height: 43px;
		text-transform: uppercase;
		padding-top: 25px;
		padding-bottom: 43px;
	}

	.news-article-title {
		line-height: 45px;
	}

	.event-detail-date {
		padding-top: 50px;
	}

	.news-date {
		padding-top: 50px;
	}

	.news-article-date {
		padding-top: 50px;
	}

	.flyer {
		display: inline-block;
	}

	.detail-device-spacing {
		display: block;
	}
}

@media (max-width: 1410px) {
	.event-detail-links li {
		padding-right: 5px;
	}

	.event-detail-links li span {
		/*display: none;*/
	}	
}

@media (max-width: 736px) {
	#event-detail {
		padding-top: 95px;	
		padding-bottom: 0px;
	}

	.event-detail {
		display: block;
	}

	.news-detail {
		display: block;
	}

	.news-article-detail {
		display: block;
	}

	.flyer {
		display: inline-block;
		box-shadow: none;
	}

	.event-detail-date {
		font-size: 27px;
		line-height: 41px;
		padding-top: 20px;
	}

	.news-date {
		font-size: 18px;
		line-height: 41px;
		padding-top: 20px;
	}

	.news-date a {
		font-size: 18px;
		line-height: 41px;
		padding-top: 20px;
	}

	.news-date > .month {
		font-family: "NinetyThreeSans-Bold";
		font-size: 18px;
		color: #1c1c1b;
	}

	.news-article-date {
		font-size: 22px;
		line-height: 40px;
		padding-top: 20px;
	}

	.event-detail-title {
		font-size: 27px;
		line-height: 35px;
		padding-top: 15px;
		padding-bottom: 20px;
	}

	.news-title {
		font-size: 28px;
		line-height: 28px;
		padding-top: 0px;
		padding-bottom: 25px;
	}

	.news-article-title {
		font-size: 32px;
		line-height: 40px;
		padding-top: 0px;
		padding-bottom: 20px;
	}

	.event-detail-lineup {
		font-size: 22px;
		line-height: 28px;
	}

	.news-content, .news-content p, .news-content div {
		font-family: "NinetyThreeSans-SemiBold" !important;
		font-size: 16px !important;
		line-height: 24px !important;
	}

	.news-article-content, .news-article-content p, .news-article-link {
		font-family: "NinetyThreeSans-SemiBold" !important;
		font-size: 16px !important;
		line-height: 28px !important;
	}

	.news-article-link {
		margin-top: 25px;
		margin-bottom: 60px;
	}

	.event-detail-links ul {
		margin-left: 0;
		padding-left: 0;
	}

	.event-detail-tickets {
		padding-top: 20px;
	}

	.event-detail-share ul {
		padding-top: 30px;
		padding-left: 0;
		margin-left: 0;
	}
}

#dates-navbar {
	display: flex;
	position: fixed;
	width: 100%;
	height: 75px;
	left: 0px;
	bottom: 0px;
	background-color: #fff;
	border-left: 2px solid #000000;
	-webkit-box-shadow: inset 0 14px 8px -15px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 14px 8px -15px rgba(0,0,0,1);
    box-shadow: inset 0 14px 8px -15px rgba(0,0,0,1);
	z-index: 10;	
}

#dates-navbar.sticky {
	position: absolute;
	width: 100%;
	height: 75px;
	bottom: 0px;
	left: 0px;
}

#dates-nav-container {
	padding-top: 205px;
}

.dates-navbar-back {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 127px;
	height: 75px;
	background-color: #860000;
	-webkit-box-shadow: inset 0 14px 8px -15px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 14px 8px -15px rgba(0,0,0,1);
    box-shadow: inset 0 14px 8px -15px rgba(0,0,0,1);
	transition: all 0.2s linear;
	overflow: hidden;
}

.dates-navbar-back:hover {
	background-color: #b00000;
}

.dates-navbar-back img {
	margin-left: 50px;
	margin-top: 24px;
	width: 28px;
	height: 28px;
}

.dates-navbar-back::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    animation: shimmer 2.5s infinite;
    animation-timing-function: ease-in-out;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: overlay;
}

.dates-navbar-back-2 {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 127px;
	height: 75px;
	background-color: #3E1631;
	-webkit-box-shadow: inset 0 14px 8px -15px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 14px 8px -15px rgba(0,0,0,1);
    box-shadow: inset 0 14px 8px -15px rgba(0,0,0,1);
	transition: all 0.2s linear;
}

.dates-navbar-back-2:hover {
	background-color: #3E1631;
}

.dates-navbar-back-2 img {
	margin-left: 50px;
	margin-top: 24px;
	width: 28px;
	height: 28px;
}

.dates-navbar-selection {
	margin-left: 130px;
	width: calc(100% - 128px);
  	overflow: hidden;
  	flex-grow: 1;
  	height: 100%;
}

.dates-navbar-selection ul {
	display: flex;
  	align-items: center;
  	height: 100%;
  	overflow-x: auto;
  	white-space: nowrap;
  	padding: 0 15px;
  	margin: 0;
  	scroll-behavior: smooth;
  	list-style: none;
	scrollbar-width: none;
  	-ms-overflow-style: none; 
	cursor: grabbing;
}

.dates-navbar-selection ul::-webkit-scrollbar {
  	display: none;
}

.dates-navbar-selection li {
	list-style-type: none;
  	flex: 0 0 auto;
	text-align: center;
	font-family: "NinetyThreeSans-Bold";
	font-size: 28px;
	color: #666;
	line-height: 36px;
	padding-left: 15px;
	padding-right: 15px;
	cursor: grabbing;
}

.dates-navbar-selection li a {
	color: #666;
	pointer-events: auto;
  	user-select: none;
}

.dates-navbar-selection li a:hover {
	color: #860000;
	text-decoration: none;
}

.dates-navbar-selection li a.active {
	color: #860000;
}

.dates-navbar-selection li a.current-date,
.dates-navbar-selection li a.current-date:hover,
.dates-navbar-selection li a.current-date.active {
  	color: #860000 !important;
}

.dates-navbar-selection li:nth-child(12), .dates-navbar-selection li:nth-child(13), .dates-navbar-selection li:nth-child(14) {
	
}

.dates-navbar-selection ul.dragging {
	cursor: grabbing;
	user-select: none;
}

.dates-navbar-selection li img {
	pointer-events: auto;
  	user-drag: none;
  	user-select: none;
}

@media (max-width: 1024px) and (orientation: landscape) {
	#dates-navbar.sticky {
		position: absolute;
		width: 100vw;
		height: 65px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		overflow: hidden;
	}	
}

@media (max-width: 1024px) and (orientation: portrait) {
	#dates-navbar.sticky {
		position: absolute;
		width: 100vw;
		height: 65px;
		bottom: 0px;
		left: -20px;
		right: 0px;
		overflow: hidden;
	}	
}

@media (max-width: 1024px) {
	#dates-navbar {
		display: block;
		position: fixed;
		width: 100%;
		height: 65px;
		left: 0px;
		bottom: 0px;
		background-color: #fff;
		z-index: 900;	
		-webkit-box-shadow: inset -30px 20px 20px -30px rgba(0,0,0,0.5);
		-moz-box-shadow: inset -30px 20px 20px -30px rgba(0,0,0,0.5);
		box-shadow: inset -30px 20px 20px -30px rgba(0,0,0,0.5);
	}

	#dates-nav-container {
		padding-top: 105px;
	}

	.dates-navbar-back {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 65px;
		height: 65px;
		background-color: #860000;
		box-shadow: none;
		transition: all 0.2s linear;
	}

	.dates-navbar-back:hover {
		background-color: #b00000;
	}

	.dates-navbar-back img {
		margin-left: 19px;
		margin-top: 22px;
		width: 21px;
		height: 21px;
	}
	
	.dates-navbar-back-2 {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 65px;
		height: 65px;
		background-color: #3E1631;
		box-shadow: none;
		transition: all 0.2s linear;
	}

	.dates-navbar-back-2:hover {
		background-color: #3E1631;
	}

	.dates-navbar-back-2 img {
		margin-left: 19px;
		margin-top: 22px;
		width: 21px;
		height: 21px;
	}

	.dates-navbar-selection {
		margin-left: 60px;
		width: 100%;
	}

	.dates-navbar-selection ul {

	}

	.dates-navbar-selection li {
		text-align: center;
		font-family: "NinetyThreeSans-Bold";
		font-size: 24px;
		color: #b2b2b2;
		line-height: 18px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.dates-navbar-selection li a {
		color: #b2b2b2;
	}

	.dates-navbar-selection li a:hover {
		color: #860000;
		text-decoration: none;
	}

	.dates-navbar-selection li a.active {
		color: #860000;
	}

	.dates-navbar-selection .month {
		display: none;
	}
}

@media (max-width: 736px) {
	#dates-navbar.sticky {
		position: absolute;
		width: calc(100% + 10px);
		height: 65px;
		bottom: 0px;
		left: -5px;
		overflow: hidden;
	}

	.dates-navbar-selection li {
		font-size: 20px;
		line-height: 18px;
	}

	.dates-navbar-selection li:nth-child(2), .dates-navbar-selection li:nth-child(4), .dates-navbar-selection li:nth-child(6), .dates-navbar-selection li:nth-child(8), .dates-navbar-selection li:nth-child(10), .dates-navbar-selection li:nth-child(12), .dates-navbar-selection li:nth-child(14) {

	}

	.dates-navbar-back img {
		margin-left: 20px;
		margin-top: 22px;
	}
	
	.dates-navbar-back-2 img {
		margin-left: 20px;
		margin-top: 22px;
	}
}

.about-head {
	height: 50vh;
	min-height: 500px;
	max-height: 700px;
	margin-top: 0px;
	margin-left: 0px;
    background: no-repeat center;
    background-color: #b51435;
    background-attachment: scroll;
    position: relative;
	/*background-image: url('/wp-content/themes/ninetythree/img/video-bg.jpg');*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.about-head .video-play {
	margin-top: 275px;
	margin-left: 0px;
	text-align: center;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #1c1c1b;
	opacity: .2
}

#about-title {
	display: block;
	position: absolute;
	top: 30px;
	right: 0px;
	padding-bottom: 0px;
	font-family: "NinetyThreeSans-Bold";
	font-size: 24px;	
	color: #FFFFFF;
	text-align: left;
	letter-spacing: 1.2;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.play_button {
	width: 120px;
	height: 120px;
	opacity: 1;
}

.play_button:hover {
	opacity: 0.7;
}

@media (max-width: 1024px) { 
	.about-head {
		height: 50vh;
		max-height: 400px;
		margin-top: 95px;
		margin-left: 0px;
	}

	.about-head .video-play {
		margin-top: 200px;
		margin-left: 0px;
		text-align: center;
	}

	#about-title {
		display: block;
		position: relative;
		top: 0px;
		padding-bottom: 20px;
		transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-writing-mode: lr-bt;
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	}

	.play_button {
		width: 90px;
		height: 90px;
		opacity: 1;
	}
}

@media (max-width: 736px) { 
	.about-head {
		height: 50vh;
		max-height: 285px;
		margin-top: 75px;
	}

	.about-head .video-play {
		margin-top: 200px;
		text-align: center;
	}

	.play_button {
		width: 90px;
		height: 90px;
		opacity: 1;
	}
}

#about {
	padding-top: 90px;
	padding-bottom: 70px;
	color: #FFF;
}

.about {
	max-width: 785px;
	text-align: left;
	color: #FFF;
}

.about h1, .about h2, .about h3, .about p {
	color: #FFF;
}

#resident-parties {
	padding-top: 90px;
	padding-bottom: 25px;
	background-color: #f4f4f4;
}

.resident-parties-title {
	display: block;
	position: absolute;
	top: 50px;
	right: -40px;
	font-family: "NinetyThreeSans-Bold";
	font-size: 24px;	
	color: #1c1c1b;
	letter-spacing: 1.2;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.resident-parties-title-device {
	display: none;
}

.parties-col-left {
	padding-right: 80px;	
}

.parties-col-right {
	padding-left: 80px;	
}

.parties-col-middle {
	padding-left: 40px;
	padding-right: 40px;
}

@media (max-width: 1024px) { 
	#about {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	#resident-parties {
		padding-top: 40px;
		padding-bottom: 0px;
	}

	.resident-parties-title {
		display: none;
	}

	.resident-parties-title-device {
		display: block;
		font-family: "NinetyThreeSans-Bold";
		font-size: 24px;	
		color: #1c1c1b;
		letter-spacing: 1.2;
		text-align: center;
		padding-bottom: 60px;
	}

	.parties-col-left {
		padding-right: 15px;
	}

	.parties-col-right {
		padding-left: 15px;	
	}
}

@media (max-width: 736px) { 
	.resident-parties-title-device {
		padding-bottom: 60px;
	}

	.parties-col-left {
		padding-right: 15px;
	}

	.parties-col-right {
		padding-left: 15px;	
	}
}

header.hire-head {
	height: 50vh;
	max-height: 700px;
	min-height: 500px;
	margin-top: 0px;
	margin-left: 0px;
    background: no-repeat center;
    background-color: #121212;
    background-attachment: scroll;
    position: relative;
	/*background-image: url('/wp-content/themes/ninetythree/img/hire-bg.jpg');*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

header.bookings-head {
	height: 50vh;
	max-height: 700px;
	min-height: 500px;
	margin-top: 0px;
	margin-left: 0px;
    background: no-repeat center;
    background-color: #121212;
    background-attachment: scroll;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#hire-title {
	display: block;
	position: absolute;
	top: 50px;
	right: 0px;
	padding-bottom: 0px;
	font-family: "NinetyThreeSans-Bold";
	font-size: 24px;	
	color: #1c1c1b;
	letter-spacing: 1.2;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.hire-text {
	position: absolute;
	width: 650px;
	left: 50%;
	margin-left: -325px;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-family: "NinetyThreeSans-Bold";
	font-size: 40px;
	line-height: 45px;
	color: #fff;
	z-index: 9;
}

#venue-hire {
	padding-top: 90px;
	padding-bottom: 25px;
}

.venue-hire-padding {
	padding-bottom: 60px;
}

.hire-col-right {
	padding-left: 50px;	
}

.hire-col-left {
	padding-right: 50px;
}

.hire-col-right p, .hire-col-left p {
	line-height: 24px;
}

.venue-hire {
	max-width: 785px;
	font-family: "NinetyThreeSans-Bold";
	color: #1c1c1b;
	line-height: 24px;
}

.venue-hire span {
	font-size: 18px;
	color: #1c1c1b;
	line-height: 24px;
}

.venue-hire p {
	line-height: 24px;
}

@media (max-width: 1024px) {
	.venue-hire p {
		text-align: left !important;	
	}
}

.venue-hire-img {
	position: relative;
	width: 100%;
	padding-bottom: 65%;
	background-size: cover;
}

.venue-hire-plus {
	position: absolute;
	right: 30px;
	top: 30px;
}

.venue-hire-room {
	font-family: "NinetyThreeSans-Bold";
	font-size: 28px;
	color: #860000;
	padding-top: 0px;
	padding-bottom: 10px;
}

.view-gallery {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 18px;
	color: #860000;
	line-height: 24px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
}

.view-gallery:hover {
	text-decoration: underline;
}

#venue-hire-contact {
	background-color: #e1e1e1;
	padding-top: 50px;
	padding-bottom: 50px;
	font-family: "NinetyThreeSans-SemiBold";
	color: #1c1c1b;
	font-size: 24px;
	line-height: 30px;
}

.btn-brochure {
	font-family: "NinetyThreeSans-SemiBold";
	background-color: #860000;
	width: 450px;
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	border: none;
	border-radius: 10px;
	padding-top: 18px;
	padding-bottom: 18px;
	cursor: pointer;
	transition: all 0.2s linear;
	margin-top: 0px;
	-webkit-appearance: none;
	margin-bottom: 20px;
}

.btn-brochure:hover {
	background-color: #b00000;
}

@media (max-width: 1024px) {
	.btn-brochure {
		width: 100%;
		font-size: 22px;
		margin-bottom: 20px;
	}	
}

@media (max-width: 736px) { 
	.btn-brochure {
		width: 100%;
		font-size: 22px;
		margin-bottom: 20px;
	}
}

.btn-contact {
	font-family: "NinetyThreeSans-SemiBold";
	background-color: #860000;
	width: 300px;
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	border: none;
	border-radius: 10px;
	padding-top: 18px;
	padding-bottom: 18px;
	cursor: pointer;
	transition: all 0.2s linear;
	margin-top: 0px;
	-webkit-appearance: none;
}

.btn-contact:hover {
	background-color: #b00000;
}

.btn-contact:disabled {
	background-color: #ccc;
	color: #666;
	cursor: default;
	opacity: 0.6;
}

@media (max-width: 767px) { 
	.btn-contact {
		width: 100%;
	}
}

@media (max-width: 1024px) { 
	header.hire-head {
		margin-left: 0px;
	}
	
	header.bookings-head {
		margin-left: 0px;
	}

	#hire-title {
		display: block;
		position: relative;
		text-align: left;
		top: 0px;
		right: 0px;
		padding-bottom: 20px;
		transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-writing-mode: lr-bt;
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	}

	.hire-text {
		position: absolute;
		width: 650px;
		text-align: center;
		font-family: "NinetyThreeSans-Bold";
		font-size: 40px;
		line-height: 45px;
		color: #fff;
		z-index: 9;
	}

	#venue-hire {
		padding-top: 45px;
	}

	.venue-hire-padding {
		padding-bottom: 45px;
	}

	.hire-col-right {
		padding-left: 15px;	
	}

	.hire-col-left {
		padding-right: 15px;
	}

	.venue-hire-room {
		padding-top: 30px;
	}

	.btn-contact {
		margin-top: 45px;
	}
}

@media (max-width: 736px) { 
	header.hire-head {
		height: 90vh;
		max-height: 360px;
	}
	
	header.bookings-head {
		height: 90vh;
		max-height: 360px;
	}

	.hire-text {
		width: 100%;
		left: 0;
		margin-left: 0px;
		padding-left: 10%;
		padding-right: 10%;
		font-size: 28px;
		line-height: 34px;
	}

	#venue-hire {
		padding-top: 10px;
	}

	.venue-hire-padding {
		padding-bottom: 10px;
	}

	.venue-hire {
		font-size: 24px;
		line-height: 30px;
	}

	.venue-hire span {
		display: inline-block;
		font-size: 16px;
		line-height: 22px;
	}

	.venue-hire-img {
		position: relative;
		width: 100%;
		padding-bottom: 65%;
		background-size: cover;
	}

	.venue-hire-plus {
		position: absolute;
		right: 15px;
		top: 15px;
	}

	.venue-hire-room {
		font-family: "NinetyThreeSans-Bold";
		font-size: 24px;
		color: #860000;
		padding-top: 15px;
	}

	#venue-hire-contact {
		padding-top: 35px;
		padding-bottom: 35px;
		font-size: 18px;
		line-height: 24px;
	}

	.btn-contact {
		margin-top: 35px;
	}
}

#contact-title, #gallery-title {
	display: block;
	position: absolute;
	top: 115px;
	right: 0px;
	font-family: "NinetyThreeSans-Bold";
	font-size: 24px;	
	color: #FFFFFF;
	letter-spacing: 1.2;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	z-index: 10;
}

#news-title {
	display: block;
	position: absolute;
	top: 115px;
	right: 0px;
	font-family: "NinetyThreeSans-Bold";
	font-size: 24px;	
	color: #1d1d1b;
	letter-spacing: 1.2;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-writing-mode: lr-bt;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

#contact {
	padding-top: 230px;
	padding-bottom: 120px;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 20px;
	color: #1c1c1b;
	line-height: 28px;
}

.contact-intro {
	font-family: "NinetyThreeSans-Bold";
	font-size: 28px;
	line-height: 29px;
	color: #040404;
	padding-bottom: 70px;
}

.contact-sub {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 22px;
	line-height: 28px;
	color: #040404;
	padding-top: 40px;
}

.contact-intro .submitted {
	display: none;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 28px;
	color: #860000;
	line-height: 34px;
	text-align: center;
	padding-bottom: 40px;
}

.contact-info {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 20px;
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
	padding-bottom: 60px;
}

.view-map {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 16px;
	text-transform: uppercase;
}

.contact-form {
	background-color: #f0f0f0;
	border: solid 1px #f0f0f0;
	border-radius: 0;
	font-family: "NinetyThreeSans-SemiBold";
	color: #FFF;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
}

input.contact-form:focus {
	border: solid 1px #666;
}

textarea.contact-form:focus {
	border: solid 1px #666;
}

input.contact-form::placeholder, textarea.contact-form::placeholder {
  color: #b7b7b7;
}

select {
	margin: 0;      
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.contact-select {
	border: #1c1c1b 1px solid;	
	font-family: "NinetyThreeSans-SemiBold";
	color: #bdbdbd;
	font-size: 16px;
	height: 50px !important;
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
	background-position: calc(100% - 33px) calc(1em + 5px), calc(100% - 25px) calc(1em + 5px), calc(100% - 2.5em) 0.5em;
	background-size: 8px 8px, 8px 8px, 4px 3em;
	background-repeat: no-repeat;
}

ul.contact-social {
	list-style: none;
    padding-left: 0;
}

.contact-social li {
	display: inline;
	padding-left: 7px;
	padding-right: 7px;
}

@media (max-width: 1024px) { 
	#contact-title, #gallery-title {
		display: none;
	}

	#news-title {
		display: none;
	}

	#contact {
		padding-top: 170px;
		padding-bottom: 70px;
	}

	.contact-intro {
		padding-bottom: 40px;
	}

	.contact-info {
		padding-bottom: 30px;
	}
}

@media (min-width: 737px) { 
	.contact-col-left {
		padding-right: 8px;
	}

	.contact-col-right {
		padding-left: 8px;
	}
}

@media (max-width: 736px) { 
	#contact-title, #gallery-title {
		display: none;
	}

	#news-title {
		display: none;
	}

	#contact {
		padding-top: 130px;
		padding-bottom: 45px;
	}

	.contact-intro {
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 50px;
	}

	.contact-info {
		font-family: "NinetyThreeSans-SemiBold";
		font-size: 20px;
		color: #FFF;
		line-height: 28px;
		text-align: center;
		padding-bottom: 40px;
	}

	.contact-sub {
		font-family: "NinetyThreeSans-SemiBold";
		font-size: 18px;
		line-height: 28px;
		color: #040404;
		padding-top: 40px;
	}

	.contact-col-left {
		padding-right: 15px;
	}

	.contact-col-right {
		padding-left: 15px;
	}

	.view-map {
		font-family: "NinetyThreeSans-SemiBold";
		font-size: 16px;
		text-transform: uppercase;
	}

	.contact-form {
		background-color: #f0f0f0;
		border: solid 1px #f0f0f0;
		border-radius: 0;
		font-family: "NinetyThreeSans-SemiBold";
		color: #bdbdbd;
		font-size: 16px;
		padding-top: 20px;
		padding-bottom: 20px;

	}

	select {
		margin: 0;      
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	.contact-select {
		border: #1c1c1b 1px solid;	
		font-family: "NinetyThreeSans-SemiBold";
		color: #bdbdbd;
		font-size: 16px;
		height: 50px !important;
		background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
		background-position: calc(100% - 28px) calc(1em + 5px), calc(100% - 20px) calc(1em + 5px), calc(100% - 2.5em) 0.5em;
		background-size: 8px 8px, 8px 8px, 4px 3em;
		background-repeat: no-repeat;
	}

	ul.contact-social {
		list-style: none;
		padding-left: 0;
	}

	.contact-social li {
		display: inline;
		padding-left: 7px;
		padding-right: 7px;
	}
}

#contact-map {
	position: relative;
	width: 100%;
	height: 350px;
	margin-bottom: 50px;
}

#hire-map {
	position: relative;
	width: 100%;
	height: 350px;
	margin-top: 30px;
	margin-bottom: 5px;
}

#hire-video {
	padding-bottom: 40px;
}


@media(max-width: 767px){
	#hire-video {
		padding-bottom: 40px;
	}
}

#about-video {
	max-width: 785px;
	padding-top: 35px;
	padding-bottom: 0px;
}


@media(max-width: 767px){
	#about-video {
		padding-top: 30px;
		padding-bottom: 0px;
	}
}

#live-video {
	max-width: 785px;
	margin-bottom: 30px;
}


@media(max-width: 767px){
	#live-video {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

.g-recaptcha {
    transform:scale(1);
    transform-origin:0 0;
}

@media (max-width: 736px) { 
	.g-recaptcha {
		transform:scale(0.85);
		transform-origin:0 0;
	}
}

.event-slide-more .more-info-icon {
	filter: contrast(0) sepia(100%) hue-rotate(116deg) brightness(1.1) saturate(0.1);
	transition: all 0.2s linear;
}

.event-slide-more:hover .more-info-icon {
	filter: none;
	transition: all 0.2s linear;
}

#video-wrapper {
	position: relative;
	display: table;
	background-color: #1c1c1b;
	width: 100%;
	padding-top: 100vh;
	overflow: hidden;
	margin-bottom: 0;
	background-size: cover;
}

@media (max-width: 1024px) {
	#video-wrapper {
		margin-top: 95px;
		padding-top: calc(100vh - 95px);
	}
}

@media (max-width: 767px) {
	#video-wrapper {
		margin-bottom: 20px;
	}
}

@media (max-width: 736px) {
	#video-wrapper {
		padding-top: calc(100vh - 75px);
		margin-top: 75px;
	}
}

#video-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}

@media (max-width: 992px) and (orientation: portrait) {
	/*#video-bg {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}*/
}

.whatson-title-device {
	display: none;
}

@media (max-width: 767px) {
	.whatson-title-device {
		display: block;
		position: relative;
		font-family: "NinetyThreeSans-Bold";
		font-size: 28px;	
		color: #FFF;
		letter-spacing: 1.2;
		margin-bottom: 10px;
	}
}

#table-bookings-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: calc(100% - 60px);
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(0,0,0,0.8);
	z-index: 900;
	font-family: "NinetyThreeSans-Regular";
	color: #FFF;
	font-size: 22px;
	line-height: 22px;
	vertical-align: middle;
	margin-bottom: -90px;
	transition: all 0.4s linear;
}

#table-bookings-banner.active {
	margin-bottom: 0px;
	transition: all 0.4s linear;
}

#table-bookings-banner .row .col-10 div {
	display: inline;
}

.table-bookings-btn {
	font-family: "NinetyThreeSans-SemiBold";
	display: inline-block;
	background-color: #860000;
	color: #fff;
	font-size: 22px;
	line-height: 22px;
	border: none;
	padding: 10px 30px 12px 30px;
	cursor: pointer;
	transition: all 0.2s linear;
	margin-left: 30px;
	margin-right: 30px;
}

.table-bookings-btn:hover {
	background-color: #b00000;
}

@media(max-width: 1400px){
	#table-bookings-banner {
		font-size: 20px;
		line-height: 20px;
	}
	
	.table-bookings-btn {
		font-size: 20px;
		line-height: 20px;
		border: none;
		padding: 10px 25px 12px 25px;
	}
}

@media(max-width: 1357px){
	#table-bookings-banner {
		font-size: 18px;
		line-height: 18px;
	}
	
	.table-bookings-btn {
		font-size: 18px;
		line-height: 18px;
		border: none;
		padding: 10px 25px 12px 25px;
	}
}

@media(max-width: 1175px){
	#table-bookings-banner {
		font-size: 14px;
		line-height: 14px;
	}
	
	.table-bookings-btn {
		font-size: 14px;
		line-height: 14px;
		border: none;
		padding: 10px 25px 12px 25px;
	}
}

.table-bookings-close {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 24px;
	line-height: 24px;
	padding-right: 20px;
	cursor: pointer;
}

@media (max-width: 992px) {
	#table-bookings-banner {
		display: none;
	}
}

#video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.info-head {
	/*background-image: url('/wp-content/uploads/2020/09/xvideo-bg.jpg') !important;*/
}

#newsletter-popup {
	display: none;
	position: fixed;
	width: 90%;
	max-width: 600px;
	z-index: 900;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-left: 0px;
	text-align: center;
	border: 1px solid #000;
	-webkit-box-shadow: 10px 10px 26px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 26px -15px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 26px -15px rgba(0,0,0,0.75);
}

#newsletter-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left 0;
	z-index: 895;
	background-color: rgba(0,0,0,0.7);
	cursor: pointer;
}

@media (max-width: 1024px) {
	#newsletter-popup {
		margin-left: 0px;
	}
}

#popup-close {
	position: absolute;
	right: 25px;
	top: 15px;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 28px;
	line-height: 28px;
	color: #1c1c1b;
	cursor: pointer;
}

#newsletter-popup img {
	width: 90px;
}

.popup-title {
	font-family: "NinetyThreeSans-Bold";
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 30px;
	cursor: default;
	color: #1c1c1b;
}

.popup-text {
	font-family: "NinetyThreeSans-Regular";
	font-size: 18px;
	line-height: 20px;
	margin-top: 20px;
	cursor: default;
	color: #1c1c1b;
}

#popup-area-1 {
	position: relative;
	display: block;
	background-color: #FFF;
	padding: 40px;
}

#popup-area-2 {
	position: relative;
	display: block;
	background-color: #860000;
	padding: 20px;
}

.package-title {
	display: block;
	font-family: "NinetyThreeSans-Bold";
	color: #860000;
	font-size: 24px;
	text-transform: uppercase;
	padding-bottom: 5px;
}

.package-price {
	display: block;
	color: #2A2A2A;
	font-size: 16px;
	padding-bottom: 10px;
}

.package-info {
	display: block;
	padding-bottom: 10px;
}

.package-button {
	font-family: "NinetyThreeSans-SemiBold";
	text-align: center;
	background-color: #860000;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 18px;
	color: #FFF;
	border: none;
	cursor: pointer;
	margin-bottom: 40px;
}

#home-carousel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 7;
}

#home-carousel .carousel-inner, #home-carousel .carousel-inner .carousel-item {
	width: 100%;
	height: 100%;
}

#home-carousel .carousel-inner .carousel-item {
	background-size: cover;
	background-position: center;
}

#home-carousel .carousel-indicators {
	position: absolute;
	bottom: 80px;
	left: 0px;
	margin: 0;
	margin-left: -7px;
	width: 100%;
	z-index: 8;
}

.home-carousel-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 6;
	background: rgba(0,0,0,0.3);
}

.search-intro {
	font-family: "NinetyThreeSans-Bold";
	font-size: 28px;
	line-height: 29px;
	color: #FFF !important;
	padding-bottom: 70px;
}

.search-icon {
	position: fixed;
	top: 10px;
	right: 65px;
	width: 40px;
	height: 38px;
	z-index: 950;
	cursor: pointer;
	margin-right: 0px;
	transition: margin 700ms;
}

.search-icon svg {
	width: 40px;
	height: 38px;
	filter: drop-shadow(2px 2px 3px rgba(29, 29, 29, 0.5));
}

.search-bar {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 900;
	height: 56px;
	background-color: #1c1c1b;
	width: 350px;
	margin-top: -56px;
	transition: margin 700ms;
}

.search-box-form {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 56px;
	width: 235px;
	background-color: #FFF;
}

.search-box-form input {
	height: 56px;
	width: 235px;
	border: none;
	background-color: #FFF;
	color: #b2b2b2;
	border-radius: 0;
	border: none;
	line-height: 17px;
	padding-left: 40px;
	font-size: 16px;
	line-height: 16px;
}

.search-bar.active {
	margin-top: 0px;
	transition: margin 700ms;
}

#gallery-swiper {
	position: relative;
	padding-bottom: 35px;
}
	
@media (max-width: 991px) {
	#gallery-swiper {
		margin-top: 95px;
	}
}
	
@media (max-width: 767px) {
	#gallery-swiper {
		margin-top: 75px;
	}
}

#gallery-carousel, #gallery-carousel .carousel {
	width: 100% !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 40px;
	height: 40px;
}

.carousel-indicators {
	margin-top: -50px;
}

.list-inline-item {
	height: 100% !important;
	opacity: 0.5;
}

.list-inline-item:hover {
	opacity: 1;
}
	
.swiper {
	width: 100%;
    height: 100%;
	cursor: grab;
}
	
.swiper-wrapper	{
	width: 100%;
	height: 100vh;
	max-height: 650px;
}

@media (max-width: 991px) {
	.swiper-wrapper	{
		width: 100%;
		height: 100%;
		max-height: auto;
	}
}
	
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background-size: cover;
	background-position: center;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
	
.swiper-slide {
	height: 100%;
	width: fit-content;
}

.swiper-slide img {
	display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
	
.swiper-button-next, .swiper-button-prev {
	color: #FFF;
}

.gallery-thumb {
	width: 100%;
	padding-top: 100%;
	background-size: cover;
	background-position: center;
	z-index: 9;
}

#calendar {
	position: relative;
}

@media (max-width: 767px) {
	#calendar {
		display: none;
	}
}

#calendar-icon {
	position: relative;
	width: 50px;
	filter: invert(1) !important;
}

#calendar-icon.active {
	
}

#calendar-icon.active div img {
	filter: invert(1) !important;
}

#calendar-icon div {
	position: relative;
	display: inline-block;
}

#calendar-icon div img {
	width: 50px;
	cursor: pointer;
	background-color: #FFF;
	padding: 5px;
	border-radius: 5px;
}

#calendar-icon:hover div img, #calendar-icon div:hover img, #calendar-icon div img:hover {
	filter: invert(1);
}

#calendar-tooltip {
	position: absolute;
	display: none;
	right: 0;
	background-color: #000000;
	padding: 15px;
	border: 1px solid #999999;
	width: 350px;
	z-index: 10;
}

#calendar-tooltip.active {
	display: block;
}

.fc-event {
	background-color: #860000 !important;
	border: #860000 !important;
}

.event-whatson-addinfo {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 6;
}

.event-whatson-addinfo ul {
	display: block;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.event-whatson-addinfo ul li {
	display: inline-block;
	text-align: center;
	font-family: "NinetyThreeSans-SemiBold";
  	font-size: 16px;
	line-height: 16px;
  	text-transform: uppercase;
	color: #1c1c1b;
	background-color: #FFF;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px;
	margin-right: 2px;
	vertical-align: top;
}

.event-whatson-addinfo ul li img {
	display: block;
	padding: 0;
	height: 16px;
	filter: invert(1);
}

.event-whatson-addinfo ul li.sold-out {
	background-color: #860000 !important;
	color: #FFF !important;
}

@media (max-width: 991px) {
	.event-whatson-addinfo {
		position: relative;
		padding-top: 0px;
	}
}

.event-detail-addinfo {
	position: relative;
	padding-top: 10px;
}

.event-detail-addinfo ul {
	display: block;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.event-detail-addinfo ul li {
	display: inline-block;
	text-align: center;
	font-family: "NinetyThreeSans-SemiBold";
  	font-size: 16px;
	line-height: 16px;
  	text-transform: uppercase;
	color: #1c1c1b;
	background-color: #FFFFFF;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px;
	margin-right: 2px;
	vertical-align: top;
}

.event-detail-addinfo ul li img {
	display: block;
	padding: 0;
	height: 16px;
	filter: invert(1) contrast(100%);
}

.event-detail-addinfo ul li.sold-out {
	background-color: #860000;
	color: #FFF;
}

.event-whatson-genre {
	position: absolute;
	left: 0;
	bottom: 31px;
}

@media(max-width: 991px){
	.event-whatson-genre {
		position: relative;
		bottom: 0px;
		padding-top: 20px;
	}
}

.event-whatson-genre ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 3;
  	overflow: hidden;
	color: #000;
}

.event-whatson-genre ul li {
	display: inline-block;
	text-align: center;
	font-family: "NinetyThreeSans-SemiBold";
  	font-size: 16px;
	line-height: 16px;
  	text-transform: uppercase;
	color: #1c1c1b;
	background-color: #FFFFFF;
	border: 1px solid #1c1c1b;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px;
	margin-right: 5px;
	vertical-align: top;
}

#livesets-header {
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #1d1d1f;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

#livesets-header-video {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 4;
}

#livesets-header-player {
	width: 100%;
	height: 100%;
}

.player {
	width: 100%;
	height: 100%;
}

#livesets-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30%;
	background: rgb(249,150,186);
	background: linear-gradient(0deg, rgba(249,150,186,0) 0%, rgba(54,54,54,0.8365546902354692) 42%, rgba(28,28,28,1) 87%);
	z-index: 8;
}

#livesets-nowplaying {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	background-color: #860000;
	color: #FFF;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.livesets-nowplaying {
	font-family: "NinetyThreeSans-Bold";
	font-size: 24px;
	line-height: 27px;
	text-transform: uppercase;
	cursor: default;
}

.livesets-nowplaying-artist {
	display: block;
	font-family: "NinetyThreeSans-Bold";
	font-size: 28px;
	line-height: 35px;
	cursor: default;
}

.livesets-nowplaying-date {
	display: block;
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
	cursor: default;
}

@media(max-width: 767px){
	.livesets-nowplaying {
		font-size: 18px;
		line-height: 22px;
	}
	
	.livesets-nowplaying-artist {
		font-size: 22px;
		line-height: 26px;
	}

	.livesets-nowplaying-date {
		font-size: 14px;
		line-height: 22px;
	}
}

.liveset-listing-img {
	display: block;
	position: relative;
	margin-top: 20px;
	width: 100%;
	padding-top: 58%;
	background-size: cover;
	background-position: center;
}

@media(max-width: 767px){
	.liveset-listing-img {
		margin-top: 0px;
	}
}

.liveset-listing-info {
	padding-bottom: 20px;
}

.liveset-listing-title {
	font-family: "NinetyThreeSans-Bold";
	font-size: 22px;
	color: #FFFFFF;
	line-height: 26px;
	padding-top: 10px;
}

.liveset-listing-date {
	font-family: "NinetyThreeSans-SemiBold";
	font-size: 16px;
	color: #666;
	line-height: 26px;
	text-transform: uppercase;
}

.livesetVideoLink {
	cursor: pointer;
}

@media(min-width: 1025px){
	#livesets {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	#livesets .border {
		padding-left: 0px;
		border-left: none;
		padding-right: 30px;
	}
}

@media(max-width: 1024px){
	#livesets {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media(max-width: 736px){
	#livesets {
		padding-top: 15px;
	}
}

#livesets .border {
    padding-left: 20px;
    border-bottom: 1px solid #860000;
    padding-right: 20px;
}

#livesets .border:nth-child(even) {
    border-right: 1px solid #860000;
}

@media(min-width: 1025px){
    #livesets {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    #livesets .border {
        padding-left: 15px;
        border-left: 1px solid #860000;
        padding-right: 15px;
    }
}

@media(max-width: 1024px) {
    #livesets {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media(max-width: 736px){
    #livesets {
        padding-top: 15px;
    }

    #livesets .border {
        padding-left: 15px;
        border-left: none;
        padding-right: 15px;
    }
}

@media(max-width: 990px){
    #livesets .border {
        border-left: none;
        border-top: none;
        border-bottom: none;
    }
}

#livesets .border:nth-child(1), 
#livesets .border:nth-child(4), 
#livesets .border:nth-child(7), 
#livesets .border:nth-child(10), 
#livesets .border:nth-child(13), 
#livesets .border:nth-child(16) {
    border-left: none;
}

.progressbar { 
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 6;
	width: 0%; 
	height: 3px; 
	background-color: #860000; 
}

#floating-player {
	position: fixed;
	right: 0px;
	bottom: -8px;
	z-index: 10;
	background-color: #860000;
	width: 426px;
	margin-bottom: 0px;
	border-radius: 2px;
	-webkit-box-shadow: -1px -1px 3px 0px rgba(0, 0, 0, 0.3);
  	-moz-box-shadow: -1px -1px 3px 0px rgba(0, 0, 0, 0.3);
  	box-shadow: -1px -1px 3px 0px rgba(0, 0, 0, 0.3);
	border-radius: 10px 10px 0px 0px;
	transition: margin 700ms;
	overflow: hidden;
}

#floating-player.active {
	margin-bottom: -232px;
	transition: margin 700ms;
}

@media(max-width: 767px){
	#floating-player {
		display: none;
	}
}

#floating-player-controls {
	display: block;
	position: relative;
	width: 426px;
	background-color: #860000;
	padding: 0px;
	cursor: pointer;
	overflow: hidden;
}

#floating-player-controls ul {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #000;
	color: #FFF;
}

#floating-player-controls ul li {
	display: inline-block;
	float: left;
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: "NinetyThreeSans-Bold";
	font-size: 18px;
	line-height: 18px;
}

#floating-player-controls ul li:last-child {
	text-align: right;
	cursor: pointer;
}

#floating-player-controls::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.4) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    animation: shimmer 2.5s infinite;
    animation-timing-function: ease-in-out;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: overlay;
}

#hide-player {
	font-size: 26px !important;
	line-height: 18px;
	cursor: pointer;
}

#floating-player-video {
	display: block;
	position: relative;
	width: 426px;
	height: 240px;
	background-color: #1d1d1d;
}

ul.filter-group {
	display: inline-flex;
	flex-direction: row;
  	flex-wrap: wrap;
  	list-style-type: none;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

@media(max-width: 767px){
	ul.filter-group {
		display: none;
	}
}

ul.filter-group li {
	white-space: nowrap;
	margin-right: 10px;
	margin-bottom: 4px;
}

ul.filter-group li a {
	text-decoration: none;
	font-family: "NinetyThreeSans-SemiBold";
  	font-size: 16px;
  	text-transform: uppercase;
	color: #FFF;
	border: 1px solid #FFF;
	cursor: pointer;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

ul.filter-group li:hover {
	color: #FFF;
}

ul.filter-group li a:hover, ul.filter-group li a:active {
	color: #FFF;
	background-color: #860000;
	border: 1px solid #860000;
}

.category-is-active {
	color: #FFF !important;
	background-color: #860000 !important;
	border: 1px solid #860000 !important;
}

.see-more-btn, a.see-more-btn {
	position: relative;
	display: inline-block;
	font-family: "NinetyThreeSans-SemiBold";
	background-color: #860000;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
	font-size: 22px;
	line-height: 50px;
	vertical-align: middle;
	text-transform: uppercase;
	text-align: center;
	border: none;
	border-radius: 10px;
	padding-top: 18px;
	padding-bottom: 18px;
	cursor: pointer;
	transition: all 0.2s linear;
	margin-top: 0px;
	-webkit-appearance: none;
	left: 50%;
	transform: translatex(-50%);
	margin-top: 45px;
	overflow: hidden;
}

.see-more-btn-2, a.see-more-btn-2 {
	position: relative;
	display: inline-block;
	font-family: "NinetyThreeSans-SemiBold";
	background-color: #3E1631;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
	font-size: 22px;
	line-height: 50px;
	vertical-align: middle;
	text-transform: uppercase;
	text-align: center;
	border: none;
	padding-top: 18px;
	padding-bottom: 18px;
	cursor: pointer;
	transition: all 0.2s linear;
	margin-top: 0px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	left: 50%;
	transform: translatex(-50%);
	margin-top: 45px;
}

.see-more-btn img, a.see-more-btn img, .see-more-btn-2 img, a.see-more-btn-2 img {
	height: 50px;
}

@media(max-width: 992px){
	.see-more-btn, a.see-more-btn, .see-more-btn-2, a.see-more-btn-2 {
		width: 100%;	
		margin-top: 30px;
	}
}

@media(max-width: 767px){
	.see-more-btn, a.see-more-btn {
		line-height: 22px;
	}
}

.see-more-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: shimmer 2s infinite;
    filter: blur(1px);
    animation-timing-function: ease-in-out;
    pointer-events: none;
    z-index: 1;
    mix-blend-mode: overlay;
}

@media(min-width: 1025px){
	.live-whatson-rollover {
		position: relative;
		width: 100%;
		padding-top: calc(100% + 40px);
	}
}

.live-whatson-slideshow {
	position: absolute;
	top: 0;
	left: 0px;
	margin-left: -20px;
	width: calc(100% + 40px);
	height: calc(100% + 1px);
	background-color: #cdcdcd;
	z-index: 9;
	visibility: visible;
  	opacity: 1;
  	transition: all 0.3s ease-out;
}

@media(min-width: 1025px){
	.live-whatson-rollover:hover .live-whatson-slideshow {
		visibility: hidden;
  		opacity: 0;
  		transition: all 0.3s ease-in;
	}
}

@media(max-width: 1024px){
	.live-whatson-slideshow {
		visibility: hidden;
		opacity: 0;
	}
	
	.live-whatson-rollover:hover .live-whatson-slideshow {
		visibility: hidden;
  		opacity: 0;
	}
}

.live-whatson-slideshow ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.live-whatson-slideshow li {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.live-whatson-slideshow li:nth-child(1) {

}
.live-whatson-slideshow li:nth-child(2) {
	animation: xfade 12s 6s infinite;
}
.live-whatson-slideshow li:nth-child(3) {
	animation: xfade 12s 3s infinite;
}
.live-whatson-slideshow li:nth-child(4) {
    animation: xfade 12s 0s infinite; 
}

.live-link, a.live-link, .live-link:hover, a.live-link:hover, .live-link:active, a.live-link:active {
	color: #3E1631;
}

#alt-bg {
	background-color: #000000;
	color: #FFF;
}

.fc-center, .fc-center h2 {
	color: #1d1d1d;
}

.fc-past {
    background-color: silver;
}

.fc-event.future-post {
    background-color: #ffcc00;
    border-color: #e6b800;
}

.fc-future {
	background-color: #ffcc00 !important;
}

.spotify-embed-wrapper {
	margin-bottom: 0;
	padding: 0;
	line-height: 0;
}

.hire-item {
	padding-top: 5px;
	padding-bottom: 25px;
	cursor: pointer;
	border-bottom: 1px solid #000;
}

.hire-item-title {
	text-transform: uppercase;
	font-size: 22px;
	padding-top: 20px;
}

.arrow {
	transform: rotate(90deg);
	transition: transform 0.3s ease;
}

.collapse.show + .arrow,
.hire-item-title[aria-expanded="true"] .arrow {
	transform: rotate(270deg);
}

.hire-item-text {
	font-family: "NinetyThreeSans-Regular";
	font-size: 16px;
	color: #1c1c1b;
	line-height: 24px;
	font-weight: 400;
}

.hire-info-padding {
	padding-top: 40px;
	padding-bottom: 40px;
}

@media(max-width: 992px){
	.hire-info-padding {
	}
}

@media(max-width: 767px){
	.hire-item-text {
		font-size: 14px;
		line-height: 24px;
	}
	
	.hire-info-padding {
		padding-top: 35px;
		padding-bottom: 35px;
	}
}

.calendar {
	background: #000;
    color: #fff;
    font-family: sans-serif;
}

.calendar-title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
}

.calendar table {
    width: 100%;
    border-collapse: collapse;
}

.calendar th, .calendar td {
    text-align: center;
    height: 40px;
    border: 1px solid #222;
    position: relative;
	font-size: 14px;
	line-height: 14px;
}

.calendar .circle {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #222;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.calendar .circle:hover {
	background: #880000;
}

.calendar .circle:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #fff;
    padding: 6px 10px;
    white-space: pre;
    border: 1px solid #555;
    z-index: 99;
    font-size: 12px;
    white-space: nowrap;
}

.calendar-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}

.calendar-controls button {
    background: #111;
    color: #fff;
    border: none;
    padding: 4px 10px;
    cursor: pointer;
}

.circle-wrapper {
    position: relative;
    display: inline-block;
}

.circle {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #3b3a3a;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.tooltip {
    display: none;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #fff;
    padding: 6px 10px;
    border: 1px solid #555;
    z-index: 1000;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5);
    text-align: left;
    min-width: 150px;
}

.circle-wrapper:hover .tooltip,
.tooltip:hover {
    display: block;
}

.cal-nav {
    outline: none;
    border: none;
    background: none;
}

.cal-nav:focus {
    outline: none;
    box-shadow: none;
}

.calendar td.today .circle {
    background-color: #880000;
    color: white;
}

.calendar td.past {
    background-color: #3b3a3a;
}

.calendar td.past .circle {
    background-color: #3b3a3a;
	border: #d1d1d1 1px solid;
}

.marquee-gallery {
	width: 100%;
	overflow: hidden;
	position: relative;
	line-height: 0;
	margin-bottom: 70px;
}

.marquee-track {
	display: flex;
	flex-wrap: nowrap;
	width: max-content; 
	will-change: transform;
}

.marquee-item {
	flex: 0 0 auto;
	margin-right: 10px;
}

.marquee-item img {
	display: block;
	max-width: 300px;
	max-height: 350px;
	width: auto;
	height: auto;
}

.marquee-clients {
	margin-bottom: 30px;
}

.marquee-clients .marquee-item img {
	width: 200px;
	height: 200px;
	max-width: none;
	padding: 20px;
	border: 1px solid #000;
	margin-right: 20px;
	object-fit: contain;
}

#page-loader {
	position: fixed;
	inset: 0;
	background: #000;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

#page-loader.is-hidden {
	opacity: 0;
	visibility: hidden;
}

#page-loader img {
	width: 160px;
	height: auto;
}

#curator-feed-sydney {
	margin-top: 50px;
}

.crt-widget .crt-post-text {
	font-family: "NinetyThreeSans-Regular";
  	font-size: 16px;
  	color: #1c1c1b;
  	line-height: 20px;
}

.crt-post-fullname {
	display: none !important;
}

.press-head {
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #000;
	overflow: hidden;
	margin-bottom: 40px;
}

.press-head .carousel, .press-head .carousel-inner, .press-head .carousel-item {
    height: 100%;
}

.press-head .slide-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.press-head-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Fatso';
	color: #FFF;
	text-transform: uppercase;
	font-size: 135px;
	line-height: 100px;
	word-break: break-word;
	text-align: center;
	z-index: 3;
}

@media(max-width: 1299px){
	.press-head-title {
		font-size: 90px;
		line-height: 70px;
	}
}

@media(max-width: 1099px){
	.press-head-title {
		font-size: 80px;
		line-height: 60px;
	}
}

@media(max-width: 767px){
	.press-head-title {
		font-size: 55px;
		line-height: 45px;
	}
}

#press {
	position: relative;
	margin-top: 30px;
	padding-left: 60px;
	padding-right: 60px;
}

@media(max-width: 1199px){
	#press {
		padding-left: 0px;
		padding-right: 0px;
	}
}

#press .col-lg-5 {
	padding-right: 40px;
}

.press-article {
	min-height: 100vh;
	padding-bottom: 50px;
	border-bottom: 2px solid #FFF;
	margin-bottom: 50px;
}

@media(max-width: 992px){
	.press-article {
		min-height: auto;
		padding-bottom: 40px;
		border-bottom: 2px solid #FFF;
		margin-bottom: 40px;
	}
}

.press-title {
	position: relative;
	display: block;
	font-family: 'Fatso';
	text-transform: uppercase;
	text-align: left;
	font-size: 110px;
	line-height: 85px;
	margin-bottom: 40px;
	z-index: 4;
}

@media(max-width: 1299px){
	.press-title {
		font-size: 90px;
		line-height: 70px;
	}
}

@media(max-width: 1099px){
	.press-title {
		font-size: 80px;
		line-height: 60px;
	}
}

@media(max-width: 767px){
	.press-title {
		font-size: 55px;
		line-height: 45px;
	}
}

.press-quote {
	position: relative;
	display: block;
	font-family: "NinetyThreeSans-Bold";
	font-size: 40px;
	line-height: 40px;
	letter-spacing: -2px;
	color: #FFF;
	margin-bottom: 40px;
}

@media(max-width: 992px){
	.press-quote {
		font-size: 30px;
		line-height: 30px;
		letter-spacing: -1px;
		color: #FFF;
		margin-bottom: 30px;
	}
}

@media(max-width: 767px){
	.press-quote {
		font-size: 26px;
		line-height: 24px;
		letter-spacing: -1px;
		color: #FFF;
		margin-bottom: 20px;
	}
}

.press-content {
	position: relative;
	display: block;
	font-family: "NinetyThreeSans-Regular";
	color: #FFF;
	font-size: 24px;
	line-height: 22px;
	letter-spacing: -0.5px;
	margin-bottom: 40px;
}

.press-content p {
	font-family: "NinetyThreeSans-Regular";
	color: #FFF;
	font-size: 24px;
	line-height: 22px;
	letter-spacing: -0.5px;
}

@media(max-width: 992px){
	.press-content {
		font-size: 22px;
		line-height: 20px;
		margin-bottom: 30px;
	}

	.press-content p {
		font-size: 22px;
		line-height: 20px;
	}
}


@media(max-width: 767px){
	.press-content {
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 30px;
	}

	.press-content p {
		font-size: 18px;
		line-height: 20px;
	}
}

.press-logo {
	position: relative;
	display: block;
	max-width: 170px;
	margin-bottom: 40px;
}

@media(max-width: 992px){
	.press-logo {
		display: none;
	}
}

.press-link {
	position: relative;
	display: block;
	font-family: "NinetyThreeSans-Bold";
	text-transform: uppercase;
	font-size: 28px;
	line-height: 28px;
	color: #FFF;
	max-width: 280px;
	margin-bottom: 40px;
}

@media(max-width: 767px){
	.press-link {
		font-size: 22px;
		line-height: 22px;
		max-width: 100%;
		margin-bottom: 30px;
	}
}

.press-link a {
	color: #FFF;
	text-decoration: none;
}

.press-gallery {
	position: relative;
	display: block;
}

.press-gallery .gallery-image img {
	margin-bottom: 15px;
}

#press-contact {
	padding-left: 60px;
	padding-right: 60px;
	margin-bottom: 40px;
}

@media(max-width: 1199px){
	#press-contact {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media(max-width: 992px){
	#press-contact {
		font-size: 18px;
		line-height: 20px;
	}
}

#press-contact a, #press-contact div a {
	color: #FFF;
	text-decoration: none;
	font-family: "NinetyThreeSans-Regular";
}

@media(max-width: 992px){
	#press-contact a, #press-contact div a {
		font-size: 18px;
		line-height: 20px;
	}
}

@media(max-width: 767px){
	#press-contact a, #press-contact div a {
		font-size: 16px;
		line-height: 20px;
	}
}

.press-contact-img {
	position: relative;
	width: 100%;
	padding-top: 33%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 40px;
}

.press-contact-title {
	font-family: 'Fatso';
	text-transform: uppercase;
	font-size: 110px;
	line-height: 85px;
	margin-bottom: 30px;
}

@media(max-width: 1299px){
	.press-contact-title {
		font-size: 90px;
		line-height: 70px;
	}
}

@media(max-width: 1099px){
	.press-contact-title {
		font-size: 80px;
		line-height: 60px;
	}
}

@media(max-width: 767px){
	.press-contact-title {
		font-size: 55px;
		line-height: 45px;
	}
}

.press-contact-subtitle {
	display: block;
	position: relative;
	font-family: "NinetyThreeSans-Bold";
	text-transform: uppercase;
	font-size: 22px;
	line-height: 22px;
	margin-top: 30px;
}

@media(max-width: 992px){
	.press-contact-subtitle {
		font-size: 20px;
		line-height: 18px;
		margin-top: 20px;
	}
}

@media(max-width: 767px){
	.press-contact-subtitle {
		font-size: 18px;
		line-height: 20px;
		margin-top: 20px;
	}
}

#press-contact ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 10px;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 30px;
}

@media(max-width: 992px){
	#press-contact ul {
		gap: 10px 10px;
		margin-top: 20px;
	}
}

@media(max-width: 767px){
	#press-contact ul {
		margin-top: 30px;
	}
}

#press-contact ul li a {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
}

#press-contact ul li a div {
	display: flex;
	align-items: center;
}

#press-contact ul li a div img {
	width: 25px;
	height: 25px;
	filter: brightness(0) invert(1);
}

@media(max-width: 767px){
	#press-contact ul li a div img {
		width: 20px;
		height: 20px;
	}
}