img:is([sizes="auto" i], [sizes^="auto," i]) {
	contain-intrinsic-size: 3000px 1500px
}


@font-face {
	font-family: 'Libre Franklin';
	src: url('../fonts/LibreFranklin-Regular.ttf');
	font-weight: 300;
	font-style: normal;
}


.custom-header-media:before {
	height: 100% !important;
}

.site-footer {
	background-color: transparent !important;
}

.site-footer {
	margin-top: 0;
}

.site-footer .widget-title {
	color: grey;
}

.site-content-contain {
	background-color: transparent;
}

.site-content {
	background-color: white;
}

#wp-custom-header-video-button {
	display: none;
}

#asheardon {
	font-family: serif;
	text-align: center;
	position: absolute;
	z-index: 999;
	left: 50%;
	top: 1%;
	width: 100%;
	margin-left: -50%;
}

#asheardon a img {
	color: white;
	box-shadow: 3px 2px 12px #222222;
}

#asheardon img {
	margin: 0.8em;
}

@media screen and (max-width: 48em) {
	#asheardon img {
		height: 110px;
		margin: 0.4em;
	}
}

@media screen and (max-width: 35em) {
	#asheardon img {
		height: 20vw;
		margin: 0.4em;
	}
}

.chillbutton {
	display: inline-block;
	padding: 12px 31px;
	border-radius: 5px;
	background-color: black;
	background-image: none;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	color: white !important;
	text-align: center;
	text-decoration: none;
	box-shadow: none !important;
}

.chillbutton:hover {
	background-color: #008cff;
	color: white !important;
	box-shadow: none !important;
}

.smallbutton {
	font-size: 0.8em;
	padding: 8px 16px;
	margin: 0.2em 0em 0em 6px;
	float: left;
}

.rt_albums {
	position: absolute;
	right: 5px;
	top: 172px;
	padding-right: 2px;
	text-align: right;
	font-size: 0.8em;
	line-height: 2.4em;
}

.rt_albums span {
	font-weight: bold;
}

.rt_albums img {
	width: 37px;
	height: 37px;
	display: inline-block;
	margin-bottom: -1px;
	margin-left: 3px;
}

.rt_player {
	text-align: right;
	overflow: hidden;
}

.rt_player iframe {
	margin-bottom: 0px !important;
}

#rtcontainer {
	position: absolute;
	z-index: 999;
	left: 50%;
	top: 30%;
	width: 60%;
	margin-left: -30%;
	max-width: 699px;
}

#tracklisting li {
	line-height: 2em;
}

#tracklisting li:hover,
.lihover {
	background-color: #333;
	color: white;
	cursor: pointer;
	padding-left: 0.4em;
}

#tracklisting li:hover a,
.lihover a {
	color: white;
}

@media screen and (min-width:64em) {
	#rtcontainer {
		width: 700px;
		margin-left: -350px;
		top: 30%;
	}
}

@media screen and (max-width:64em) {
	#rtcontainer {
		width: 70%;
		margin-left: -35%;
		top: 20%;
	}
}

@media screen and (min-width: 48em) {

	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: none;
		width: 100%;
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: none;
		width: 100%;
	}

	.page-two-column .panel-content .entry-header {
		float: none;
		width: 100%;
	}

	.page-two-column .panel-content .entry-content {
		float: none;
		width: 100%;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		min-height: 814px !important;
	}
}

@media screen and (min-width: 30em) {
	.panel-content .entry-header {
		margin-bottom: 2.5em;
	}
}

@media screen and (max-width: 60em) {
	.rt_albums {
		font-size: 0.7em;
	}
}

@media screen and (max-width: 48em) {
	.rt_albums {
		font-size: 0.6em;
	}

	#rtcontainer {
		width: 80%;
		margin-left: -40%;
		top: 20%;
	}

	.smallbutton {
		font-size: 0.6em;
	}

	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		height: 100vh !important;
	}

	svg {
		width: 40%;
		height: auto;
	}
}

@media screen and (max-width: 39em) {
	.rt_albums {
		display: none;
	}
}

.album-container {
	margin: 0 20px 30px 0;
	width: 200px;
	height: 267px;
	display: inline-block;
}

.acx_smw_float_fix a {
	margin-left: 3em;
}

.acx_smw_float_fix a img {
	box-shadow: 0 0 0 0px #fff;
}

.cc-rt-content {
	background-image: url(../images/dreamstime_xxl_45271437_1920x1080.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.cc-rt-content h2,
.cc-rt-content figcaption,
.cc-rt-content a {
	color: white !important;
	text-shadow: 1px 1px 2px black;
}

.cc-rt-content figcaption {
	font-family: sans-serif;
	font-size: 1em;
	font-weight: 100 !important;
	margin-top: 30px;
	max-width: 80%;
	line-height: 1.7em;
}

.cc-action-link a {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 0.05em;
}