/*
Theme Name: Grand Jury Music
Author: JAZZatkin
Author URI: http://jazzatkin.com/
*/

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}

* { 
	 -webkit-font-smoothing: antialiased; 
	 -moz-osx-font-smoothing: grayscale; 
} 
body{
	font-family: "Cousine";
	font-size: 14px;
	}
@media screen and (min-width: 1800px){
	body{
		background-color: blue;
		}	
	}
#container{
	max-width: 1800px;
	margin: 0 auto;
	}
iframe{
	display: block;
	}
.fade{
	opacity: 0;
	transform: translateY(10px);
	transition: 0.5s transform ease-in-out, 1s opacity ease-in-out;
	}
.web{
	display: block;
	}
.mob{
	display: none;
	}
a.category{
	float: left;
	display: flex;
	width: 28px;
	margin-right: 10px;
	}
.wp-block-image{
	margin-bottom: 0px;
	margin-top: 20px;
}
@media screen and (max-width: 800px) {
	.web{
		display: none;
		}
	.mob{
		display: block;
		}
	}
/*
HEADERS
*/
h1{
	background-color: unset;
	padding: 0 0 0 0;
	font-family: "Work Sans";
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	align-self: flex-start;
}
h2{
	text-decoration: none;
	display: inline-block;
	margin: 0 0 15px 0;
	color: #000;
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	font-family: "Work Sans";
	}
body.paged h2, body.page h2, body.single-post h2, body.category h2, body.error404 h2{
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 20px;
	}
@media screen and (max-width: 800px) {
	h1{
		font-size: 30px;
		line-height: 30px;
		}
	h2{
		font-size: 20px;
		line-height: 25px;
		}
	body.paged h2, body.page h2, body.single-post h2, body.category h2{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 20px;
		}
	}
h2 a{
	color: #000;
	}
h2 a:hover{
	color: #333;
	}
h3{
	font-family: "Work Sans";
	color: #000;
	text-decoration: none;
	font-size:30px;
	line-height: 40px;
	writing-mode: vertical-lr;
    text-orientation: mixed;
	transform: rotate(180deg);
	}

h3{
	font-family: "Work Sans";
	color: #000;
	text-decoration: none;
	font-size:30px;
	line-height: 40px;
	writing-mode: vertical-lr;
    text-orientation: mixed;
	transform: rotate(180deg);
	}
h4{
	writing-mode: vertical-lr;
	text-orientation: mixed;
	transform: rotate(180deg);
    text-align: left;
	color: #FFF;
	background-color: #000;
    font-size: 14px; 
    line-height: 18px;
    text-decoration: none;
    padding: 10px 5px;
	align-self: flex-start;
	float: left;
	font-family: "Cousine";
	margin: 0;
	display: block;
	white-space: nowrap;
	}
a > h4{
	color: #FFF;
	}
a > h4:hover{
	background-color: blue;
	}
h4.absolute{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 500;
	margin: 0;
	}
h5{
    text-align: left;
	color: #FFF;
	background-color: #000;
    font-size: 14px; 
    line-height: 18px;
	font-family: "Cousine";
    padding: 7px 10px 5px 10px;
    text-decoration: none;
	display: inline-block;
	align-self: flex-start;
	position: absolute;
	bottom: 0;
	left: 0;
	}
.releaseContainer h5{
	position: static;
	flex-grow: 1;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	margin-top: 10px;
	display: flex;
	align-items: center;
	background-color: #bbb;
	}
@media screen and (max-width: 800px) {
	.releaseContainer .artistThumbnail h5{
		font-size: 10px;
		line-height: 12px;
		}
	.artistContainer h4{
		position: static;
		flex-grow: 1;
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
		margin-top: 10px;
		display: flex;
		align-items: center;
		background-color: #252525;
		writing-mode: unset;
		transform: rotate(0deg);
		}
	.artistContainer.releaseHeaderContainer h4{
		background-color: #555;
		}
	}
