@font-face {
font-family: GlacialBold;
font-weight: bold;
src: url("/GlacialIndifference-Bold.otf");
}


@font-face {
font-family: Glacial;
src: url("/GlacialIndifference-Regular.otf");
}


/*
FONTS AND TEXTS
*/

.playfair-contact-item
{
	font-family: Roboto;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	font-size: 16px;
}

.playfair-menu-item-text
{
	font-family: GlacialBold;
	font-size: 18px;
	width: auto;
	line-height: 70px;
	vertical-align: middle;
	text-align: center;
	color: white;
	letter-spacing: 0.7;
}

.playfair-grid-date-text {
    color: white;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
}

.playfair-grid-title-text {
    color: white;
    font-family: Roboto;
    font-weight: 500;
    letter-spacing: 1;
    font-size: 22px;
    text-align: left;
    line-height: 1.1;
}

a 
{
	text-decoration: none;
}

a:link
{
	color: white;
}

a:visited
{
	color: white;
}

a:hover
{
	color: white;
}

a:active
{
	color: white;
}

.playfair-upper-link:link
{
	color: #a1c3fc !important;
}

.playfair-upper-link:visited
{
	color: #a1c3fc !important;;
}

.playfair-upper-link:hover
{
	color: #d6e5ff !important;;
}

.playfair-upper-link:active
{
	color: #d6e5ff !important;;
}

.playfair-mobile-menu-text
{
	font-family: GlacialBold;
    font-size: 22px;
    width: auto;
    vertical-align: middle;
    text-align: center;
    color: white;
    z-index: 999;
    letter-spacing: 0.7;
}

.playfair-event-text-banner
{
	display: table-cell;
	position: relative;
	width: 80%;
	font-family: Glacial;
	font-weight: 400;
	font-size: 22;
	color: white;
	padding-left: 14%;
	padding-right: 14%;
	margin-top: 250px;
	overflow: hidden;
	vertical-align: middle;
	align-self: center;
	text-shadow: 0 0 5px #000000;
}

.playfair-there-label-text
{
	color: white;
    font-family: Glacial;
    font-weight: 400;
    font-size: 18px;
	text-transform: uppercase;
}

/*
STYLES
*/

body
{
	display: block;
	margin: 0px;
	min-height: 100vh;
	background-color: #000010;
}

html
{
	background-color: #000010;
	color: white;
}


.playfair-navbar
{
	position: fixed;
	display: block;
	height: 70px;
	background: black;
	z-index: 1000;
	width: 100%;
	top: -3px;
	left: 0px;
}

.playfair-wide-container
{
	display: block;
	margin: auto;
	width: 97%;
	overflow: hidden;
	min-height: 22px;
}

.playfair-logo
{
	margin-top: 13px;
	float: left;
	height: 45px;
	width: 45px;
}

.playfair-menu-container
{
	position: relative;
	width: auto;
	float: right;
	height: 70px;
}

.playfair-menu-item
{
	display: inline-block;
	position: relative;
	margin-left: 20px;
	width: 110px;
	height: 70px;
	overflow: hidden;
	cursor: pointer;
	top: 0px;
}

.playfair-menu-item:hover
{
	height: 68px;
	border-bottom: 2px solid white;
}

.playfair-menu-item-active
{
	height: 68px;
	border-bottom: 2px solid white;
}

.playfair-past-events-title
{
	display: inline;
	font-family: GlacialBold;
	font-weight: 400;
	font-size: 26px;
	color: white;
	padding: 40 0 40 30;
	float: left;
	width: 100%;
	text-transform: uppercase;
}

.playfair-content-container
{
	display: table;
	background-color: #000010;
	width: 100%;
	min-height: calc( 100vh - 140px);
	padding-bottom: 70px;
}

.playfair-content-bg
{
	display: block;
	position: absolute;
	top: 67px;
	background-image: url('/inc/img/banner3.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
}

.playfair-content-bg-gradient
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
    background: linear-gradient(to bottom, rgba(0, 4, 27, 0.45) 0%, rgba(0, 0, 16, 1) 100%);
}

.playfair-bg-sizer
{
	max-width: 100%;
	max-height: 100vh;
	border: 0;
	visibility: hidden;
}

.playfair-grid-container
{
	display: block;
	position: relative;	
	font-size: 0;
	max-width: 1100px;
	margin: auto;
	
}



.playfair-grid-item
{
	display: inline-block;
	position: relative;
	height: 375px;
	width: 275px;
	background-size: cover;
	background-position: center;
	font-size: 0;
	float: left;
	background-color: #434d59;
	//transition: 0.3s all ease-in-out;
}

.playfair-grid-content
{
	display: inline-block;
	position: relative;
	//background: rgba(0,0,0,0.4);
	height: 100%;
	width: 100%;
	transition: 0.3s all ease-in-out;
	cursor: pointer;
}



