/**
 * SPT Rebrand Override Header CSS
 */

/* Fix for hover on mobile */
.touch .off-page-wrapper a:hover { background-color: inherit !important; }
.touch .off-page-wrapper li:not(.dropdown):hover { background-color: inherit !important; }

/* Fix for new menu below Sony header */
.sony-header-wrapper .sony-header {
	max-width: 100% !important;
}

/* Fix for AXN larger logo to avoid the more menu alter */
.refresh-header-wrapper .navbar-default .navbar-nav.nav--primary>li {
	padding: 40px 10px !important;
}

.refresh-header-wrapper {
	margin: 0 !important;
	max-width: 100% !important;
}

.refresh-header-wrapper .header-nav-wrapper .primary-menu {
	justify-content: flex-start;
	margin: 0;
	width: 100%;
}

.refresh-header-wrapper .header-nav-wrapper .user-menu .inner {
	justify-content: flex-end;
	margin: 0;
	width: 100%;
}

.refresh-header-wrapper .header-nav-wrapper .user-menu .block-settings-user {
	flex-grow: inherit;
}

.refresh-header-wrapper .header-nav-wrapper .navbar {
	display: flex;
}

/* --------- Pull out nav --------- */
.refresh-header-wrapper .hamburger {
	display: block;
}

/* To accommodate the Drupal menu */
.logged-in .off-page-wrapper {
	top: 30px;
}

/* Moved to theme so color is dynamic */
/*.hamburger--slider.is-active .hamburger-inner,*/
/*.hamburger--slider.is-active .hamburger-inner::before,*/
/*.hamburger--slider.is-active .hamburger-inner::after {*/
	/*background: #26a6f5;*/
/*}*/

/*#block-settings-user-settings-user-menu--2 .navbar-nav li a.active:not([href = "/registration"]),*/
/*#block-menu-menu-primary-menu--2 .nav--primary li.active,*/
/*#block-settings-user-settings-user-menu--2 .navbar-nav li a.active:not([href = "/registration"]):hover,*/
/*#block-menu-menu-primary-menu--2 .nav--primary li.active:hover {*/
	/*background: #26a6f5;*/
/*}*/

/* Move content */
#page-wrapper {
	left: 0;
	position: relative;
	transition: 0.1s left ease-in-out;
}

.is-mobile .global-header {
	left: 0;
}

/* Need to push the global header for mobile */
#page-wrapper.menu-open,
.is-mobile .global-header.menu-open {
	left: 230px;
}

#block-menu-menu-primary-menu .menu-attach-block-wrapper {
	max-width: none;
}

#block-menu-menu-primary-menu .menu-attach-block-wrapper.menu-open {
	left: 230px;
	transition: 0.1s left ease-in-out;
}

.off-page-wrapper {
	background-color: #000;
	height: 100%;
	left: -230px;
	position: fixed;
	top: 0;
	transition: 0.1s left ease-in-out;
	width: 230px;
	z-index: 101;
}

.off-page-wrapper.menu-open,
.is-mobile .global-header {
	left: 0;
	transition: 0.1s left ease-in-out;
}

.off-page-wrapper .scroll-wrap {
	display: block;
	height: 100%;
	overflow: scroll;
	position: relative;
	touch-action: auto;
	width: 100%;
}

.global-header .off-page-wrapper .navbar {
	width: 100%;
}

.off-page-wrapper #block-settings-user-settings-user-menu--2 .navbar-nav li,
.off-page-wrapper #block-menu-menu-primary-menu--2 .nav--primary li {
	display: block;
}

.off-page-wrapper .navbar-default .navbar-nav>li.active>a::before {
	display: none;
}

#block-settings-user-settings-user-menu--2 .navbar-nav li:not(.dropdown),
#block-menu-menu-primary-menu--2 .nav--primary li {
	color: #fff;
	border-bottom: 1px solid #1e1e1e;
	padding: 0;
	text-transform: uppercase;
}

/* TODO Check on mobile again */
#block-settings-user-settings-user-menu--2 .navbar-nav li:not(.dropdown):not(.dropdown-header):focus,
#block-menu-menu-primary-menu--2 .nav--primary li:focus {
	background-color: transparent;
}

