/*
 Theme Name:   Virgin Media Onboarding
 Template:     haystheme
 Version:      1.0.3
*/

body {
	background-color: #e1e1e1;
	color: #000000;
}

/* CTA BUTTONS OVERRIDES */

.hays-cta,
.hays-content .hays-cta,
input[type=button],
input[type=submit] {
	background-color: #322332;
	color: #ffffff;
	text-decoration: none;
}
.hays-cta:active,
.hays-cta:focus,
.hays-cta:hover,
.hays-content .hays-cta:active,
.hays-content .hays-cta:focus,
.hays-content .hays-cta:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover {
	background-color: #ff0a0a;
	color: #ffffff;
	text-decoration: none;
}
.hays-content .hays-cta {
	margin-right: 10px;
}

/* / CTA BUTTONS OVERRIDES */

/* HEADER OVERRIDES */
.hays-header-container-upper {
	padding: 0 0 20px 0;
	background-color: #322332;
}
.hays-header-container-lower {
	background-color: #ff0a0a;
}
.hays-header-inner-container .hays-main-logo {
	margin: 0 40px 10px 0;
}

/* / HEADER OVERRIDES */

/* SLIDER OVERRIDES */

.hays-slider .hays-slider-slide-heading-container {
	max-width: 50%;
}
.hays-slider .hays-slider-slide-heading {
	text-transform: none;
	font-size: 2.1em;
	line-height: 1.2em;
	background-color: transparent;
    color: #ffffff;
	
}
@media only screen and (max-width: 700px) {
	.hays-slider .hays-slider-slide-heading-container {
		max-width: none;
	}
	.hays-slider .hays-slider-slide-heading {
		font-size: 4vw;
		background-color: #ffffff;
		color: #ff0a0a;
	}
}
/* / SLIDER OVERRIDES */
 
/* CONTENT OVERRIDES */

.hays-content a {
	color: #ff0a0a;
}
.hays-content a:hover,
.hays-content a:active {
	color: #ff0a0a;
	text-decoration: underline;
}
.hays-content h1, .hays-content h2, .hays-content h3, .hays-content h4, .hays-content h5, .hays-content h6,
.hays-content h1 a, .hays-content h2 a, .hays-content h3 a, .hays-content h4 a, .hays-content h5 a, .hays-content h6 a {
	color: #322332;
}
.hays-content h1, .hays-content h2, .hays-content h3, .hays-content h4 {
	text-transform: uppercase;
}
.hays-content h1 {
	font-size: 2.2em;
}
.hays-content h2 {
	font-size: 1.8em;
}
.hays-content h3 {
	font-size: 1.5em;
}
.hays-content h4 {
	font-size: 1.3em;
}
.hays-content h5 {
	font-size: 1.1em;
}
.hays-content h6 {
	font-size: 1em;
}
dl.hays-accordion dt a {
	background-color: #ff0a0a;
}
html.js dl.hays-accordion dt a:hover, html.js dl.hays-accordion dt a:active, dl.hays-accordion dt.active a {
	background-color: #322332;
}
.hays-content table th {
	border: 1px solid #322332;
	background-color: #ff0a0a;
}
.hays-content-item-image-and-text-item .hays-image-and-text-image {
	width: 22%;
}
.hays-content-item-image-and-text-item .hays-image-and-text-content {
	margin-left: 22%;
}
.hays-content hr {
	color: transparent;
	height: 1px;
	margin: 20px 0 20px 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}

/* /CONTENT OVERRIDES */

/* BLOCK OVERRIDES */

.hays-block {
	color: #000000;
}
.hays-block-banner .hays-banner-block-heading {
	color: #ffffff;
	background-color: #322332;
}
.hays-block.hays-block-content {
	background-color: #322332;
	color: #ffffff;
}
.hays-block.hays-block-content h1, .hays-block.hays-block-content h2, .hays-block.hays-block-content h3, .hays-block.hays-block-content h4, .hays-block.hays-block-content h5, .hays-block.hays-block-content h6,
.hays-block.hays-block-content h1 a, .hays-block.hays-block-content h2 a, .hays-block.hays-block-content h3 a, .hays-block.hays-block-content h4 a, .hays-block.hays-block-content h5 a, .hays-block.hays-block-content h6 a {
	color: #ffffff;
}
.hays-block.hays-block-content img.hero-full-bleed {
	margin-top: -20px;
	width: calc(100% + 40px);
	max-width: calc(100% + 40px);
	margin-left: calc(-20px);
	margin-right: calc(-20px);
}