.releaseContainer:hover h5{
	background-color: blue;
	}
.albumHeader{
	width: 100%;
	margin-bottom: 10px;
}
h6{
	padding: 10px;
	background-color: blue;
	display: inline-block;
	color: #FFF;
}
a{
	color: blue;
	text-decoration: none;
	}
.flex{
	display: flex;
	}

/*
HEADER
*/

header{
	width: 100%;
	padding: 40px 20px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	background-color: #FFF;
	max-width: 1800px;
	margin: 0 auto;
	}
.titleTitle{
	display: block;
	width: 100px;
	height: auto;
	margin: 0 auto;
	}
.scrollerLogo{
	padding: 15px;
	background-color: blue;
	display: none;
	}
.navMenu{
	background-color: #333;
	display: flex;
	z-index: 2000;
	padding: 0px;
	max-width: 1800px;
    margin: 0 auto;
	position: relative;
	}
.navMenu.Sticky{
	top: 0;
	left: 0;
	position: sticky;
	position: -webkit-sticky;
	}
.menu-menu-container{
	flex-grow: 1;
	font-family: "Cousine";
	}
.menu-menu-container li{
	display: inline-block;
	float: left;
	position: relative;
	}
.menu-menu-container li a{
	color: #FFF;
	padding: 0px 20px;
	text-decoration: none;
	line-height: 55px;
	font-size: 14px;
	display: block;
	}
.menu-menu-container li a:hover{
	background-color: blue;
	}
.menu-menu-container li.current-menu-item a, body.single-artist li.menu-item-82 a, body.single-post li.menu-item-799 a{
	background-color: blue;
	}
.menu-menu-container li.current-menu-item a:hover, body.single-artist li.menu-item-82 a:hover, body.paged li.menu-item-798 a:hover, body.single-post li.menu-item-799 a:hover{
	background-color: #999;
	}
.icon{
	display: none;
	}
.socials a{
	display: inline-block;
	font-size: 18px;
	line-height: 55px;
	width: 18px;
	color: #FFF;
	padding: 0px 20px;
	text-align: center;
	float: left;
	}
.socials a:hover{
	background-color: blue;
	}
@media screen and (max-width: 800px) {
	#menu{
		flex-wrap: wrap;
		}
	.socials{
		flex-grow: 1;
		text-align: right;
		}
	.socials a{
		float: unset;
		padding: 0px 15px;
		}
	.menu-menu-container{
		flex-grow: 1;
		font-family: "Cousine";
		width: unset;
		position: absolute;
		top: 0;
		left: 0;
		top: 55px;
		background-color: #333;
		width: 100%;
		}
	.menu{
		display: none;
		}
  	.icon {
    	display: inline-block;
		font-size: 15px;
		line-height: 55px;
		width: 55px;
		color: #FFF;
		padding: 0px;
		text-align: center;
		background-color: blue;
		box-sizing: border-box;
  		}
	.icon:hover{
		background-color: #999;
	}
	.menu.responsive {
		display: block;
		top: 0;
		left: 0;
		}
	.menu-menu-container .menu.responsive li{
		display: block;
		float: left;
		position: relative;
		width: 100%;
		}
	}

/*
INDEX PAGE
*/

/*
INDEX PAGE ARTIST SLIDER
*/
.sliderContainer{
	width: 100%;
	padding: 20px 15px 20px 15px;
	box-sizing: border-box;
	background-color: #000;
	position: relative;
	}
.sliderContainer .videoContainer{
	padding: 30px 15px;
	}
@media screen and (max-width: 800px) {
	.sliderContainer{
		padding: 20px 15px;
		}
	}
.slideContainer{
	width: 100%;
	height: 100%;
	position: relative;
    top: 0;
    left: 0;
    display: block;
	border: 1px solid #222;
    box-sizing: border-box;
	}
.releaseSlide .slideContainer img {
    display: block;
	}
