/* ------  Custom theme built for hammerheart Records by Carsten Altena of Creeert.net, 2018. ------ */

@import"reset.css";
@import"grid.css";
@import"forms.css";

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800");
@import url("https://fonts.googleapis.com/css?family=Alex+Brush");
body{
	background:url("../images/body-bg.jpg") repeat-y fixed 50% 100px #000;
	background-size: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:25px;
	color:#000000;
	position:relative;
	min-width:1200px;
}
.ic {
	background:#fff;
	border:0;
	float:right;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	padding:0;
	overflow:hidden;
}
html {
	scroll-behavior: smooth;
	scroll-padding-top: 50px;
}
html,body{height:100%;}
html {min-width:1200px;}
/* Global Structure---------------------------------------- */
.main{
	margin:0 auto;
	position:relative;
	width:1200px;
	background-color: #fff;
	padding:0;
}
.main-indents {
	padding: 0;
}
/*----- alignment & clearing -----*/
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}

.clear{
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper{
	overflow:hidden;
	position:relative;
}

.wrapper.featured-artists,
.wrapper.releases {
	margin-right: -35px;
}

.extra-wrap{
	overflow:hidden;
	display:block;
}
/*  Header styles */
h1,h2,h3{
	color:#000;
	padding:0 0 12px 0;
	font-weight:800;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
}

h1 {
	font-weight:800;
}

h4{
	color:#000;
	padding:0 0 0 0;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	text-align: center;
	font-size:18px;
	margin-bottom: 20px;
}

h5{
	color:#000;
	padding:0 0 0 0;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	text-align: center;
	font-size: 12px;
}

h6{
	color:#000;
	padding:0 0 0 0;
	font-weighT: 400;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	text-align: center;
	font-size:12px;
}

h7{
	color:#000;
	display: block;
	margin-bottom: 4px;
	padding:0 0 0 0;
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-size:16px;
}

h1{font-size:36px; line-height:38px;}
h2{font-size:30px; line-height:36px;}
h3{font-size:24px; line-height:30px;} 

.hp-1 {
	padding:0 0 20px 0;
}
h5 span {
	color:#0043e4;
}
/*----- text & typography -----*/
.quote-1 {
	padding:0 0 20px 40px;
	background:url("../images/quotes.png") no-repeat 0 8px;
}
/*----- borders & lines -----*/

/*----- boxes -----*/
.content-box {
	background:#fff;
	padding:30px;
	margin:0;
}
.img-box {
	display:inline-block;
	padding:3px;
	background:#fff;
	border:1px solid #d9d9d9;
	border-radius:3px;
	margin-bottom:12px;
}
/* Lightbox image */

.lightbox-image{display:inline-block;position:relative;}
a.border{padding:6px;background:#dededa;display:inline-block;}
.lightbox-image img{position:relative;z-index:2;}
.lightbox-image span{position:absolute;width:100%;height:100%;left:0;top:0;background:url("../images/magnify.png") 50% 50% #fff no-repeat;}
body.post-type-archive-releases .no-image {
	width: 197px;
	height: 197px;
	text-align: center;
	vertical-align: middle;
}

/*----- indents -----*/
.img-indent {
	float:left;
	margin:5px 20px 0 0;
}
.img-indent-1 {
	float:left;
	margin:0 20px 0 36px;
}
.img-indent-bot {margin:5px 0 16px 0;}

p {padding-bottom:25px;}
.p {padding-bottom:25px;}
.p0 {padding-bottom:0 !important;}
.p1 {padding-bottom:25px !important; border-bottom: 0; margin-bottom: 15px}
.p2 {padding-bottom:14px !important;}
.p3 {padding-bottom:20px !important;}

.a1 {margin:0 30px -15px 30px;}
.a2 {margin:0 46px;}

/*----- lists -----*/
.list-1 {padding:0 0 20px 0;}
.list-1 li {
	display:block;
	padding:0 0 0 20px;
	background:url("../images/list-1-marker.gif") no-repeat 0 10px;
	line-height:25px;
}
	.list-1 li a {
		color:#333;
		font-size:14px;
	}
		.list-1 li a:hover {
			color:#0043e4;
			text-decoration:none;
		}
.list-2 {
	padding:5px 0 10px 0;
	text-align: left;
}
.list-2 li {
	line-height:22px;
	padding:0 0 4px 0;
}
.list-2 li a {
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight: bold;
	line-height:22px;
	color:#d30008;
	text-transform:uppercase;
	letter-spacing:-1px;
}
	.list-2 li a:hover {
		color:#000;
		text-decoration:none;
	}
/*----- buttons & links -----*/
a {
	color:#d30008;
	text-decoration: none;
	cursor:pointer;
	transition: all .125s linear;
}
	a:hover {text-decoration: underline;}

h3 a {
	color: #000;
}

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

a.more {
	font-weight: bold;
	font-size: 18px;
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	margin: 1.5em 0 0 0;
	padding: .125em .25em;
	clear: both;
	display: inline-block;
}

a.more:hover {
	background-color: #d30008;
}

.button {
	display:inline-block;
	font-size:18px;
	line-height:22px;
	color:#fff;
	text-decoration:none;
	background:#0043e4;
	padding:7px 20px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
}
	.button:hover {
		text-decoration:none;
		background:#000;
	}


.link {
	text-decoration: underline;
	color:#ee623a;
	font-weight:bold;
}
	.link:hover {text-decoration: none;}

/*********************************header*************************************/
header{
	position: relative;
	background-color: #fff;
}

header .header-wrapper{
	width:1180px;
	margin:0 auto;
	padding:25px 0 25px;
	position:relative;
	z-index:2;
}

.logo {
	float:left;
	padding:0 !important;
	margin: 0;
}
.logo a {
	position:relative;
	background: url("../images/logo-hammerheart.svg") no-repeat 0 0;
	height:180px;
	width:180px;
	overflow:hidden;
	text-indent:-99em;
	display:block;
	transition: transform ease-in-out .125s;
}

.logo a:hover {
	transform: scale(1.1);
}

header .social-list {
	position: absolute;
	top: 60px;
	right: 15px;
}

form.cta-mailinglist h2 {
	font-size: 15px;
	margin: 0;
	padding: 0;
}

form.cta-mailinglist p {
	font-size: 9.5px;
}

form.cta-mailinglist input {
	height: 28px;
	line-height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
}

form.cta-mailinglist input[type='email'] {
	width: 60%;
	text-indent: 9px;
}

form.cta-mailinglist input[type='email']::placeholder {
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}

form.cta-mailinglist input[type='submit'],
form.cta-mailinglist a.button {
	color: #fff;
	background: #4D4D4D;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	cursor: pointer;
}


.cta-mailinglist-sidebar {
	margin: 0 0 25px 0;
	padding: 15px;
	background: #000;
	color: #fff;
}

.cta-mailinglist-sidebar form {
	margin: 0;
}

.cta-mailinglist-sidebar form h2 {
	color: #fff;
	font-size: 29px;
	margin-bottom: 10px;
}

.cta-mailinglist-sidebar form p {
	margin: 1em 0 .5em 0;
	padding: 0;
	font-size: 16px;
}

/********************** Slider ************************/
/* Replaced by slider by creeert.net 
.mp-slider .items {display:none;} */
.mp-slider {
	width:1200px;
	height:514px;
	margin:0 auto 20px auto;
	position:relative;
}

.mp-prev, .mp-next {
	position:absolute;
	width:30px;
	height:60px;
	bottom:230px;
	z-index:999;
}
.mp-prev {
	left:15px;
	background:url("../images/mp-prev.png");
}
	.mp-prev:hover {
		opacity:0.8;
	}
.mp-next {
	right:15px;
	background:url("../images/mp-next.png");
}
	.mp-next:hover {
		opacity:0.8;
	}

.mp-slider .banner {
	position:absolute;
	left:35px;
	right:35px;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	z-index:99 !important;
	top:auto !important;
	bottom:40px !important;
	padding:0;
	text-align:center;
	font-size:50px;
	line-height:60px;
	text-transform:uppercase;
}
	.mp-slider .banner span {
		display:block;
	}
	.mp-slider .banner b {
		color:#ead909;
	}
	.mp-slider .banner .row-1 b {font-weight:normal;}
	.mp-slider .row-1 {
		padding:0;
	}
	.mp-slider .row-2 {
		font-size:80px;
		line-height:90px;
		margin:-5px 0 0 0;
		font-weight:bold;
	}


	.sidebar-slider {
		margin-bottom: 25px;
		position: relative;
	}

	.sidebar-slider .mp-prev,
	.sidebar-slider .mp-next {
		top: 115px;
	}

	.sidebar-slider .mp-prev {
		left: 8px;
	}

	.sidebar-slider .mp-next {
		right: 8px;
	}

/* slider creeert.net */

#home-slider {
	position: relative;
	min-height: 514px;
}

#sidebar-slider {
	position: relative;
	min-height: 300px;
}

#home-slider li,
#sidebar-slider li {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: opacity .5s ease-out;
	opacity: 0; 
	min-height: 0;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

#home-slider li.active {
	min-height: 514px;
	opacity: 1;
	pointer-events: auto;
}

