/* CSS for New Position of HBO button */

.spt-video-gate-hbo-wrapper .spt-video-gate-hbo-title h1 {
	margin: 12px 0 0 10px;
	padding-left: calc(24px - 6px);
}

@media screen and (min-width: 576px) {
	.spt-video-gate-hbo-wrapper .spt-video-gate-hbo-title h1 {
		margin-top: 24px;
	}
}

@media screen and (min-width: 768px) {
	.spt-video-gate-hbo-wrapper .spt-video-gate-hbo-title h1 {
		margin-top: 36px;
	}
}

@media screen and (min-width: 992px) {
	.spt-video-gate-hbo-wrapper .spt-video-gate-hbo-title h1 {
		margin-top: 48px;
	}
}

.spt-video-gate-hbo-wrapper .spt-video-gate-hbo-body {
	background: rgba(0,0,0,0.4);
	margin-top: 10px;
	padding: calc(24px - 6px);
}

.spt-video-gate-hbo-wrapper .spt-video-gate-hbo-body {
	margin-bottom: 0;
	margin-top: 10px;
}

.spt-video-gate-hbo-login-button-wrapper {
	padding: 28px 38px 0 0;
}

/* CSS Copied from Compiled Rebrand base theme to take out of page-registration */
/* Colors handled in _gigya.scss rebrand theme */
.spt-video-gate-hbo-login-button {
	padding:12px 24px;
	text-decoration:none;
	text-transform: uppercase;
}

.spt-video-gate-hbo-login-button,
.spt-video-gate-hbo-login-button:hover,
.spt-video-gate-hbo-login-button:focus {
	color:#fff;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	filter:none;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline
}

.spt-video-gate-hbo-login-button:active,
.spt-video-gate-hbo-login-button.active,
.no-touch .spt-video-gate-hbo-login-button:active {
	color:#fff;
	text-decoration:none;
	filter:none;
}

.no-touch .spt-video-gate-hbo-login-button:hover {
	color:#fff;
	text-decoration:none;
	filter:none
}