.releaseSlide .slideContainer{
	border: 1px solid #bbb;
	background-color: blue;
	}
.slide{
	width: auto;
	padding: 0px 5px;
	box-sizing: border-box;
	}
.slideContainer span, .releaseContainer span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #FFF;
	font-size: 25px;
	}
.slideContainer:hover span, .releaseContainer:hover  span{
	color: blue;
	}
.headerSlide.slide{
	height: calc((100vw / 3) - 50px);
	}
.videoSlide.slide{
	height: calc(((100vw / 2) - 20px) / 1.8);
	}
.Taller .videoSlide.slide{
	height: calc((100vw / 2) - 40px);
	}
@media screen and (min-width: 1800px){
	.headerSlide.slide{
		height: 550px;
		}
	}
@media screen and (max-width: 800px){
	.headerSlide.slide{
		height: calc((100vw - 50px) / 1.25);
		}
	.videoSlide.slide{
		height: calc((100vw - 20px) / 1.8);
		}
	}
.cycleNext{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    z-index: 1000;
    color: #FFF;
    transform: unset;
    font-size: 25px;
    align-items: center;
	box-sizing: border-box;
	padding-right: 20px;
	justify-content: flex-end;
	}
.cycleNext.headerNav{
	width: calc(100% / 3);
	background: linear-gradient(to left, #000 15%, transparent);
	}
.cyclePrev{
    position: absolute;
   	left: 0;
    top: 0;
    height: 100%;
    display: flex;
    z-index: 1000;
    color: #FFF;
    transform: unset;
    font-size: 25px;
    align-items: center;
	box-sizing: border-box;
	padding-left: 20px;
	justify-content: flex-start;
	}
.cyclePrev.headerNav{
	width: calc(100% / 3);
	background: linear-gradient(to right, #000 15%, transparent);
	}
.cycleNext:hover, .cyclePrev:hover{
	color: blue;
	cursor: pointer;
	}
@media screen and (max-width: 800px){
	.cycleNext{
		display: none;
		}
	.cycleNext.headerNav{
		background: transparent;
		}
	.cyclePrev{
    	display: none;
		}
	.cyclePrev.headerNav{
		width: calc(100% / 3);
		background: transparent;
		 }
	}
.slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.9;
	}
.slide.releaseSlide img{
	opacity: 1;
}
.slideContainer:hover{
	cursor: pointer;
	}
.slideContainer:hover img{
	opacity: 1;
	}
.slide.releaseSlide .slideContainer:hover img{
	opacity: 0.9;
}
.slideContainer:hover h4, .artistContainer:hover h4{
	background-color: blue;
	}

/*
INDEX PAGE GENERAL SECTION LINKS
*/

.sectionLink{
	padding: 20px 20px 0px 20px;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	}
.sectionLink a{
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	}
.sectionLink a:hover{
	color: blue;
	}

/*
INDEX PAGE NEWS
*/

#content{
	width: 100%;
	padding: 20px;
	background-color: #eee;
	display: flex;
    box-sizing: border-box;
	flex-wrap: wrap;
	justify-content: space-between;
	}
#content.pagedContent{
	background-color: #FFF;
	}
.newsContainer{
	width: calc(50% - 5px);
	overflow: hidden;
	display: flex;
	box-sizing: border-box;
	margin-top: 20px;
	min-height: 300px;
	}
.newsContainer:nth-child(1), .newsContainer:nth-child(2){
	margin-top: 0px;
	}
.newsThumbnail{
	width: 30%;
	}
.newsThumbnail img{	
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.9;
	}
.newsThumbnail img:hover{
	opacity: 1;
	}
.newsContent{
	background-color: #FFF;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 60%;
	flex-grow: 1;
	}
a.newsDate{
	display: inline-block;
	text-decoration: none;
	border-bottom: 1px solid blue;
	padding-bottom: 2px;
	margin-bottom: 20px;
	align-self: flex-start;
	font-size: 14px;
	line-height: 14px;
	}