#sidebar-slider li.active {
	min-height: 300px;
	opacity: 1;
	pointer-events: auto;
}

/********************** Navigation ************************/
nav {
	float:right;
	padding:64px 13px 0 0;
}

#navbar-button {
	display: none;
}

.sf-menu{
	min-height:36px;
	padding:0;
	margin:0;
	margin-top: 48px;
}
.sf-menu ul{
	position:absolute;
	top:-999em;
	width:185px;
	left:0;
	display:none;
	background:#000;
}
.sf-menu > li{
	position:relative;
	float:left;
	margin:0 1px;
}

.sf-menu > li > a,
html>body .sf-menu > li#menu-item-2990.menu-item-object-custom>a {
	text-decoration:none;
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	font-weight: 800;
	color:#000;
	padding:7px 7px;
	background: transparent;
}

	.sf-menu > li:hover > a,
	.sf-menu > li.sfHover > a,
	.sf-menu > li.current-menu-item > a,
	.sf-menu > li.current-menu-ancestor > a,
	.sf-menu > li.current-menu-parent > a,
	.sf-menu > li.current_page_parent > a,
	/* body.post-type-archive-releases .sf-menu > li.menu-item-object-custom > a, */
	html>body .sf-menu > li#menu-item-2990.menu-item-object-custom:hover>a {
		color:#d30008;
		text-decoration:none;
		/* background:#000; */
		/* font-weight: bold; */
	}

