/*
Theme Name: BlankSlate
*/


/* the test */

@font-face {
	font-family: "brutal_type";
	src: url("/wp-content/uploads/BrutalType/brutaltype-thin-webfont.woff2") format("woff2"), url("/wp-content/uploads/BrutalType/brutaltype-thin-webfont.woff") format("woff");
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: "brutal_type";
	src: url("/wp-content/uploads/BrutalType/brutaltype-extralight-webfont.woff2") format("woff2"), url("/wp-content/uploads/BrutalType/brutaltype-extralight-webfont.woff") format("woff");
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: "brutal_type";
	src: url("/wp-content/uploads/BrutalType/brutaltype-light-webfont.woff2") format("woff2"), url("/wp-content/uploads/BrutalType/brutaltype-light-webfont.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "brutal_type";
	src: url("/wp-content/uploads/BrutalType/brutaltype-webfont.woff2") format("woff2"), url("/wp-content/uploads/BrutalType/brutaltype-webfont.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "brutal_type";
	src: url("/wp-content/uploads/BrutalType/brutaltype-medium-webfont.woff2") format("woff2"), url("/wp-content/uploads/BrutalType/brutaltype-medium-webfont.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "brutal_type";
	src: url("/wp-content/uploads/BrutalType/brutaltype-bold-webfont.woff2") format("woff2"), url("/wp-content/uploads/BrutalType/brutaltype-bold-webfont.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "brutal_type";
	src: url("/wp-content/uploads/BrutalType/brutaltype-extrabold-webfont.woff2") format("woff2"), url("/wp-content/uploads/BrutalType/brutaltype-extrabold-webfont.woff") format("woff");
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: "brutal_type";
	src: url("/wp-content/uploads/BrutalType/brutaltype-black-webfont.woff2") format("woff2"), url("/wp-content/uploads/BrutalType/brutaltype-black-webfont.woff") format("woff");
	font-weight: 900;
	font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
.clear {
	clear: both
}
.sticky {}
.bypostauthor {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
.alignright {}
.alignleft {}
.aligncenter {}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important
}
* {
	margin: 0;
	padding: 0;
	letter-spacing: 0.01rem;
}
*:before {
	/*z-index: 10;*/
}
html, body {
	position: relative;
	background-color: #111111;
	color: #fff;
	width: 100%;
	height: 100%;
	font-family: brutal_type;
	font-size: 62.5%;
}
body * {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.site-menu {
	position: absolute;
	width: 100%;
	z-index: 88;
	pointer-events: none;
}
.menu-background {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(17, 17, 17, 0);
	-webkit-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
  pointer-events: none;
}
.menu-open {
	background-color: rgba(17, 17, 17, 0.95);
	-webkit-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
	position: fixed;
  pointer-events: all !important;
}
.menu-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 5rem;
	pointer-events: none;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.menu-logo {
	width: 9.1rem;
	display: inline-block;
  pointer-events: all !important;
}
.menu-back {
	font-size: 1.2rem !important;
	padding: 0.6rem !important;
	margin: 0 !important;
	margin-left: 5rem !important;
	color: #9c9c9c !important;
	border-color: #9c9c9c !important;
	border-width: 0.2rem;
	box-shadow: inset 0 0 0 0 #9c9c9c !important;
	pointer-events: auto;
}
.menu-back:hover {
	box-shadow: inset 0 10rem 0 0 #9c9c9c !important;
	color: black !important;
	border-color: #9c9c9c !important;
}
.menu-icon {
	pointer-events: auto;
	display: block;
	margin-left: auto;
}
.menu-items {
	display: block;
	position: relative;
	width: 100%;
	margin: auto;
	margin-top: 2rem;
	pointer-events: none;
}
.menu-item:before {
	display: block;
}
.menu-item {
	display: none;
	clear: right;
	float: right;
  pointer-events: all;
	font-size: 1.4rem !important;
	letter-spacing: 0.1rem !important;
	font-weight: 800 !important;
	margin: 0.7rem !important;
	padding: 1.2rem !important;
	border: none !important;
}

/* MAIN */

.main-container {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.block-container {
	position: relative;
	float: left;
	width: 33.3%;
	width: calc(100/3);
	height: 100%;
}
.block-container:first-of-type {
	width: 33.4%;
}

.block-container-img {
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.block-container canvas {
	position: absolute;
	display: block;
	z-index: 3;
}
.block-container .overlay {
	background: rgba(0, 0, 0, 0.9);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
}
#bookings .block-container-img {
	background-image: url("/wp-content/uploads/2016/12/main-left.jpg");
}
#events .block-container-img {
	background-image: url("/wp-content/uploads/2016/12/main-center.jpg");
}
#records .block-container-img {
	background-image: url("/wp-content/uploads/2016/12/main-right.jpg");
}
.block-container-content {
	position: absolute;
	z-index: 6;
	height: 100%;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-justify-content: center;
	-webkit-align-items: center;
	text-align: center;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.block-container-heading {
	margin-right: auto !important;
	margin-left: auto !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	font-weight: 900 !important;
	letter-spacing: 0.1rem !important;
	padding: 2.5rem !important;
	font-size: 2.8rem !important;
	border: 0 !important;
	cursor: pointer;
}
.block-title-hover {
	font-size: 3.5rem !important;
	box-shadow: inset 0 10rem 0 0 white !important;
	color: black !important;
	border-color: white !important;
	-webkit-animation-name: example;
	-webkit-animation-duration: 1ms;
	-webkit-animation-name: animateheader;
	animation-name: animateheader;
	animation-duration: 1ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}
.block-container-sub {
	margin-top: -1rem;
	font-size: 1.2rem;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	font-weight: 400;
	letter-spacing: 0.01rem;
	filter: alpha(opacity=50);
	cursor: pointer;
}

/* buttons */

.slap-button {
	text-decoration: none;
	color: white;
	padding: 2rem;
	margin: 2.5rem;
	border: 2px solid white;
	letter-spacing: 0.1rem;
	display: inline-block;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	cursor: pointer;
	box-shadow: inset 0 0 0 0 white;
	-webkit-transition: all ease 0.3s, font-size 1ms;
	transition: all ease 0.3s, font-size 1ms;
}
.slap-button:hover {
	box-shadow: inset 0 10rem 0 0 white;
	color: black;
	border-color: white;
	-webkit-animation-name: example;
	-webkit-animation-duration: 1ms;
	-webkit-animation-name: animateheader;
	animation-name: animateheader;
	animation-duration: 1ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}
.slap-button a {
	color: inherit;
	text-decoration: none;
  margin-bottom: inherit;
  font-size: 1.4rem;
}
@-webkit-keyframes animateheader {
	0% {
		opacity: .9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	30% {
		opacity: .8;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	50% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}
@keyframes animateheader {
	0% {
		opacity: .9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	30% {
		opacity: .8;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	50% {
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

/* artists  --------------------------------------------------------------------------------------------- */

.artists-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	width: 100%;
	height: 100%;
}
.artists-container-tile {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 33.3%;
	width: calc(100/3);
	height: 37%;
	position: relative;
}
.artists-container-tile-image {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	z-index: 69;
}
.artists-overlay {
	position: absolute;
	background: rgba(0, 0, 0, 0.9);
	visibility: visible;
	width: 100%;
	height: 100%;
	z-index: 70;
}
.artists-container-tile-title {
	position: relative;
	font-weight: 900;
	letter-spacing: 0.1rem;
	font-size: 3.2rem;
	z-index: 71;
	margin: auto;
	text-transform: uppercase;
}
.artists .slap-button {
	font-size: 1.4rem;
	border: none;
}
.artists-tile-hover {
	font-size: 2.4rem !important;
	border: none !important;
	box-shadow: inset 0 10rem 0 0 white !important;
	color: black !important;
	-webkit-animation-name: example;
	-webkit-animation-duration: 1ms;
	-webkit-animation-name: animateheader;
	animation-name: animateheader;
	animation-duration: 1ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}
.artists canvas {
	position: absolute;
	display: block;
	z-index: 68;
}

/* artist */

.artist {
	font-size: 1.8rem;
}
.center {
	float: left;
}
.artist-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
	-webkit-justify-content
  
  : center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin: auto;
}
.artist .artist-left-side {
	display: block;
	width: 48rem;
	flex-basis: 48rem;
  -webkit-flex-basis: 48rem;
	padding-top: 20rem;
}
.artist .artist-photo {
	display: block;
	position: relative;
	height: 30.6rem;
	width: 48rem;
	float: right;
	clear: both;
	margin-bottom: 3.4rem;
	background-size: cover;
	background-position: center;
}
.artist .artist-photo:last-of-type {
	display: block;
	width: 34.8rem;
	height: 22.2rem;
	margin-bottom: 0;
	background-size: cover;
	background-position: center;
}
.artist .artist-right-side {
	width: 48rem;
	padding-left: 3.4rem;
	padding-top: 20rem;
	flex-basis: 48rem;
  -webkit-flex-basis: 48rem;
}
.artist .artist-title {
	display: inline-block;
	position: relative;
	background: white;
	color: black;
	font-weight: 900;
	font-size: 2.4rem;
	letter-spacing: 0.1rem;
	padding: 1em;
	margin-bottom: 3.5rem;
	z-index: 72;
}
.artist .artist-desc {
	font-size: 1.4rem;
	line-height: 2.25rem !important;
	color: #9c9c9c;
	line-height: 3rem;
	clear: both;
	font-weight: 600;
}
.artist .artist-desc>span {
	color: white;
	letter-spacing: 0.1rem;
	font-weight: 700;
}
.artist .artist-content {
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 2.25rem;
	color: #9c9c9c;
	width: 48rem;
}
.artist .slap-button {
	margin-left: 0rem;
	margin-right: 2.4rem;
	margin-top: 3.5rem;
	margin-bottom: 3.5rem;
	padding: 1.4rem;
	border-width: 3px;
	font-size: 1.4rem;
	font-weight: 800;
}
.artist .artist-social-container {
	display: inline-block;
	text-align: center;
	flex-basis: 100%;
  -webkit-flex-basis: 100%;
}
.artist .artist-social {
	margin-left: 1.2rem;
	margin-right: 1.2rem;
	margin-top: 4.8rem;
	padding: 0.8rem;
	border-width: 0.2rem;
	font-size: 1.2rem;
	color: #9c9c9c;
	border-color: #9c9c9c;
	box-shadow: inset 0 0 0 0 #9c9c9c;
}
.artist .swap-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
	-webkit-flex-orient: vertical;
	-webkit-flex-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
}
.artist .swap-block {
	min-width: 100%;
}

/* events --------------------------------------------------------------------------------------------- */

.events-container {
	display: block;
	width: 100rem;
	margin: auto;
	padding-top: 15rem;
}
.events-container-tile {
	display: block;
	width: 100%;
	height: 22rem;
	margin: auto;
	margin-bottom: 3.4rem;
  opacity: 0.1;
}
.events-info {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	vertical-align: top;
	-webkit-flex-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	margin-left: 3.3rem;
}
.events-container-image {
	display: inline-block;
	width: 48rem;
	height: 22rem;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}
.events-container-tile:hover .events-container-tile-image {
	/*filter: url(#red_invert);
    -webkit-filter: url(#red_invert);*/
}
.events-container-tile-title {
	position: relative;
  display: inline-block;
  float: left;
	font-weight: 900;
	letter-spacing: 0.1rem;
	font-size: 2.4rem;
	padding: 2rem;
	margin: auto;
}
.events .events-desc {
	font-size: 1.4rem;
	line-height: 2.25rem !important;
	color: #9c9c9c;
	line-height: 3rem;
	clear: both;
	font-weight: 600;
}
.events .events-desc>span {
	color: white;
	letter-spacing: 0.1rem;
	font-weight: 700;
}
.events .events-next-past {
	font-size: 2.4rem;
	font-weight: 700;
	margin: auto;
  margin-left: 51.3rem;
  margin-top: -4.8rem;
  position: absolute;
}
.events .events-title {
	display: inline-block;
	background: white;
	color: black;
  float: left;
	font-weight: 900;
	font-size: 2.4rem;
	letter-spacing: 0.1rem;
	padding: 2rem;
	margin-left: 0;
	margin-bottom: auto;
	-ms-flex-item-align: baseline;
	align-self: baseline;
  -webkit-align-self: baseline;
}
.events-row {
	margin-top: auto;
}
.empty-block {
  height: 6.6rem;
}
.events .slap-button {
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	font-size: 1.4rem;
	padding: 1.5rem;
	-ms-flex-item-align: baseline;
	align-self: baseline;
}
.video-container	{
  position: fixed;
  display:flex;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
  justify-content: center;
  margin:0;
  padding:0;
  top:0;
  z-index:1000;
}
.fb-video {
    text-align: center;
}

.fb-video iframe {
  width: 90vw !important;
  max-width: 144rem !important;
  height: 51vw !important;
  max-height: 81rem !important;
  position: relative !important;
}

.video-overlay {
  position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(17, 17, 17, 0.95);
	-webkit-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}

.video-open {
	background-color: rgba(17, 17, 17, 0.95);
	-webkit-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
	position: fixed;
}

.video-exit {
  cursor: pointer;
  margin-left: auto;
  margin-right: 5rem;
}
/* event */

/* records --------------------------------------------------------------------------------------------- */

.records-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	width: 100%;
	height: 100%;
}
.records-container-tile {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 33.333%;
	width: calc(100/3);
	height: 37.5%;
	position: relative;
}
.records-container-tile-image {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	z-index: 69;
}
.records-overlay {
	position: absolute;
	background: rgba(0, 0, 0, 0.9);
	visibility: visible;
	width: 100%;
	height: 100%;
	z-index: 70;
}
.records-container-tile:hover .records-container-tile-image {
	/*filter: url(#red_invert);
    -webkit-filter: url(#red_invert);*/
}
.records-container-tile-title {
	position: relative;
	font-weight: 900;
	letter-spacing: 0.1rem;
	z-index: 71;
	margin: auto;
	text-transform: uppercase;
}
.records .slap-button {
	font-size: 1.4rem;
	line-height: 2.8rem;
	border: none;
}
.records .slap-button:hover {
	font-size: 2.4rem;
	line-height: 3.2rem;
	border: none;
}
.records canvas {
	position: absolute;
	display: block;
	z-index: 68;
}
.records-release-name {
	font-size: 1.2rem;
	color: #8f8f8f;
}
.records .slap-button:hover .records-release-name {
	font-size: 1.4rem;
}

/* record */

.record {
	font-size: 1.8rem;
}
.record-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
	-webkit-flex-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-justify-content: center;
	position: relative;
	margin: auto;
}
.record .record-left-side {
	display: block;
	width: 48rem;
	flex-basis: 48rem;
  -webkit-flex-basis: 48rem;
	padding-top: 20rem;
}
.record .record-photo {
	display: block;
	position: relative;
	height: 30.6rem;
	width: 48rem;
	float: right;
	clear: both;
	margin-bottom: 3.4rem;
	background-size: cover;
	background-position: center;
}
.record .record-photo:last-of-type {
	display: block;
	width: 34.8rem;
	height: 22.2rem;
	margin-bottom: 0;
	background-size: cover;
	background-position: center;
}
.record .record-right-side {
	width: 48rem;
	padding-left: 3.4rem;
	padding-top: 20rem;
	flex-basis: 48rem;
  -webkit-flex-basis: 48rem;

}
.record .record-title {
	display: inline-block;
	position: relative;
	background: white;
	color: black;
	font-weight: 900;
	font-size: 2.4rem;
	letter-spacing: 0.1rem;
	padding: 1.8rem;
	margin-bottom: 2.6rem;
	z-index: 72;
	text-transform: uppercase;
	text-align: left;
}
.record .record-release-name {
	color: #8f8f8f;
	font-size: 1.4rem;
	padding-top: 1rem;
}
.record .record-desc {
	font-size: 1.4rem;
	line-height: 2.25rem !important;
	margin-top: 0;
	margin-bottom: 0;
	color: #9c9c9c;
	line-height: 3rem;
	clear: both;
	font-weight: 600;
}
.record .record-desc>span {
	color: white;
	letter-spacing: 0.1rem;
	font-weight: 700;
}
.record .record-content {
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 2.25rem;
	color: #9c9c9c;
	width: 48rem;
	margin-top: 2rem;
}
.record .slap-button {
	margin-left: 0pt;
	margin-right: 2.4rem;
	margin-top: 3.5rem;
	margin-bottom: 3.5rem;
	padding: 1.4rem;
	border-width: 0.2rem;
	font-size: 1.4rem;
	font-weight: 800;
}
.record .record-social-container {
	display: inline-block;
	text-align: center;
	min-width: 100%;
}
.record .record-social {
	margin-top: 4.8rem;
	padding: 0.8rem;
	border-width: 0.2rem;
	font-size: 1.2rem;
	color: #9c9c9c;
	border-color: #9c9c9c;
	box-shadow: inset 0 0 0 0 #9c9c9c;
}
.record .swap-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
 	-webkit-flex-wrap: wrap;
	-webkit-flex-orient: vertical;
	-webkit-flex-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
  -webkit-flex-direction: column;
	width: 100%;
}
.record .swap-block {
	min-width: 100%;
  margin-top: 1.4rem;
}

/* contact --------------------------------------------------------------------------------------------- */

.contact-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-flex-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url("/wp-content/uploads/2016/12/contactback.png");
	background-size: cover;
	background-position: center;
}
.contact-block-container {
	margin-top: 21.8rem;
	text-align: center;
	position: relative;
	display: block;
	width: 100%;
}
.contact-block-container .a {
	display: block;
	color: #fff;
	letter-spacing: 0.2rem;
	font-size: 2.4rem;
	font-weight: 800;
	text-decoration: none;
	margin-bottom: 2.1rem;
}
.contact .slap-button {
	position: relative;
	display: inline-block;
	padding: 0.6rem;
	margin: 3.8rem;
	margin-left: 1.4rem;
	margin-right: 1.4rem;
	font-size: 1.2rem;
	letter-spacing: 0;
	color: white;
}
.fb:hover {
	box-shadow: inset 0 10rem 0 0 rgb(59, 89, 152);
	color: black;
	border-color: rgb(59, 89, 152);
}
.mc:hover {
	box-shadow: inset 0 10rem 0 0 #50b6b9;
	color: black;
	border-color: #50b6b9;
}
.ra:hover {
	box-shadow: inset 0 10rem 0 0 rgb(179, 190, 27);
	color: black;
	border-color: rgb(179, 190, 27);
}
.sc:hover {
	box-shadow: inset 0 10rem 0 0 rgb(255, 100, 0);
	color: black;
	border-color: rgb(255, 100, 0);
}
.pin {
	position: fixed !important;
}
@media all and (max-width: 1280px) {
	.menu-container {
		padding: 1.4rem;
	}
	.menu-back {
		display: none;
	}
	.menu-items {
		margin-top: 12rem;
	}
	.menu-items a {
		text-decoration: none !important;
	}
	.menu-item {
		display: table !important;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
  .block-container:first-of-type {
		width: 100%;
	}
	.block-container {
		width: 100%;
		height: 33.333%;
		height: calc(100/3);
	}
	.block-container-heading {
		margin: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		font-weight: 900 !important;
		letter-spacing: 0.1rem !important;
		padding-bottom: 2.7rem !important;
		font-size: 2.4rem !important;
		border: 0 !important;
		cursor: pointer;
	}
	.block-container-sub {
		margin-top: -2rem;
	}
	.block-container-img {
		background-size: cover;
		background-position: top;
	}
	.artists-container-tile {
		width: 100%;
		height: 33.333%;
		height: calc(100/3);
	}
	.artists-tile-hover {
		font-size: 1.8rem !important;
	}
	.artists-container-tile-image {
		width: 100%;
		height: 100%;
	}
	.artist .artist-left-side {
		width: 100%;
		flex-basis: 100%;
		min-width: initial;
		max-width: initial;
		padding: 0;
		margin: 0;
	}
	.artist .artist-photo {
		width: 100%;
		height: 24rem;
		margin: 0;
	}
	.artist .artist-photo:last-of-type {
		display: none;
	}
	.artist .artist-right-side {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding: 0;
		margin-left: 1.2rem;
		margin-right: 1.2rem;
	}
	.artist .artist-social-container {
		width: 100%;
		padding: 0;
		margin-left: 1.2rem;
		margin-right: 1.2rem;
    text-align: left;
	}

	.artist .center {
		float: none;
	}
	.artist .artist-title {
		display: inline-block;
		background: white;
		color: black;
		font-weight: 900;
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		padding: 1em;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0 !important;
		top: -2.8rem;
	}
	.artist .artist-desc {
		line-height: 1.8rem !important;
		font-size: 1.2rem;
		margin-left: 1.4rem;
		margin-right: 1.4rem;
	}
	.artist .artist-desc:last-of-type {
		margin-bottom: 2.4rem;
	}
	.artist .swap-container {
		-webkit-flex-orient: vertical;
		-webkit-flex-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.artist .swap-block:last-of-type {
		text-align: center;
	}
	.artist .artist-content {
		margin-left: 1.4rem;
		margin-right: 1.4rem;
		font-size: 1.2rem;
		line-height: 1.8rem;
		width: initial;
	}
	.swap-block a .slap-button {
		margin: 0;
		margin-right: 1.4rem;
		margin-bottom: 2.8rem;
		font-size: 1.4rem;
		padding: 0.8rem;
		border-width: 0.2rem;
	}
	.swap-block a:last-of-type .slap-button {
		margin-right: 0;
		margin-left: 1.4rem;
	}
	.artist .artist-social-container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-orient: vertical;
		-webkit-flex-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-bottom: 2.4rem;
	}
	.artist .artist-social {
		margin: auto;
		margin-top: 2.4rem;
	}
	.records-container-tile {
		width: 100%;
		height: 33.333%;
		height: calc(100/3);
	}
	.records .slap-button:hover {
		font-size: 1.8rem;
	}
	.records-container-tile-image {
		width: 100%;
		height: 100%;
	}
	.record .record-left-side {
		width: 100%;
		min-width: initial;
		max-width: initial;
		padding: 0;
		margin: 0;
	}
	.record .record-photo {
		height: 24rem;
		margin: 0;
	}
	.record .record-photo:last-of-type {
		display: none;
	}
	.record .record-right-side {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding: 0;
		margin-left: 1.2rem;
		margin-right: 1.2rem;
	}
	.record .record-title {
		display: inline-block;
		background: white;
		color: black;
		font-weight: 900;
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		padding: 1em;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0 !important;
		top: -2.8rem;
	}
  .record .swap-container {
		-webkit-flex-orient: vertical;
		-webkit-flex-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.record .record-desc {
		line-height: 1.8rem !important;
		font-size: 1.2rem;
		margin-left: 1.4rem;
		margin-right: 1.4rem;
	}
	.record .record-desc:last-of-type {
		margin-bottom: 2.4rem;
	}
	.record .center {
		float: none;
	}
	.record .record-content {
		margin-left: 1.4rem;
		margin-right: 1.4rem;
		font-size: 1.2rem;
		line-height: 1.8rem;
		width: initial;
	}
  .record .buy-container {
    text-align: center;
  }
  .record .buy-container .slap-button {
    padding: 0.8rem;
    margin-left: 1.4rem;
    margin-right: 1.4rem;
  }
   .events-container {
    padding: 0;
    width: 100%;
    padding-top: 6rem;
  }
   .events-container-tile {
    height: initial;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .events-container-image {
    display: block;
    width: 100%;
  }
  .events-info {
    margin-top: -3.2rem;
    margin-left: 0;
    height: 22rem;
  }
  .events-row a:last-of-type .slap-button {
    margin-right: 0;
  }
  .empty-block {
  	height: 0;
	}
  .events .events-next-past {
    display: block;
    margin: auto;
    position: relative;
    text-align: center;
    margin-bottom: 3.2rem;
  }
  .empty-spacer {
  	height:0;
	}
	.contact-block-container a {
		font-size: 2rem;
		margin-bottom: 1.4rem;
	}
	.contact .contact-block-container {
		margin: auto;
	}
	.contact .slap-button {
		font-size: 1.2rem;
		display: table;
		margin: 1.4rem;
		margin-left: auto;
		margin-right: auto;
	}
	.contact .slap-button:first-of-type {
		margin-top: 10rem;
	}
}