a.newsDate:hover{
	color: #000;
	border-bottom: 1px solid #000;
	}
.newsText{
	flex-grow: 1;
	}
.newsContent p{
	font-size: 15px;
	line-height: 25px;
	font-family: "Work Sans";
	}
a.readMore{
	margin-top: 20px;
	display: inline-block;
	text-decoration: none;
	border-bottom: 1px solid blue;
	padding-bottom: 2px;
	align-self: flex-start;
	}
a.readMore:hover{
	color: #000;
	border-bottom: 1px solid #000;
	}
@media screen and (max-width: 800px) {
	.newsContainer{
		width: 100%;
		min-height: 0px;
		}
	.newsContainer:nth-child(2){
		margin-top: 20px;
		}
	.newsThumbnail{
		float: left;
		width: calc(100% - 38px);
		height: calc(100vw / 4);
		display: none;
		}
	.newsContent{
		width: calc(100% - 38px);
		}
	.newsText{
		display: none;
		}
	a.readMore{
		margin-top: 5px;
		}
	.newsContent h2{
		font-size: 20px;
		line-height: 25px;
		}
	.newsContainer h4{
		align-self: stretch;
		margin: 0px;
		text-align: center;
		background-color: #999;
		}
	}
/*
PAGED CONTENT
*/

body.paged .menu-item-84 a, body.single-artist .menu-item-984 a, body.single-post .menu-item-985 a{
	background-color: blue;
	}
body.paged .menu-item-84 a:hover, body.single-artist .menu-item-984 a:hover, body.single-post .menu-item-985 a:hover{
	background-color: #999;
	}

.pagedContent{
	padding: 0px !important;
	}
.pagedContent .newsContainer{
    width: 100%;
	display: flex;
	margin: 0;
	min-height: 0px;
	padding: 30px 20px;
	box-sizing: border-box;
	flex-wrap: nowrap;
	}
@media screen and (max-width: 800px) {
	.pagedContent .newsContainer{
		padding: 20px;
		}
	.pagedContent a.category{
		display: none !important;
		}
	}
.pagedContent .newsContainer:nth-child(odd){
	background-color: #e5e5e5;
	}
.pagedContent .newsContainer:nth-child(even){
	background-color: #eee;
	}
.pagedContent .sectionLink{
	background-color: #eee;
	padding-bottom: 30px;
	padding-top: 0px;
	}
.pagedContent .sectionLinkInner{
	 width: calc(100% - 350px);
	float: right;
	}
.pagedContent .sectionLinkInner a{
	padding: 0px 5px;
}
.pagedContent .newsContainer:nth-child(odd) + .sectionLink {
    background-color: #e5e5e5;
	}
.pagedContent .newsThumbnail, #pageSingle .newsThumbnail{
    width: 350px;
    height: 350px;
    margin-right: 10px;
	}
.pagedContent a.newsTitle{
	font-size: 30px;
	line-height: 40px;
	}
.pagedContent .postContent, #pageSingle .postContent{
	flex-grow: 1;
	background-color: #FFF;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 50%;
	align-self:flex-start;
	}
.pagedContent .newsContainer:nth-child(1){
	margin-top: 0px;
	}

/*
POSTS
*/

.bodyText p{
	font-size: 15px;
	line-height: 25px;
	margin-top: 20px;
	font-family: "Work Sans";
	}
.bodyText p + h1{
	padding-top: 20px;
	}
.bodyText p:first-child{
	margin-top: 0px;
	}
.bodyText img + p:first-child{
	margin-top: 20px;
}
.bodyText img{
	width: 100%;
	height: auto;
	display: block;
}
.gallery{
	display: flex;
	flex-wrap: wrap;
	} 
.gallery img{
	 width: 100%;
    height: 100%;
	padding: 5px;
	box-sizing: border-box;
	object-fit: cover;
	border: 0 !important;
	}