/* / BLOCK OVERRIDES */

/* DESKTOP MENU OVERRIDES */

@media only screen and (min-width: 971px) {
	.sf-menu a {
		color: #ffffff;
	}
	.sf-menu li:hover > a, .sf-menu li:active > a, .sf-menu li.sfHover > a {
		color: #ffffff;
		text-decoration: underline;
	}
	.sf-menu > li.current-menu-item > a {
		color: #322332;
	}
	.sf-menu > .menu-item-has-children:after {
		border-top-color: #ffffff;
	}
	.sf-menu li:hover.menu-item-has-children:after, .sf-menu li:active.menu-item-has-children:after, .sf-menu li.sfHover.menu-item-has-children:after, .sf-menu > li.current-menu-item.menu-item-has-children:after {
		border-top-color: #322332;
	}
	.sf-menu ul {
		background-color: #322332;
		border-top: solid 4px #ff0a0a;
	}
	.sf-menu ul li, .sf-menu li.current-menu-item ul li, .sf-menu li.current-menu-parent ul li {
		background: #322332;
	}
	.sf-menu li ul li:hover,
	.sf-menu li ul li:active,
	.sf-menu li ul li.sfHover {
		color: #ff0a0a;
	}
	.sf-menu li ul li:hover a,
	.sf-menu li ul li:active a,
	.sf-menu li ul li.sfHover a,
	.sf-menu li ul li.current-menu-item a {
		color: #ff96af;
	}
	.sf-menu li:hover ul li:hover a,
	.sf-menu li:active ul li:active a,
	.sf-menu li.sfHover ul li.sfHover a {
		color: #ff96af;
	}
	.sf-menu li.current-menu-item.anchor-link:hover,
	.sf-menu li.current-menu-item.anchor-link:active {	
		color: #ff0a0a;
		text-decoration: underline;
	}

}

/* / DESKTOP MENU OVERRIDES */

/* SMALL SCREEN MENU OVERRIDES */

.hays-mobile-menu-icon .navicon,
.hays-mobile-menu-icon .navicon:before,
.hays-mobile-menu-icon .navicon:after {
    background-color: #ff0a0a;
}
@media only screen and (max-width: 970px) {
	.sf-menu a {
		color: #ff0a0a;
	}
	.sf-menu li:hover > a, .sf-menu li:active > a, .sf-menu li.sfHover > a {
		color: #ff0a0a;
		text-decoration: underline;
	}
	.sf-menu > li.current-menu-item > a {
		color: #322332;
	}
	.sf-menu > .menu-item-has-children > a:after {
		border-left-color: #ff0a0a;
	}
	.sf-menu li:hover.menu-item-has-children a:after, .sf-menu li:active.menu-item-has-children a:after, .sf-menu li.sfHover.menu-item-has-children a:after, .sf-menu > li.current-menu-item.menu-item-has-children a:after {
		border-left-color: #322332;
	}
	.sf-menu ul {
		background-color: #322332;
		border-top: solid 4px #ff0a0a;
	}
	.sf-menu ul li, .sf-menu li.current-menu-item ul li, .sf-menu li.current-menu-parent ul li {
		background: #322332;
	}
	.sf-menu li ul li:hover,
	.sf-menu li ul li:active,
	.sf-menu li ul li.sfHover {
		color: #ff0a0a;
	}
	.sf-menu li ul li:hover a,
	.sf-menu li ul li:active a,
	.sf-menu li ul li.sfHover a,
	.sf-menu li ul li.current-menu-item a {
		color: #ff96af;
	}
	.sf-menu li:hover ul li:hover a,
	.sf-menu li:active ul li:active a,
	.sf-menu li.sfHover ul li.sfHover a {
		color: #ff96af;
	}
	.sf-menu li.current-menu-item.anchor-link:hover,
	.sf-menu li.current-menu-item.anchor-link:active {	
		color: #ff0a0a;
		text-decoration: underline;
	}

}


/* / SMALL SCREEN MENU OVERRIDES */

/* FOOTER OVERRIDES */

.hays-footer-content ul li a, .hays-footer-menu ul li a {
	color: #ff0a0a;
}
.hays-footer-content ul li a:active, .hays-footer-menu ul li a:active, .hays-footer-content ul li a:hover, .hays-footer-menu ul li a:hover {
	color: #ff0a0a;
	text-decoration: underline;
}