#block-settings-user-settings-user-menu--2 .navbar-nav li:not(.dropdown):not(.dropdown-header):hover,
#block-menu-menu-primary-menu--2 .nav--primary li:hover {
	background-color: #494949;
}

#block-settings-user-settings-user-menu--2 .navbar-nav li:hover a,
#block-settings-user-settings-user-menu--2 .navbar-nav li:focus a,
#block-menu-menu-primary-menu--2 .nav--primary li:hover a,
#block-menu-menu-primary-menu--2 .nav--primary li:focus a {
	color: #fff;
}

#block-settings-user-settings-user-menu--2 .navbar-nav li a,
#block-menu-menu-primary-menu--2 .nav--primary li a,
.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .dropdown {
	color: #fff;
	padding: 25px 24px;
}

#block-menu-menu-primary-menu--2 .schedule-nav-item.dropdown-block a:after {
	display: none;
}

/* HBO Login */
.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .js-spt-auth-parent,
.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .js-spt-auth-parent:hover,
.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .js-spt-auth-parent>a.spt-auth-dropdown.has-auth-image,
.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .js-spt-auth-parent>a.spt-auth-dropdown.has-auth-image:active {
	background-color: #232323;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .js-spt-auth-parent>a.spt-auth-dropdown.has-auth-image:after {
	top: 50%;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .js-spt-auth-parent.open>a.spt-auth-dropdown.has-auth-image:after {
	bottom: 50%;
	top: calc(50% - 4px);
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .js-spt-auth-parent .spt-auth-dropdown.has-auth-image .inner-text {
	display: none;
}

/* Gigya Login */
.global-header #block-settings-user-settings-user-menu--2 .item-list,
.global-header #block-settings-user-settings-user-menu--2 .navbar-nav,
.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .dropdown {
	width: 100%;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .dropdown .dropdown-toggle {
	padding: 0;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .dropdown {
	padding: 18px 24px;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .dropdown li:not(.dropdown-header) a{
	text-transform: capitalize;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .dropdown li:not(.dropdown-header):hover {
	background-color: transparent;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .dropdown li:not(.dropdown-header) a:not(.active) {
	color: #b6b6b6;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav .dropdown li:not(.dropdown-header) a:hover {
	color: #fff;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav li.dropdown a {
	padding: 0;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav li.dropdown li {
	padding: 14px 20px;
}

.global-header #block-settings-user-settings-user-menu--2 .navbar-nav>li.open>.dropdown-menu {
	top: 81px;
	right: 0;
	left: 0;
}

.global-header #block-settings-user-settings-user-menu--2 .dropdown.open>a {
	background-color: transparent;
}

/* Page overlay */
#page-wrapper:before {
	content: '';
	background-color: rgba(0,0,0,0);
	height: 100%;
	position: absolute;
	transition: background-color .25s ease-in-out, width .25s ease-in-out;
	width: 0;
	z-index: 100;
}

#page-wrapper.menu-open:before {
	background-color: rgba(0,0,0,.5);
	transition: background-color .25s ease-in-out, width .25s ease-in-out;
	width: 100%;
}

/* ------ Media Queries ------ */
@media screen and (max-width: 660px) {
	.global-header .refresh-header-wrapper #block-settings-user-settings-user-menu {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	#block-menu-menu-primary-menu .menu-attach-block-wrapper.menu-open {
		left: 300px;
	}

	#page-wrapper.menu-open,
	.is-mobile .global-header.menu-open {
		left: 300px;
	}

	.off-page-wrapper {
		left: -300px;
		width: 300px;
	}
}

@media screen and (min-width: 1025px) {
	/* Show expanded nav */
	.global-header .refresh-header-wrapper #block-menu-menu-primary-menu {
		align-items: stretch;
		align-self: flex-start;
		display: flex;
		flex-grow: 1;
		flex-shrink: 1;
		height: 100%;
		max-width: 100%;
		padding-right: 24px;
		position: relative;
		width: 100%;
	}
}

@media screen and (max-width: 1025px) {
	/* Hide expanded nav */
	.global-header .refresh-header-wrapper .primary-menu .container-fluid.inner {
		justify-content: flex-start;
	}

	.global-header .refresh-header-wrapper #block-menu-menu-primary-menu {
		display: none;
	}
}