.gallery-item{
	margin: 0px !important;
	}
p + style + .gallery {
    padding-top: 15px;
	}
.fve-video-wrapper{
	margin: 0px !important;	
	}
p + .fve-video-wrapper{
	margin-top: 20px !important;
	}
#content .sectionLink a{
	color: #000;
	}
#content .sectionLink a:hover{
	color: blue;
	}

/*
VIDEO SLIDER
*/

.videoSlide .fal{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #FFF;
	font-size: 30px;
	}
.videoSlide:hover .fal{
	color: blue;
	}
.videoSlide:hover h5{
	background-color: blue;
	}
/*
RELEASE SLIDER
*/

.sliderContainer.releasesContainer{
	background-color: #ccc;
	padding: 20px 15px 20px 15px;
	}

.fancybox-slide{
	padding: 100px !important;
	}	
.thumbnailBuyLinks{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
	}
.thumbnailBuyLinks a {
    color: #FFF;
    padding: 0px 10px;
	font-size: 35px;
	}
.thumbnailBuyLinks a:hover{
	color: #000;
}	
.slide:hover .thumbnailBuyLinks, .artistContainer:hover .thumbnailBuyLinks, .releaseContainer:hover .thumbnailBuyLinks{
	 display: flex;
	}
.artistThumbnail .thumbnailBuyLinks a{	
	color: #FFF;
	}
.artistThumbnail .thumbnailBuyLinks a:hover{
	cursor: pointer;
	color: #000;
	}
#footer{
	max-width: 1800px;
	margin: 0 auto;
	width: 100%;
	padding: 30px 20px;
	overflow: hidden;
	background-color: #333333;	
	box-sizing: border-box;
	display: flex;
	}
.artists{
	width: 40%;
	color: #FFF;
	line-height: 24px;
	}
.artists a{
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	padding-bottom: 1px;
	}
.artists a:hover{
	border-bottom: 1px solid #ccc;
	color: #ccc;
	}
.contact{
	padding-bottom: 20px;
	}
.credit{
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1;
    text-align: right;
    color: #FFF;
	}
.credit a{
	display: inline;
	color: #FFF;
	font-weight: bold;
	}
.footerSocials a{
	border-bottom: 0px;
	padding-bottom: 0px;
	}
.footerSocials a:hover{
	border-bottom: 0;
	}
#footer .artists ul li{
	display: inline;
	}
#footer .artists ul{
	margin-bottom: 30px;
	}
#footer a:hover{
	color: #ccc;
	}

@media screen and (max-width: 800px) {
	#footer{
		flex-wrap: wrap;
		padding: 20px;
		font-size: 12px;
		line-height: 22px;
		}
	#footer .artists ul{
		margin-bottom: 10px;
		}
	.artists{
		width: 100%;
		}
	.footerSocials a{
		font-size: 14px;
		}
	.contact{
		padding-bottom: 10px;
		}
	.credit{
		width:100%;
		text-align:left;
		padding-top: 10px;
		}
	}

/*
ARTISTS PAGE
*/

#artistContent{
	background-color: #000;
	width: 100%;
    padding: 20px 10px 10px 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
	}
.artistContainer{
	width: calc((100% - 30px) / 3);
	margin: 0px 10px 10px 0px;
	position: relative;
	overflow: hidden;
	}
@media screen and (max-width: 800px) {
	.artistContainer{
		width: calc((100% - 20px) / 2);
		}
	}
.artistThumbnail{
	position: relative;
	width: 100%;
	height: 0px;
	padding-bottom: 70%;
	display: block;
	}
.releaseHeaderContainer .artistThumbnail, .releaseContainer .artistThumbnail{
	padding-bottom: 100%;
	background-color: blue;
	}
.artistContainer img{
	 width: 100%;
    height: 100%;
    object-fit: cover;
	opacity: 0.9;
	position: absolute;
	}
