@import url('https://fonts.googleapis.com/css?family=Overpass:400,600,700|Roboto');



/* Typography
 * Overpass:100,200,300,400,600,700,800,900
 */

	html,body,.Sans {font-family: "Overpass"; color: #3A3A3A;}
	/*a {color: #222222;}*/
	a.-color {color: #3A3A3A !important;}

	.Display,.Sans-Alt,
	.button {font-family: "Overpass";}

	.Display,
	.button {font-weight: 700;}


/* COLOURS
 * primary 		red: #DC3B41
 *
 */
	.color,
	.colors,
	.colors a,
	#pagecontent a:not([class*="color"]):not([class*="white"]) {color: #DC3B41;}

	.color-bg {background-color: #DC3B41;}
	.color700-bg {background-color: rgba(210,49,55,1);}

	.color.button {background-color: #DC3B41;}
	nav#sidenav.on-hover-dropdown > ul > li > a:hover {background-color: rgba(255,255,255,.2);}
	nav#sidenav.on-hover-dropdown > ul > li.js-active > a {background: rgba(255,255,255,.9); color: #DC3B41;}


/* NAV
 */
	nav.on-hover-dropdown ul ul {background: #FFF; box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);}
	nav.on-hover-dropdown ul ul li {width: 100%;}
	nav.on-hover-dropdown ul ul li {border-top:1px solid rgba(0,0,0,.1);}
	nav.on-hover-dropdown ul ul a {color: #DC3B41;}

	nav#sidenav.padded-group a { line-height: 4rem;min-height: 4rem;padding: 1.5rem 0.75rem 1.2rem 0.75rem; padding-top: 1.3rem;}
	nav#sidenav.padded-group ul +ul a {padding-left: .5rem; padding-right: .5rem;}
	/*html[data-hero] #header.position-top:not(.js-over-the-top) nav#sidenav.padded-group a {line-height: 4rem;min-height: 4rem;font-size: 125%; padding: 1.25rem 1.5rem;}*/

	nav#sidenav li { height: 3.5rem;}
	html[data-hero] #header.position-top:not(.js-over-the-top) nav#sidenav li { height: 4rem;}
	nav#sidenav li a {transition: color .3s, background-color .3s, opacity .3s;}


/* BUTTONS
 */
	.button {text-transform: uppercase;}
	.button[class*="color"] {color: #FFF;}


	.button {box-shadow: 0 6px 2px -3px rgba(0,0,0,.2); transition: opacity .3s, box-shadow .3s;}
	.button:hover {box-shadow: 0 6px 0px -3px rgba(0,0,0,.4);}

	.fatter.button {line-height: 4em; height: 4em;}





/* FORMS
 */

/* GLOBALS
 */
	.strike-through {position: relative; margin-left: 3.5em;}
	.strike-through:before { content: ''; width: 2.75em; background-color: rgba(58,58,58,.8); height: 2px; position: absolute; right: calc(100% + .75em); top: calc(50% - 1px);}
	a.strike-through:before,
	.strike-through.color:before  {background-color: rgba(220,59,65,.8);}

	.strike-through.white:before  {background-color: rgba(255,255,255,.8);}




/* TEMPLATE
 */

	html[data-fullwidth] #content.spacer-bottom {padding-bottom: 0; }
	.wrapper-inner #header.position-top + #content {padding-top: calc(3em - 2px);}

	#header-top {/*height: 6em;*/ }
	#header-top nav.border-left { margin-left: 12rem; border-left-color: rgba(220,59,65,.3); }





	#header #logo {top: -6em;}

	#nav-quick-links li {border-top: 1px solid rgba(255,255,255,.1);}
	#nav-quick-links li {border-bottom: 1px solid rgba(0,0,0,.1);}




/* PAGE
 */