.sf-menu li:hover ul,.sf-menu li.sfHover ul{top:37px; left:0; z-index:999;}
.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}
.sf-menu li.current,.sf-menu li:hover,.sf-menu li.sfHover{
	text-decoration:none;
}
.sf-menu li li a{
	display:block;
	margin:0;
	position:relative;
	text-decoration:none;
	font-size:14px;
	line-height:18px;
	color:#fff;
	overflow:hidden;
	padding:5px 5px 5px 15px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;

}
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current-menu-item > a{
	color:#000;
	background:#fff;
}

.sf-menu li li{
	float:none;
	position:relative;
}

.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:186px;top:0;}



/********************** Content ************************/

.main>section#content-2 {
	position:relative; 
	z-index:1;
	padding:30px 0 0 0;
	margin-top: 30px;
}

body.home section#content-2 {
	position:relative; 
	z-index:1;
	padding: 0;
	margin-top: 0;
}



.col-1 {
	float:left;
	width:205px;
	margin:0 30px 0 0;
}
.col-2 {
	float:left;
	width:205px;
	margin:0;
}
.col-3 {
	float:left;
	width:220px;
	margin:0 30px 0 0;
	
}
.col-4 {
	float:left;
	width:890px;
}
.col-5 {
	float:left;
	width:148px;
	margin:0 32px 0 0;
}
.col-6 {
	float:left;
	width:148px;
}
.col-7 {
	float:left;
	width:260px;
	margin:0 40px 20px 0;
}
.col-8 {
	float:left;
	width:562px;
	margin:0 0 60px 0;
}
.col-9 {
	float:left;
	width:800px;
	margin:0 40px 0 0;
}
.col-10 {
	float:left;
	width:300px;
}
.col-11 {
	float:left;
	width:410px;
	margin:0 40px 0 0;
}
.col-12 {
	float:left;
	width:410px;
}
.col-13 {
	float:left;
	width:800px;
	margin:0 40px 0 0;
}
.col-14 {
	float:left;
	width:220px;
}
.col-15 {
	float:left;
	width:910px;
	margin:0 40px 0 0;
}
.col-16 {
	float:left;
	width:430px;
	margin:0 30px 0 0;
}
.col-17 {
	float:left;
	width:430px;
	margin:0;
}
.contnt-slider section {
	background:#fff !important;
}
.relative {
	position:relative;
}
.cs-prev, .cs-next {
	display:block;
	position:absolute;
	bottom:20px;
	width:17px;
	height:25px;
	z-index:99;
}
	.cs-prev {
		background:url("../images/cs-controls.png") no-repeat 0 0;
		right:24px;
	}
	.cs-next {
		background:url("../images/cs-controls.png") no-repeat right 0;
		right:0;
	}
	.cs-prev:hover, .cs-next:hover {
		opacity:0.7;
	}