.releaseContainer img, .artistContainer.releaseHeaderContainer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	opacity: 1;
	position: absolute;
	}
.artistContainer:hover img{
	opacity: 1;
	}
.releaseContainer:hover img, .artistContainer.releaseHeaderContainer:hover img{
	opacity: 0.9;
	}
.artistContainer .newsTags{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	}
.releaseHeaderContainer:hover .newsTags a, .artistContainer:hover .newsTags a{
	background-color: blue;
	color: #FFF;
	}
#artistABC{
	padding: 30px 20px;
	background-color: #FFF;
	display: flex;
	justify-content: space-between
	}
.artistABCContainer{
	width: calc(50% - 5px);
	display: flex;
	}
@media screen and (max-width: 800px) {
	#artistABC{
		padding: 20px;
		flex-wrap: wrap;
		}
	.artistABCContainer{
		width: 100%;
		}
	.artistABCContainer.Alumni{
		margin-top: 20px;
		}
	.artistABCContainer h4{
		align-self: flex-start;
		text-align: center;
		}
	}
.artistLinks{
	flex-grow: 1;
	padding: 0px 10px 0px 20px;
	overflow: hidden;
	}
ul.artistLinks li{
	display: inline;
	font-family: "Work Sans";
	color: #000;
	text-decoration: none;
	font-size: 30px;
	line-height: 40px;
	}
.artistABCContainer.Alumni ul.artistLinks li a, .artistABCContainer.Alumni ul.artistLinks li{
	color: #666;
	}
.artistABCContainer.Alumni ul.artistLinks li a:hover{
	color: black;
}
.artistABCContainer.Alumni h4{
    background-color: #666;
	}
.artistLinks li a{
	font-family: "Work Sans";
	color: #000;
	text-decoration: none;
	font-size: 30px;
	line-height: 40px;
	}
.artistABCContainer a:hover{
	color: blue;
	}
.artistLinks li::after, .footerActiveArtists::after{
	content: ", ";
	}
.artistLinks li:nth-last-child(2)::after, .footerActiveArtists:nth-last-child(2)::after{
	content: "";
	}
.artistLinks li:last-child::before, .footerActiveArtists:last-child::before{
	content: " & ";
	}
.artistLinks li:last-child::after, .footerActiveArtists:last-child::after{
	content: ".";
	}

/*
SINGLE ARTIST PAGE
*/

#artistHeaderSingle{
	padding: 30px 20px;
	background-color: #000;
	position: relative;
	overflow: hidden;
	display: flex;
	}
.artistHeaderSingleTitle{
	color: #FFF;
    font-size: 20px;
    line-height: 20px;
    text-decoration: none;
	display: flex;
    width: 40%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
    flex-direction: column;
	height: calc((100vw / 3) - 20px);
	}
.artistHeaderSingleSocials{
	margin-top: 20px;
	flex-grow: 1;
	}
.artistHeaderSingleRecents {
    font-size: 15px;
    line-height: 25px;
	margin-top: 20px;
	}
.artistHeaderSingleRecents a{
	padding-bottom: 1px;
	border-bottom: 1px solid blue;
	}
.artistHeaderSingleRecents a:hover{
	color: #FFF;
	border-bottom: 1px solid #FFF;
	}
#artistHeaderSingle .fab, #artistHeaderSingle .far{
    padding: 0;
	color: #FFF;
	}
#artistHeaderSingle .fab:hover, #artistHeaderSingle .far:hover{
	color: blue;
	}
.artistHeaderPhoto {
    width: 60%;
    height: calc((100vw / 3) - 20px);
	}
a.viewMoreReleases {
    margin: -10px 0 20px 38px;
    display: block;
    text-align: left;
    background-color: black;
    color: #FFF;
    padding: 10px;
	text-align: center;
	background-color: #999;
	}
a.viewMoreReleases:hover{
	background-color: #000;
	}
