html{
	background-color:#000;
	background-size:cover;
    background-image: url(../img/blank.png);
    opacity: 1.0;
    -webkit-transition: background-image 1.5s linear, background-color 1.5s linear;
    -moz-transition: background-image 1.5s linear, background-color 1.5s linear;
    -o-transition: background-image 1.5s linear, background-color 1.5s linear;
    -ms-transition: background-image 1.5s linear, background-color 1.5s linear;
    transition: background-image 1.5s linear, background-color 1.5s linear;
	min-height: 100%;
}

html:not(.theme-position-full).font-size-large{ font-size:110%; }
html:not(.theme-position-full).font-size-extra-large{ font-size:120%; }

body{ min-height:100%; text-align: center; }

.fa-deezer{
	background: center center no-repeat url(../img/icon.deezer.png);
    background-size: contain;
	width:16px;
}

a:not(.button){ text-decoration: underline; color:#fff; }
a:not(.button):hover{ text-decoration: none; color:#fff; }

.wmgsdk-modal-blur,
html.wmgsdk-modal-active .wrapper{ filter: blur(1rem); }
html.wmgsdk-modal-active .header,
html.wmgsdk-modal-active .footer{ display:none; }

.wmgsdk-modal-dialogue-container a:not(.button),
.wmgsdk-modal-dialogue-container a:not(.button):hover{ color: #000; }

tbody tr:nth-child(even){ background-color:transparent; }

label{ font-size:100%; }

ol{ list-style-type: decimal; }
ul li,
ol li{ margin-bottom:0.5rem; list-style-type: inherit; }
ul li:last-child,
ol li:last-child{ margin-bottom:0; }

[data-password-form] .error-container{ padding-top:20px; }
[data-password-form] .error-container p{ margin-top:0; }

/* Margin & Padding */
.padding-none{ padding:0; }
.padding-xsmall{ padding:5px; }
.padding-small{ padding:10px; }
.padding-medium{ padding:20px; }
.padding-large{ padding:30px; }
.padding-xlarge{ padding:40px; }
.padding-xxlarge{ padding:50px; }

	.padding-none-vertical{ padding-top:0; padding-bottom:0; }
	.padding-xsmall-vertical{ padding-top:5px; padding-bottom:5px; }
	.padding-small-vertical{ padding-top:10px; padding-bottom:10px; }
	.padding-medium-vertical{ padding-top:20px; padding-bottom:20px; }
	.padding-large-vertical{ padding-top:30px; padding-bottom:30px; }
	.padding-xlarge-vertical{ padding-top:40px; padding-bottom:40px; }
	.padding-xxlarge-vertical{ padding-top:50px; padding-bottom:50px; }

	.padding-none-horizontal{ padding-left:0; padding-right:0; }
	.padding-xsmall-horizontal{ padding-left:5px; padding-right:5px; }
	.padding-small-horizontal{ padding-left:10px; padding-right:10px; }
	.padding-medium-horizontal{ padding-left:20px; padding-right:20px; }
	.padding-large-horizontal{ padding-left:30px; padding-right:30px; }
	.padding-xlarge-horizontal{ padding-left:40px; padding-right:40px; }
	.padding-xxlarge-horizontal{ padding-left:50px; padding-right:50px; }

	.padding-none-top{ padding-top:0; }
	.padding-xsmall-top{ padding-top:5px; }
	.padding-small-top{ padding-top:10px; }
	.padding-medium-top{ padding-top:20px; }
	.padding-large-top{ padding-top:30px; }
	.padding-xlarge-top{ padding-top:40px; }
	.padding-xxlarge-top{ padding-top:50px; }

	.padding-none-bottom{ padding-bottom:0; }
	.padding-xsmall-bottom{ padding-bottom:5px; }
	.padding-small-bottom{ padding-bottom:10px; }
	.padding-medium-bottom{ padding-bottom:20px; }
	.padding-large-bottom{ padding-bottom:30px; }
	.padding-xlarge-bottom{ padding-bottom:40px; }
	.padding-xxlarge-bottom{ padding-bottom:50px; }

	.padding-none-left{ padding-left:0; }
	.padding-xsmall-left{ padding-left:5px; }
	.padding-small-left{ padding-left:10px; }
	.padding-medium-left{ padding-left:20px; }
	.padding-large-left{ padding-left:30px; }
	.padding-xlarge-left{ padding-left:40px; }
	.padding-xxlarge-left{ padding-left:50px; }

	.padding-none-right{ padding-right:0; }
	.padding-xsmall-right{ padding-right:5px; }
	.padding-small-right{ padding-right:10px; }
	.padding-medium-right{ padding-right:20px; }
	.padding-large-right{ padding-right:30px; }
	.padding-xlarge-right{ padding-right:40px; }
	.padding-xxlarge-right{ padding-right:50px; }

.margin-none{ margin:0; }
.margin-xsmall{ margin:5px; }
.margin-small{ margin:10px; }
.margin-medium{ margin:20px; }
.margin-large{ margin:30px; }
.margin-xlarge{ margin:40px; }
.margin-xxlarge{ margin:50px; }

	.margin-none-vertical{ margin-top:0; margin-bottom:0; }
	.margin-xsmall-vertical{ margin-top:5px; margin-bottom:5px; }
	.margin-small-vertical{ margin-top:10px; margin-bottom:10px; }
	.margin-medium-vertical{ margin-top:20px; margin-bottom:20px; }
	.margin-large-vertical{ margin-top:30px; margin-bottom:30px; }
	.margin-xlarge-vertical{ margin-top:40px; margin-bottom:40px; }
	.margin-xxlarge-vertical{ margin-top:50px; margin-bottom:50px; }

	.margin-none-horizontal{ margin-left:0; margin-right:0; }
	.margin-xsmall-horizontal{ margin-left:5px; margin-right:5px; }
	.margin-small-horizontal{ margin-left:10px; margin-right:10px; }
	.margin-medium-horizontal{ margin-left:20px; margin-right:20px; }
	.margin-large-horizontal{ margin-left:30px; margin-right:30px; }
	.margin-xlarge-horizontal{ margin-left:40px; margin-right:40px; }
	.margin-xxlarge-horizontal{ margin-left:50px; margin-right:50px; }

	.margin-none-top{ margin-top:0; }
	.margin-xsmall-top{ margin-top:5px; }
	.margin-small-top{ margin-top:10px; }
	.margin-medium-top{ margin-top:20px; }
	.margin-large-top{ margin-top:30px; }
	.margin-xlarge-top{ margin-top:40px; }
	.margin-xxlarge-top{ margin-top:50px; }

	.margin-none-bottom{ margin-bottom:0; }
	.margin-xsmall-bottom{ margin-bottom:5px; }
	.margin-small-bottom{ margin-bottom:10px; }
	.margin-medium-bottom{ margin-bottom:20px; }
	.margin-large-bottom{ margin-bottom:30px; }
	.margin-xlarge-bottom{ margin-bottom:40px; }
	.margin-xxlarge-bottom{ margin-bottom:50px; }

	.margin-none-left{ margin-left:0; }
	.margin-xsmall-left{ margin-left:5px; }
	.margin-small-left{ margin-left:10px; }
	.margin-medium-left{ margin-left:20px; }
	.margin-large-left{ margin-left:30px; }
	.margin-xlarge-left{ margin-left:40px; }
	.margin-xxlarge-left{ margin-left:50px; }

	.margin-none-right{ margin-right:0; }
	.margin-xsmall-right{ margin-right:5px; }
	.margin-small-right{ margin-right:10px; }
	.margin-medium-right{ margin-right:20px; }
	.margin-large-right{ margin-right:30px; }
	.margin-xlarge-right{ margin-right:40px; }
	.margin-xxlarge-right{ margin-right:50px; }

body.hpto-true button[data-platform]:not([data-platform="spotify"]):not([data-platform="form"]){
    display:none;
}

body[class*="platform-"] button[data-platform]:not([data-platform="form"]){ display:none; }
body.platform-spotify button.button[data-platform="spotify"],
body.platform-deezer button.button[data-platform="deezer"],
body.platform-google button.button[data-platform="google"],
body.platform-vkontakte button.button[data-platform="vkontakte"],
body.platform-apple button.button[data-platform="apple"]{ display:inline-block; }
button[data-platform]{ border-color:rgba(255, 255, 255, 0.7); }

body.hpto-true .footer ul.social li:not(.spotify):not(.custom){ display: none; }

table tbody{ border:0 none; background: transparent; }

a.button[href]:hover,
button.button:not([disabled]):hover,
input[type="submit"]:enabled:hover,
button:enabled:hover{ box-shadow: 0 0 41px rgba(0, 0, 0, .3) inset; }

a.button[href]:focus,
button.button:not([disabled]):focus,
input[type="submit"]:enabled:focus,
button:enabled:focus{ box-shadow: 0 0 41px rgba(0, 0, 0, .6) inset; }

/* Button: Apple */

a.button.button-applemusic[href],
a.button.button-applemusic,
button.button.button-applemusic{  }

a.button.button-applemusic:hover,
button.button.button-applemusic:hover{ box-shadow: 0 0 41px rgba(255, 255, 255, .2) inset; }

a.button.button-applemusic:focus,
button.button.button-applemusic:focus{ box-shadow: 0 0 41px rgba(255, 255, 255, .3) inset; }

/* Button: Form Entry */
a.button.button-form,
button.button.button-form{ }

a.button.button-form[href],
button.button.button-form{ }

/* Button: Red */
button.button-red,
div.form-field-submit input.button-red,
div.form-field-button button.button-red{ background-color:#be0000; }

.wrapper{ min-height: 100vh; padding-bottom:50px; padding-top:50px; }
.user-authenticated .wrapper{ min-height: calc(100vh - 42px); }

.wrapper > div{ max-width:1150px; }
body.theme-thin .wrapper > div{ max-width:640px; }
body.theme-wide-normal .wrapper > div{ max-width:740px; }

.image{ max-height: 900px; }
.embed{ width:100%; height:100%; display: block; }

body:not(.theme-position-full) .image{  }

body.theme-thin .embed,
[data-page="thankyou-page"] .embed{ height:400px; }
body.theme-thin .embed.embed-youtube,
[data-page="thankyou-page"] .embed.embed-youtube{ height:calc(100% * 56.25%); }



.logo img{ max-width:500px; width:auto; }

.title h3{ margin-bottom:0.8rem; }
.title{ margin-bottom:1.6rem; }


h3{ margin-bottom:1.4rem; }

/* Header */
.header{
	text-align:center;
	background: rgba(0, 0, 0, .65);
	width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
	z-index: 50;
}

	.header .header-inner{
		text-align:left;
		max-width:1150px;
		width:100%;
		margin: 0 auto;
	}

		.header .header-inner button:hover{ background: rgba(0, 0, 0, .65); }
		.header .header-inner button,
        .header .header-inner span.user{
			display:inline-block;
			text-decoration: none;
			font-size: 80%;
			padding: 1px 16px;
            color: #fff;
		}

		.header .header-inner .user span{
			margin:4px 0 0 0;
			display: block;
			float: left;
			width: 30px;
			height: 30px;
			border-radius:100%;
			background-color:#fff;
			background-position: center center;
			background-repeat: no-repeat;
			background-size:cover;
		}

		.header .header-inner p{
			margin:10px 0;
            color: #fff;
		}

		.header .header-inner .user p{ margin-left:36px; }
		.header .header-inner .sign-out{ float:right; cursor: pointer; }

/* Footer */
.footer{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background: rgba(0, 0, 0, 1);
	text-align:center;
	z-index: 50;
}

	.footer-inner{
		max-width:1150px;
		margin:0 auto;
		padding:0 0 1px 0;
		text-align:left;
		display: block;
	}

		.footer .footer-inner a{ color: #fff; text-decoration: underline; }
		.footer .footer-inner a:hover{ text-decoration: none; }

		.footer ul.social{ width:50%; }
		.footer .footer-inner div.links{ width:50%; }

		.footer ul.social{
			margin:0;
			padding:16px 0;
			float:right;
		}
		
			.footer ul.social li{
				margin:0;
				padding:0 0 0 28px;
				float:right;
				list-style:none;
			}
	
			.footer ul.social li a{
				display:block;
				background-position:center center;
				background-repeat:no-repeat;
				height:22px;
				width:22px;
				background-size:contain;
			}

			.footer ul.social li.spotify a{ background-image:url(../img/footer.spotify.png); }
			.footer ul.social li.facebook a{ background-image:url(../img/footer.facebook.png); }
			.footer ul.social li.twitter a{ background-image:url(../img/footer.twitter.png); }
			.footer ul.social li.youtube a{ background-image:url(../img/footer.youtube.png); }
			.footer ul.social li.instagram a{ background-image:url(../img/footer.instagram.png); }
			.footer ul.social li.apple-music a{ background-image:url(../img/footer.applemusic.png); }

			.footer ul.social li.custom{ }
			.footer ul.social li.custom a{ display:block; width: auto; }
			.footer ul.social li.custom img{ display:block; height:22px;}

		.footer .footer-inner div.links{
			padding:20px 0 20px 0;
			float:left;
		}

		.footer .footer-inner div.links p{
			color:#fff;
			margin:0;
			text-transform:uppercase;
			font-size:60%;
		}

		.footer .footer-inner div.links a{
			color:#fff;
		}

		.footer .powered-by{
			text-align:center;
			padding:20px 0 20px 0;
			font-size:60%;
			color:#fff;
			text-transform:uppercase;
		}

			.footer .powered-by p{
                margin:0;
			}

			.footer .powered-by a.topsify{
				display:inline-block;
				background:left center no-repeat url(../img/icon.topsify.white.png);
				background-size:contain;
				padding: 0px 0 0 18px;
				margin: 0 0 0 3px;
			}

.card{
    border-color: rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.5);
}

.card .image{ height:187px; background-repeat:no-repeat; background-size:cover; background-position:center top; }

.track-list{ text-align:left; }
.track-list .thumbnail{ max-width:49px; }

@media screen and (min-width: 64em) {
    html.theme-position-full { font-size: 1.2vw; }

    html.theme-position-full .wrapper{ padding-bottom:0; }

    html.theme-position-full body > .wrapper > .grid-container{ max-width: none; }

    html.theme-position-full .footer,
    html.theme-position-full .header{ position:static; font-size: 17px; }
}

/* Medium */
@media screen and (max-width: 40em) {
    .logo img{ width:100%; max-width: 80%; }
}

@media screen and (max-width: 64em) {

	.wrapper{ padding-bottom:0; }

	.footer-inner{ width:auto; min-height:100px; }

	.footer .footer-inner div.links{ width:auto; float:none; padding:22px 0 0 0; }

	.footer{
		width:auto;
		text-align:center;
		padding:0 0 0 0;
		display:block;
		position:static;
		left:auto;
		right:auto;
		bottom:auto;
	}

		.footer ul.social{
			float:none;
			width:auto;
			margin:0 auto 0;
			padding:16px 0 0;
			display:block;
			text-align: center;
		}

			.footer ul.social li{ float: none; display: inline-block; padding: 0 14px; }

		.footer .powered-by{
			padding:16px 0 16px;
		}

	.footer .footer-inner div.links p{ text-align:center; }
}