/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================
**/
#block-views-block-upcoming-gigs-block-upcoming-gigs .view-content{
	display: flex;
	justify-content: space-around;
}

#block-views-block-upcoming-gigs-block-upcoming-gigs .view-content .views-row{
	margin-bottom: 1rem;
}
/*
.l-features{
	height: 100vh;
}
*/
body{
	/*font-family: Anton;*/
}
body.path-frontpage{

}

body.path-frontpage div.views-field-field-venue-address-1{
	font-size: 0.8rem;
}
body.path-frontpage div.page{
	height: 100vh;
	background-color: transparent;
	background-position: center center;
	background-size: cover;
}
body.path-frontpage #features{
	position: absolute;
	width: 100%;
	bottom: 10%;
	background-color: rgba(200,0,0,0.2);
	color: #CCC;
}

body.path-frontpage .regions,
body.path-frontpage .node{
	background-color: transparent;
	color: #CCC;
}

/** Upcoming gigs front page block **/

#block-views-block-upcoming-gigs-block-upcoming-gigs .view-display-id-block_upcoming_gigs{
	font-family: Quicksand;
}

#block-views-block-upcoming-gigs-block-upcoming-gigs .views-row{
	padding-left: 1rem;
}

#block-views-block-upcoming-gigs-block-upcoming-gigs .views-field-field-gig-date{

}
#block-views-block-upcoming-gigs-block-upcoming-gigs time.datetime{
	font-size: 1rem;
}

#block-views-block-upcoming-gigs-block-upcoming-gigs .views-field-title{
	font-size: 1.4rem;
	padding-left: 1rem;
	padding-top: 0.7rem;
	font-family: Anton;
}

#block-views-block-upcoming-gigs-block-upcoming-gigs .views-field-field-gig-sub-title{
	font-style: italic;
	font-size: 1rem;
	padding-left: 1rem;
}

#block-views-block-upcoming-gigs-block-upcoming-gigs .views-field-field-venue-address-1{
	padding-left: 1rem;
}

#block-views-block-upcoming-gigs-block-upcoming-gigs .views-field-field-map-url a{
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
}

/** Upcoming Gigs page listing **/
.view-display-id-page_upcoming_gigs{
	font-size: 1.2rem;
	padding: 1rem;
}
.view-display-id-page_upcoming_gigs h3.view-title{
	background-color: rgba(0,0,0,0.1);
}

.view-display-id-page_upcoming_gigs .views-row{
	padding-left: 3rem;
	padding-bottom: 2rem;
  border-bottom: solid 0.7px #CCC;
  margin-bottom: 1rem;
}
.view-display-id-page_upcoming_gigs .views-field{
	padding-right: 1rem;
}
.view-display-id-page_upcoming_gigs .views-field-field-gig-date{
	font-family: Anton;
	padding-bottom: 0.6rem;
}
.view-display-id-page_upcoming_gigs .views-field-title{
	font-family: Anton;
	font-size: 2rem;
	padding-left: 2rem;
	padding-right: 0.5rem;
	display: inline-block;
}
.view-display-id-page_upcoming_gigs .views-field-field-gig-sub-title{
	text-decoration: italic;
	font-size: 1.5rem;
	display: inline-block;
}
.view-display-id-page_upcoming_gigs .views-field-field-venue-address-1{
	padding-left: 2rem;
	padding-top: 0.6rem;
	display: inline-block;
}

.view-display-id-page_upcoming_gigs .views-field-field-map-url {
  display: inline-block;
}
/** Venue Page **/
body.page-node-type--venue .field-node--field-venue-address br {
	display: none;
}


/** GENERAL **/
.pr-header{
	background-color: transparent; /*rgba(200,0,0,0.2);*/
}

.site-branding__name-link:link, .site-branding__name-link:visited{
	font-size: 3rem;
	color: #CCC;
}
.site-branding__name-link:hover{
	color: #EEE;
}
.l-rw{
	padding: 0 2rem;
}