@media screen and (max-width: 800px) {
	#artistHeaderSingle{
		padding: 20px;
		flex-wrap: wrap;
		}
	.artistHeaderSingleTitle{
		width: 100%;
		height: unset;
		overflow: hidden;
		padding: 0 0 0 0;
		order: 2;
		}
	.artistHeaderPhoto{
		width: 100%;
		order: 1;
		height: calc(100vw / 2.5);
		margin-bottom: 20px;
		}
	}
.artistHeaderPhoto	img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	}
#artistContentSingle{
	padding: 30px 20px;
	display: flex;
	background-color: #ccc;
	}
#pageSingle{
	padding: 30px 20px;
	display: flex;
	background-color: #eee;
	}

#artistContentSingle h4{
	margin: 0;
	}
.artistSingleSidebar{	
	width: 25%;
	}
@media screen and (max-width: 800px) {
	#artistContentSingle{
		padding: 20px;
		flex-wrap: wrap;
		}
	.artistSingleSidebar{
		width: 100%;
		order: 2;
		}
	}
.artistSingleSidebar .flex{
	margin-bottom: 20px;
	}
.artistSingleSidebar .flex:last-child{
	margin-bottom: 0px;
}
.artistSingleSidebarReleases{
	margin-left: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-grow: 1;
	}
.artistSingleSidebarRelease{
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	background-color: blue;
	}
.artistSingleSidebarRelease .mask{
	border: 0;
	}
.artistSingleSidebarRelease:hover .thumbnailBuyLinks{
	 display: flex;
	}
.artistSingleSidebarRelease:last-child{
	margin-bottom: 0px;
}
.artistSingleSidebarRelease	img{
	width: 100%;
	height: 100%;
	object-fit:cover;
	opacity: 1;
	}
.artistSingleSidebarRelease:hover > img{
	opacity: 0.9;	
	}
.artistSingleSidebarSection{
	padding: 0;
	background-color: #FFF;
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	}
.artistSingleSidebarSection:last-child{
	margin-bottom: 0px;
	}
.artistSingleSidebarSection h4{
	background-color: #999;
	margin-right: 20px;
	align-self: stretch;
	text-align: center;
	}
.artistSingleSidebarSection div{
	padding: 10px;
	font-size: 15px;
	line-height: 25px;
	font-family: "Work Sans";
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: 100%;
	}
.artistSingleSidebarSection div a{
	padding-bottom: 1px;
	border-bottom: 1px solid blue;
	font-size: 14px;
    line-height: 25px;
	align-self: flex-start;
	}
.artistSingleSidebarSection div a:hover{
	border-bottom: 1px solid black;
	color: black;
	}
.artistSingleMain{
	display: flex;
	margin-left: 10px;
	width: 75%;
	}
@media screen and (max-width: 800px) {
	.artistSingleMain{ 
		width: 100%;
		order: 1; 
		margin: 0 0 20px 0;
		}
	}
.artistSingleBio{
	margin-left: 10px;
	background-color: #FFF;
	padding: 20px;
	align-self: flex-start;
	}
.artistSingleBio p{
	margin-top: 20px;
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
	font-family: "Work Sans";
	}
.artistSingleBio p:first-child{
	margin-top: 0px;
	}
#touring{
	padding: 30px;
	background-color: #333;
	}

/*
RELEASES PAGE
*/

#artistContent.releaseContent{
	background-color: #666;
	}
#releaseContent{
	background-color: #ccc;
	padding: 20px 10px 10px 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
	}
#releaseContent.eps {
    background-color: #ddd;
}
.releaseContainer{
	width: calc((100% - 50px) / 5);
	margin: 0px 10px 10px 0px;
	position: relative;
	display: flex;
	flex-direction: column;
	}
@media screen and (max-width: 800px) {
	#releaseContent{
		padding: 20px 10px 10px 20px;
		}
	.releaseContainer{
		width: calc((100% - 20px) / 2);
		}
	}