.gallery-meta {
	overflow:hidden;
	padding:0 0 20px 0;
}
.gallery-name {
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	color:#333;
	max-width:70%;
}
	.gallery-name:hover {
		text-decoration:none;
		color:#0043e4;
	}
.map_container {
	padding:0 0 20px 0;
}
.map_container iframe {
	width:410px;
	height:376px;
	border:none;
	margin:0;
}
.adress {padding:0 0 40px 0;}
.adress .dt {
	display:block;
	font-weight:normal;
	float:left;
	color:#333;
	letter-spacing:-1px;
	font-size:12px;
	line-height:18px;
	width:180px;
	margin:0 40px 0 0;
	font-size:18px;
	line-height:30px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
}
.adress .dd {
	font-size:14px;
	line-height:25px;
	color:#333;
	overflow:hidden;
}
.adress .dd a {
	color:#333;
}
.artist-media-player iframe {
	margin-bottom: 1.5em;
}

.the-excerpt h2,
.the-excerpt h3 {
	min-height: 2.5em;
	font-weight: 700;
}

.the-excerpt>p {
	padding-bottom: 0;
}

.the-content {
	padding-bottom: 25px;
}

.the-content iframe {
	width: 800px;
	height: 480px
}

.previous-posts {
	float: left;
}

.next-posts {
	float: right;
}

ul.artist-tourdates li {
	text-align: left;
	margin-bottom: 1em;
}

li.artist-tourdates-poster img {
	max-width: 100%;
	height: auto;
}

table.artist-tourdates {
	margin-bottom: 2em;
	border-top: 1px solid black;
	width: 100%;
}

table.artist-tourdates th,
table.artist-tourdates td {
	text-align: left;
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid black;
}

table.artist-tourdates th {
	width: 15ch;
}

table.artist-tourdates td.country {
	width: 5ch;
}

@media (max-width : 768px) {
	table.artist-tourdates {
		display: flex;
		flex-direction: column;
	}
	table.artist-tourdates th,
	table.artist-tourdates td {
		display: block;
		border: none;
		padding: 10px 0 0 0;
	}
	table.artist-tourdates td.country {
		float: right;
		margin-left: 1em;
	}
	table.artist-tourdates tr {
		border-bottom: 1px solid black;
	}
}

.page-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 20px;
	align-items: center;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.page-menu li {
	font-weight: bold;
	text-transform: uppercase;
}

.single-artists a.button {
	font-weight: bold;
	background-color: #d30008;
}

.single-artists a.button:hover {
	background-color: #000000;
}

/***************** Social list ****************/

.social-list {
	float:right;
}
	.social-list li {
		float:left;
		margin:0 0 0 10px;
	}
	.social-list li a {
		display: inline-block;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background-color: #000;
		transition: background-color .125s linear;
	}

	.social-list li a img {
		width: 48px;
		height: 48px;
	}

	.social-list li a:hover {
		background-color: #d30008;
	}

/******************** Footer ******************/
footer {
	color:#7f7f7f;
	font-size:14px;
	overflow:hidden;
	padding:25px 15px;
	background:#000;
	margin:0;
}
	footer a {
		color:#7f7f7f;
	}
	.copyright {
		float:left;
	}


.menu-footer-container ul li {
	display: inline-block;
	list-style: none;
}

.menu-footer-container ul li:before {
	content: ' • ';
}

.menu-footer-container ul li:first-child:before {
	display: none;
}