.playfair-grid-content-inactive
{
	display: inline-block;
	position: relative;
	//background: rgba(0,0,0,0.4);
	height: 100%;
	width: 100%;
	cursor: pointer;
}

.playfair-hide-info
{
	position: absolute;
	opacity: 1;
	transition: 0.3s all ease-in-out;
	width: 100%;
	height: 100%;
}



.playfair-grid-overlay
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	
	background: moz linear gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: webkit linear gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

.playfair-grid-overlay-inactive
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(80,80,80,0.5);
}




.playfair-grid-date
{
	display: block;
	position: absolute;
	top: 340px;
	left: 16px;
	//background-color: #325d7f;
	padding: 3px;
}

.playfair-there-label {
    display: block;
    position: absolute;
    top: 228px;
    left: 16px;
    background-color: #0066F9;
    padding: 5 10 5 10;
}

.playfair-grid-title {
    display: block;
    position: absolute;
    top: 268px;
    left: 16px;
	padding-right: 16px;
}

.playfair-mobile-menu-button-holder
{
	display: block;
	position: relative;
	width: auto;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

#playfair-mobile-menu-button
{
	width: 25px;
	height: 30px;
}

.playfair-mobile-menu
{
	display: none;
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,0.9);
	float: right;
	top: 69px;
	left: 0px;
	z-index: -1;
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
	transform-origin: top;
}

.playfair-mobile-menu-item
{
	padding: 10px;
}

.playfair-container 
{
	display: block;
	margin: auto;
	width: 97%;
	color: white;
	overflow: hidden;
}


.playfair-footer-section
{

	right: 0;
	bottom: 0;
	left: 0;
	background: #040a1d;
	width: 100%;
	height: 70px;
}

.playfair-footer-contact
	{
	display: inline-block;
	float: left;
	width: 100%;
	margin-top: 25px;
	}

.playfair-fading
{
	opacity: 0.6;
}

.playfair-fading:hover
{
	opacity: 1;
}

.playfair-footer-social
{
	display: inline-block;
	float: right;
	width: auto;
	height: 38px;
	margin-top: 25px;
}


.playfair-footer-icon
{
	width: 24px;
	height: 24px;
}


@media (min-width: 0px)
{
	.playfair-event-text-banner
	{
		padding: 40px;
	}
	
	.playfair-footer-section
	{
		height: 220px;		
	}
	
	.playfair-social-item
	{
	display: inline-block;
	position: relative;
	margin-right: 3px;
	height: 38px;
	margin-top: -2px;
	overflow: visible;
	}
	
	.playfair-footer-social
	{
		float: left;
		margin-left: 15px;
	}
	
	.playfair-grid-container
	{
		max-width: 275px;
	}
	
	.playfair-menu-container
	{
		display: none;
	}
	
	.playfair-mobile-menu-button-holder
	{
		display: block;
	}
	
	.playfair-contact-item 
	{
		margin: 5px 0 5px 0;
		width: 100%;
	}
}

@media (min-width: 767px)
{
	
	.playfair-footer-section
	{
		height: 70px;
		padding-left: 0px;
	}
	
	.playfair-social-item
	{
	display: inline-block;
	position: relative;
	margin-right: 3px;
	height: 38px;
	margin-top: -2px;
	overflow: visible;
	}

	.playfair-footer-social
	{
	margin-left: 0px;
	float: right;
	}
	
	.playfair-footer-contact
	{
	display: inline-block;
	float: left;
	width: auto;
	padding-left: 0px;
	}
	
	.playfair-grid-container
	{
		max-width: 550px;
	}
		
	.playfair-contact-item 
	{
		margin: 0 30px 0 0;
		width: auto;
	}
}

@media (min-width: 1023px)
{
	.playfair-hide-info:hover
	{
	opacity: 0;
	transition: 0.3s all ease-in-out;
	}

	.playfair-grid-content:hover
	{
	//background: rgba(0,0,0,0);
	opacity: 0;
	}
	
	.playfair-event-text-banner
	{
		padding: 0px;
		padding-left: 14%;
		padding-right: 14%;
	}
	
	.playfair-mobile-menu-button-holder
	{
		display: none;
	}
	
	.playfair-menu-container
	{
		display: block;
	}
	
	.playfair-grid-container
	{
		max-width: 825px;
	}
	
	.playfair-container 
	{
		display: block;
		position: relative;
		margin: auto;
		width: 100%;
		color: white;
		overflow: hidden;
	}
}

@media (min-width: 1200px)
{
	.playfair-grid-container
	{
		max-width: 1100px;
	}
	
	.playfair-wide-container
	{
		width: 1180px;
	}
	
	.playfair-grid-item
	{
		float: left;
	}
	
	.playfair-container 
	{
		display: block;
		position: relative;
		margin: auto;
		width: 1080px;
		color: white;
		overflow: hidden;
	}
}