/*
TOURING PAGE
*/
.tourContainer{
	width: 100%;
	padding: 30px 20px;
	background-color: #151515;
	box-sizing: border-box;
	display: flex;
	}
.artistTourThumbnail{
	}
@media screen and (max-width: 800px) {
	.tourContainer{
		padding: 20px;
		}
	.artistTourThumbnail{
		display: none;
		}
	}
.tourContainer .artistTourThumbnail img{
	width: 350px;
	height: 350px;
	object-fit: cover;
	opacity: 0.9;
	float: left;
	}
.tourContainer .artistTourThumbnail img:hover{
	opacity: 1;
	}
.tourContainer:nth-child(even){	
	background-color:#252525;
	}
.songkickContainer{
	flex-grow: 1;
	padding-left: 20px;
	}
.bit-widget .bit-nav-bar-container{
	display: none !important;
	}
.bit-event{
	font-size: 14px !important;
	}
.bit-widget .bit-event .bit-date{
	font-weight: normal !important;
	}
.bit-widget .bit-event .bit-location{
	font-weight: normal !important;	
	}
.bit-rsvp-container{
	display: none !important;
	}
.bit-widget .bit-offers{
	background-color: transparent !important;
	font-weight: normal !important;
	border: 1px solid #666 !important;
	color: #666 !important;
	}
.bit-widget .bit-offers:hover{
	background-color: #666 !important;
	color: #FFF !important;
	}
.bit-upcoming-events-show-all-button{
	font-weight: normal !important;
	color: #666 !important;
	border: 1px solid #666 !important;
	font-size: 12px !important;
	}
.bit-upcoming-events-show-all-button:hover{
	color: #FFF !important;
	border: 1px solid #FFF !important;
	}
.bit-upcoming-events{
	margin: 0px !important;
	}
.bit-upcoming-events-show-all-button{
	margin: 20px 0px 0px 0px !important;
	}
.bit-no-dates-container{
	border-top: 1px solid #666 !important;
	padding: 15px 0px 0px 0px !important;
	text-align: left !important;
	font-size: 14px !important;
	margin: 0px !important;
	color: #ccc !important;
	}
.bit-no-dates-title {
    margin-bottom: 8px !important;
	font-weight: normal !important;
	color: #FFF !important;
	border: 0px !important;
    padding: 0px !important;
	}
.bit-widget .bit-no-dates-container .bit-track-button {
    width: 100% !important;
    text-align: center !important;
	font-size: 12px !important;
	}
.bit-no-dates-container div {
    border-bottom: 1px solid #666;
    padding-bottom: 20px;
	}
.bit-no-dates-container div:last-child{
	border: 0px !important;
	padding: 0px !important;
	}
@media screen and (max-width: 800px) {
	.tourContainer a.category h4{
		align-self: flex-start;
		margin: 0px;
		text-align: center;
		background-color: #333;
		}
	.tourContainer a.category h4:hover{
		background-color: blue;
	}
	.songkickContainer{
		padding: 0px 0px 0px 10px;
		}
	}
.FourContainer{
	background-color: #FFF;
	box-sizing: border-box;
	width: calc(50% - 5px);
	padding: 20px;
	margin-left: 10px;
	font-size: 15px;
    line-height: 25px;
    font-family: "Work Sans";
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	}
.FourContainer p{
	text-align: center;
	}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top: 20px;
	}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
.FourWrapper {
    display: flex;
    width: 100%;
	}
.GIFContainer{
	width: calc(50% - 5px);
	}
.GIFContainer img{
	width: 100%;
    height: 100%;
    object-fit: cover;
	}

@media screen and (max-width: 800px) {
	.FourWrapper{
		flex-wrap: wrap;
		}
	.GIFContainer, .FourContainer{
		width: 100%;
		}
	.FourContainer{
		margin: 10px 0 0 0;
		}
	body.error404 h2{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 10px;
		}
	}