/******************** Responsive ******************/
/* desktop first (above styles already existed...) */

@media (max-width : 768px) {

	*, *::after, *::before {
		box-sizing:border-box;
	}

	body, html {
		min-width: auto;
		text-align: left;
	}

	.container_12,
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12,
	.col-13,
	.col-14,
	.col-15,
	.col-16,
	.main,
	header,
	header .header-wrapper,
	.mp-slider {
		width: auto;
		height: auto;
		float: none;
		margin: 0;
	}

	.img-box,
	.lightbox-image {
		width: 88%;
	}

	h4 {
		text-align: left;
	}

	td {
		display: block;
		margin-bottom: 20px;
		width: auto;
		height: auto;
	}

	header h1.logo {
		text-align: center;
		width: 100%;
		margin: 0;
	}

	header h1.logo a {
		margin: 0;
		height: 115px;
		width: 115px;
		background-size: cover;
		display: inline-block;
	}

	nav {
		clear: both;
		float: none;
		margin: 0;
		padding: 0;
	}

	.sf-menu {
		margin-top: 0;
	}

	.sf-menu > li {
		text-align: center;
		float: none;
		display: block;
	}

	.sf-menu ul {
		width: 100%;
	}

	.mp-slider div.pic {
		width: 100% !important;
		height: 0 !important;
		padding-top: 45%;
		background-size: 100% !important;
	}

	.mp-prev, .mp-next {
		bottom: 50%;
		margin-bottom: -25px;
	}

	.content-box img {
		width: 100%;
		height: auto;
	}

	body.post-type-archive-releases div.wrapper img,
	body.single-artists div.wrapper img {
		width: 100%;
		height: auto;
	}

	div.main {
		border-radius: 0;
	}

	body>.main-indents {
		padding-top: 0;
	}

	iframe {
		width: 100% !important;
		height: 50vw !important;
	}


	
	header .social-list {
		display: none;
	}

	/* Mobile menu */

	header {
		text-align: center;
		padding: 0;
	}

	#navbar-button {
		display: inline-block;
		margin: 0 auto 20px auto;
		width: 35px;
		height: 35px;
		padding: 0;
		background: transparent;
		border: 0;
		position: absolute;
		top: 64px;
		right: 30px;
	}

	#navbar-links {
		max-height: 0;
		overflow: hidden;
		transition: all .125s ease;
	}

	#navbar-links.expanded {
		padding-top: 15px;
		max-height: 1000px;
	}

	#navbar-button.expanded img {
		content:url("../images/icon-menu-close.svg");
	}

	#home-slider li img,
	#sidebar-slider li img,
	#home-slider li a,
	#sidebar-slider li a	 {
		width: 100%;
		height: auto;
	}

	#homepage-slider,
	#sidebar-slider {
		height: 100%;
		padding-top: 100%;
	}

	#home-slider {
		height: auto;
		min-height: auto;
		padding-top: 45%;
	}

	#home-slider li, #sidebar-slider li {
		align-items: flex-start;
	}

}

/* Videos */

.gnext, .gprev {
    display: none !important;
}

.plyr__control--overlaid {
    background-color: grey;
}

.plyr--full-ui input[type=range] {
    color: #d30008 !important;
}

.plyr__control--overlaid {
	background: #d30008 !important;
}

.gslide-media.gslide-video {
    max-width: 1680px !important;
}

.goverlay {
    background: rgba(0, 0, 0, .75);
}

#sprite-plyr[hidden] {
    display: none;
}

.video-thumbnails {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.video-thumbnails img {
	width: 100%;
	height: auto;
}

.video-thumbnails a {
	display: block;
	position: relative;
}

.video-thumbnails a img {
	position: relative;
}

.video-thumbnails a .play-button {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/video-play.svg) no-repeat;
	background-size: contain;
	z-index: 999;
	transition: all .25s ease-in-out;
}

.video-thumbnails a:hover .play-button {
	transform: translate(-50%,-50%) scale(1.1);
}

/* Sticky fx (see JS) */
@media (min-width : 769px) {
	div.sticky.fixed {
		position: fixed;
		top: 60px;
		z-index: 999;
	}

	.single-artists div.sticky.fixed .button {
		width: 100%;
		text-align: center;
		font-size: 1.5em;
		padding: 15px
	}
}