/*
	Theme Name: Northgate Careers
	Theme URI: http://northgatecareers.co.uk/
	Description: Bespoke theme for Northgate Careers
	Author: Source Design
	Author URI: http://www.source-design.co.uk
	Version: 1.0
*/

@import 'editor-style.css';

/* BASIC SETUP */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
*:before, *:after { box-sizing: border-box; }

html {

}
body {
	background: #FFFFFF;
	color: #000000;
	font-family: 'Istok Web', Helvetica, Arial, sans-serif;
	font-size: 1em;
	overflow-x: hidden;
}

/* useful styles */
hr {
	border: 0;
	border-bottom: 1px dotted #1fb25a;
	margin: 1em 0;
}
hr.wide {
	margin-left: -10000em;
	margin-right: -10000em;
}
.error {
	color: #FF0000;
}
.small {
	font-size: 0.75em;
}

blockquote {
	font-style: italic;
	margin: 0 0 1em 2em;
}

/* responsive */
.desktop {
	display: block !important;
}
span.desktop {
	display: inline !important;
}
table.desktop {
	display: table !important;
}
col.desktop {
	display: table-column !important;
}
th.desktop,
td.desktop {
	display: table-cell !important;
}
tr.desktop {
	display: table-row !important;
}
.mobile,
span.mobile,
table.mobile,
col.mobile,
th.mobile,
td.mobile,
tr.mobile {
	display: none !important;
}

/* alignment */
.align-left {
	text-align: left !important;
}
.align-center {
	text-align: center !important;
}
.align-right {
	text-align: right !important;
}
.valign-top {
	vertical-align: top !important;
}
.valign-middle {
	vertical-align: middle !important;
}
.valign-bottom {
	vertical-align: bottom !important;
}
.clear {
	clear: both;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0px;
}
.clearafter:after {
	content: '';
	clear: both;
	display: block;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

.text-uppercase {
	text-transform: uppercase;
}

/* wp specific classes */
.alignleft {
	float: left;
	margin: 0 1.5em 1.5em 0;
}
.alignright {
	float: right;
	margin: 0 0 1.5em 1.5em;
}
.aligncenter {
	display: block;
	margin: 0 auto 1.5em;
}

/* micro clearfix - better than using clear divs */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after { clear: both; }
.cf { *zoom: 1; }


/* common elements */
p {
	line-height: 1.4;
	margin-bottom: 1em;
}
p:last-child {
	margin-bottom: 0;
}
img {
	border: 0;
}
a {
	color: #1fb25a;
	text-decoration: none;
}
a:hover {
	color: #000;
}

.large-paragraph {
	font-size: 1.4em;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.widget-title {
	font-weight: normal;
	line-height: 1.2em;
	margin: 1em 0;
}
h1, .h1, .content-box .widget-title {
	font-size: 1.6em;
}
h2, .h2 {
	font-size: 1.2em;
}
h3, .h3 {
	font-size: 1.1em;
}
h4, h5, h6, .h4, .h5, .h6 {
	font-size: 1.1em;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
	margin-top: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
	color: inherit;
}


/* column styles */
.columns {
	margin: 15px -15px;
	max-width: none !important;
}
.columns.tight {
	margin: 5px -5px;
}
.columns:first-child {
	margin-top: 0;
}
.columns:last-child {
	margin-bottom: 0;
}
.columns:after {
	clear: both;
	content: '';
	display: block;
}
.c10, .c20, .c25, .c30, .c33, .c40, .c50,
.c60, .c66, .c75, .c70,.c80,.c90, .c100 {
	float: left;
	position: relative;
	min-height: 1px;
}
.columns .c10,.columns .c20, .columns .c25, .columns .c30, .columns .c33, .columns .c40, .columns .c50, .columns .c60, .columns .c66,.columns .c70, .columns .c75, .columns .c80, .columns .c90,.columns .c100 {
	padding: 15px;
}
.c10 { width: 10%; }
.c20 { width: 20%; }
.c20.inline-block { width: 18%; }
.c25 { width: 25%; }
.c25.inline-block { width: 23%; }
.c30 { width: 30%; }
.c33 { width: 33.33%; }
.c33.inline-block { width: 31%; }
.c40 { width: 40%; }
.c50 { width: 50%; }
.c50.inline-block { width: 48%; }
.c60 { width: 60%; }
.c66 { width: 66.66%; }
.c70 { width: 70%; }
.c75 { width: 75%; }
.c80 { width: 80%; }
.c90 { width: 90%; }
.c100 { width: 100%; }

.columns.tight .c10, .columns.tight .c20, .columns.tight .c25, .columns.tight .c30, .columns.tight .c33, .columns.tight .c40, .columns.tight .c50, .columns.tight .c60, .columns.tight .c66, .columns.tight .c70, .columns.tight .c75, .columns.tight .c80, .columns.tight .c90, .columns.tight .c100 {
	padding: 5px;
}
.c10.float-right, .c20.float-right, .c25.float-right, .c30.float-right, .c33.float-right, .c40.float-right, .c50.float-right, .c60.float-right, .c66.float-right, .c70.float-right, .c75.float-right, .c80.float-right, .c90.float-right, .c100.float-right {
	float: right;
}
.c10.inline-block, .c20.inline-block, .c25.inline-block, .c30.inline-block, .c33.inline-block, .c40.inline-block, .c50.inline-block, .c60.inline-block, .c66.inline-block, .c70.inline-block, .c75.inline-block, .c80.inline-block, .c90.inline-block, .c100.inline-block {
	display: inline-block;
	float: none !important;
}

.lc {
	padding-right: 40px;
}
.rc {
	padding-left: 40px;
}


.inline-block {
	display: inline-block;
}





/* tabs */
.tabs {

}
	.tabs a {
		background: #f0f0f0;
		color: #333333;
		display: block;
		float: left;
		padding: 1px 5px;
		text-align: center;
	}
		.tabs a:hover {
			background-color: #333333;
			color: #FFFFFF;
		}
		.tabs a.active {
			background-color: #333333;
			color: #FFFFFF;
		}



.inset-left,
.inset-right {
	max-width: 50%;
}


/* pagenation */
.page-navigation {
	margin: 2em 0;
}



/* slideshow */
.cycle-slideshow {

}
	.cycle-slideshow * {
		max-width: 100%;
	}
	.slide {
		width: 100%;
	}
.slideshow-thumbnails {

}
	.cycle-slideshow .group {
		width: 100%;
	}



/* cycle slideshow controls */
.navi-arrow {
	background: url('images/arrow-right.svg') center right .5em/auto 70% no-repeat #CCCCCC;
	display: block;
	position: absolute;
	top: calc(50% - 2.5em);
	transition: all .3s ease;
	width: 4em; height: 5em;
	z-index: 1001;
}
.navi-arrow:hover {
	opacity: 1;
}
.navi-arrow.left {
	left: 0;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.navi-arrow.right {
	right: 0;
}
	.navi-arrow span {
		color: #FFFFFF;
		display: block;
		font-size: 1.1em;
		position: absolute; bottom: 0; left: 1.8em;
		text-align: center;
		text-transform: uppercase;
		-ms-transform-origin: 0% 100%;
		-webkit-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-ms-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
		width: 125%; max-width: none;
	}

.cycler-arrow {
	background: url('images/arrow-right.svg') center right 45%/auto 70% no-repeat rgba(0,0,0,.5);
	display: block;
	opacity: .6;
	position: absolute;
	top: calc(50% - 1em);
	transition: all .3s ease;
	width: 1.7em; height: 2em;
	z-index: 1001;
}
.cycler-arrow.left {
	left: 0;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.cycler-arrow.right {
	right: 0;
}
a.cycler-arrow:hover {
	opacity: 1;
}

.pager {
	bottom: 20px;
	position: absolute;
	right: 20px;
	z-index: 1000;
}
	.pager span {
		background: #f0f0f0;
		border-radius: 50%;
		cursor: pointer;
		display: inline-block;
		font-size: 0;
		height: 12px;
		margin: 0 3px;
		transition: all .3s ease;
		width: 12px;
	}
	.pager span:hover {
		opacity: .8;
	}
	.pager span.cycle-pager-active {
		background: #202020;
	}




/*.watermark {
	opacity: .1;
	pointer-events: none;
	position: absolute;
	width: 14em;
	z-index: 0;
}
.watermark.light {
	opacity: .05;
}
.watermark.top { top: 5%; }
.watermark.vcenter { top: 50%; margin-top: -7em; }
.watermark.bottom { bottom: 5%; }
.watermark.left { left: -10vw; }
.watermark.right { right: -10vw; }*/

.watermark { /* :) */ }
.watermark::after {
	background-repeat: no-repeat;
	content: " ";
	opacity: 0.1;
	position: absolute; top: 10px; left: -50px;
	z-index: 1;
}
.wm-logo.watermark::after {
	background-image: url(images/watermarks/northgate-icon.svg);
	background-size: 300px;
	height: 300px;
	width: 300px;
}
.wm-crosshair.watermark::after {
	background-image: url(images/watermarks/crosshairs.svg);
	background-size: 500px;
	height: 500px;
	width: 500px;
}
.wm-bottomright.watermark::after {
	top: auto; left: auto;
	bottom: 0; right: -20px;
}


.more-button,
.block-link {
	background: url('images/plus-1fb25a.svg') center left .6em/auto 1.4em no-repeat transparent;
	border: 1px solid #1fb25a;
	color: #1fb25a !important;
	display: inline-block;
	font-size: 1.1em;
	margin: 1em 0;
	padding: .5em .8em .5em 2.6em;
	text-decoration: none !important;
	text-transform: uppercase;
	white-space: nowrap;
}
.block-link {
	background-image: url('images/arrow-right-1fb25a.svg');
	background-position: center right .6em;
	padding: .5em 2.6em .5em .8em;
}
.block-link.back {
	background-image: url('images/arrow-left-1fb25a.svg');
	background-position: center left .6em;
	padding: .5em .8em .5em 2.6em;
}
.block-link.solid {
	background-color: #1fb25a;
	background-image: url('images/arrow-right.svg');
	color: #FFFFFF !important;
}
.block-link:hover,
.more-button:hover {
	opacity: .7;
}






/* ----------------------------- PAGE STRUCTURE ----------------------------- */
.root {
	padding-right: 3%; padding-left: 3%;
	position: relative;
	width: 100%;
}
	.root > div, .page-width {
		margin: 0px auto;
		position: relative;
		max-width: 900px;
	}
	.root.wide > div, .page-width.wide {
		max-width: 1100px;
	}


header {
	padding: 0;
	position: relative;
	z-index: 1003;
}
	header > div {
		height: 14vw; max-height: 140px;
		padding: 0;
	}
		header .logo {
			display: block;
			position: absolute; top: 30%; left: 0;
			width: 20%;
		}
			header .logo img {
				display: block;
				width: 100%;
			}
		.mobile-menu-toggle {
			display: none;
		}
		header .quick-menu {
			font-size: .9em;
			position: absolute; top: 0; right: 0;
			text-align: right;
		}
			header .widget_btsocmed_widget {
				display: inline-block;
				vertical-align: middle;
			}
			header .quick-menu .benefits-link {
				background: #2c7039;
				color: #FFFFFF;
				display: inline-block;
				padding: .5em 1em;
				text-transform: uppercase;
			}
				header .quick-menu .benefits-link img {
					display: inline;
					height: 1.6em;
					margin: -.3em .3em -.3em 0;
				}
			form.job-search {
				position: relative;
				width: 16em; max-width: 100%;
			}
			header form.job-search {
				background: #e5e5e5;
				margin: 0 0 .5em;
				max-width: 12em;
			}
			header .quick-menu form.job-search {
				display: inline-block;
			}
				form.job-search input[type="text"] {
					background: transparent;
					border: 0;
					margin: 0;
					width: 100%;
				}
				form.job-search input[type="image"] {
					background: transparent;
					margin: 0;
					position: absolute; right: 0; top: 0;
				}
			header .quick-menu .phone {
				font-size: 1.6em;
			}


.main-navigation {
	display: block;
	font-size: .8em;
	position: absolute; bottom: 1em; right: 0;
	text-align: right;
	z-index: 10002;
}
	.main-navigation .logo {
		display: none;
	}
	.main-navigation  .quick-menu {
		display: none;
	}
	.main-navigation ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		.main-navigation li {
			display: inline-block;
			margin: 0 .5em;
			padding: 0;
			position: relative;
		}
			.main-navigation ul a,
			.main-navigation ul a:visited {
				border-top: 1px solid transparent;
				color: #000000;
				display: block;
				padding: .2em 0;
				text-transform: uppercase;
			}
			.main-navigation li:first-child a {

			}
			.main-navigation li:last-child a {

			}
			.main-navigation ul li.current_page_item a,
			.main-navigation ul li.current_page_ancestor a {
				border-top: 1px dotted #1fb25a;
			}

			.main-navigation ul a:hover, .main-navigation ul ul a:hover {
				border-top: 1px dotted #1fb25a;
			}
			.main-navigation ul :hover > a, .main-navigation ul ul :hover > a {
				border-top: 1px dotted #1fb25a;
			}

			.main-navigation ul ul.sub-menu {
				position: absolute;
				height: 0;
				left: -1em;
				top: 100%;
				visibility: hidden;
				width: 12em;
			}
			.main-navigation ul li:last-of-type ul.sub-menu {
				left: auto; right: -1em;
			}
			.main-navigation ul li:hover ul,
			.main-navigation ul a:hover ul {
				visibility: visible;
			}

				.main-navigation ul ul.sub-menu li {
					display: block;
					float: none;
					margin: 0;
				}

					.main-navigation ul ul.sub-menu a,
					.main-navigation ul ul.sub-menu a:visited {
						background-color: #FFFFFF;
						border: 0;
						line-height: 1em;
						height: auto;
						padding: .4em 1em;
						text-align: left;
						text-transform: none;
					}
					.main-navigation ul ul.sub-menu li:first-child a {
						padding-top: 1em;
					}
					.main-navigation ul ul.sub-menu li:last-child a {
						padding-bottom: 1em;
					}
					.main-navigation ul ul.sub-menu a:hover {
						text-decoration: underline;
					}
					.main-navigation ul ul.sub-menu :hover > a {
						text-decoration: underline;
					}
					.main-navigation ul ul.sub-menu li.current_page_item a {
						text-decoration: underline;
					}
	.main-navigation a.external-link span.external-link-icon {
		width: 10px; height: 10px; display: inline-block;
		margin-left: 8px;
		background: url(images/external-link.png);
		background-repeat: no-repeat;
		background-size: contain;
	}


#google-map {
	width: 100%;
	height: 300px;
}
	#google-map img {
		max-width: none;
	}


.banner {
	background: #1fb25a;
	height: 35vw; max-height: 400px;
	overflow: hidden;
	position: relative;
}
	.banner .cycle-slideshow {
		width: 100%;
		height: 100%;
	}
		.banner .item {
			background: center/cover;
			display: block;
			height: 100%;
			position: absolute;
			width: 100%;
 		}
			.banner .item .link {
				display: block;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}
			.banner .root {
				height: 100%;
			}
				.banner .page-width {
					height: 100%;
				}
.banner.shallow {
	height: 17vw; max-height: 180px;
}

.banner.bannertext > div {
	position: relative;
	top: 50%;
	transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
}



/* SiteOrigin Hero banner images styling */
.home .sow-slider-pagination {
    display: none !important;
}
.so-widget-sow-hero {
	text-transform: uppercase;
}
	.so-widget-sow-hero li,
	.so-widget-sow-hero li .sow-slider-image-wrapper {
		height: 35vw !important; max-height: 400px !important;
	}
		.so-widget-sow-hero li a {
			color: inherit;
		}
		.so-widget-sow-hero li .sow-slider-image-wrapper {

		}
			/* circle that grows */
			.so-widget-sow-hero li .sow-slider-image-wrapper:before {
				background: rgba(0,0,0,.1);
				border-radius: 50%;
				content: '';
				display: block;
				position: absolute; top: 50%; left: 50%;
				width: 0; height: 0;
			}
			.so-widget-sow-hero li.cycle-slide-active .sow-slider-image-wrapper:before {
				transition: all 3s ease;
				top: -25%; left: 25%;
				width: 50%; padding-top: 50%;
			}
			/* make the move text in br corner */
			.so-widget-sow-hero li .sow-slider-image-wrapper:after {
				background: url('images/make-the-move.svg') bottom center/contain no-repeat transparent;
				content: '';
				display: block;
				position: absolute; right: 0; bottom: 3%;
				width: 20em; height: 5em; max-width: 50%;
			}
		.so-widget-sow-hero li p:nth-of-type(1) {
			background: rgba(0,0,0,.3);
			box-shadow: .5em 0 0 rgba(0,0,0,.3), -.5em 0 0 rgba(0,0,0,.3);
			box-decoration-break: clone;
			display: inline-block;
			margin: 0 100% 1em 0 !important;
			padding: .3em .5em;
			position: relative; left: -100vw;
			white-space: nowrap;
		}
		.so-widget-sow-hero li.cycle-slide-active p:nth-of-type(1) {
			left: .5em;
			transition: left 1s ease;
		}
			.so-widget-sow-hero li p:nth-of-type(1):before {
				background: url('images/arrow-right.svg') center/auto 1.2em no-repeat rgba(0,0,0,.3);
				content: '';
				display: block;
				position: absolute; left: -2.5em; top: 0em;
				width: 1.5em; height: 1.9em;
			}
		.so-widget-sow-hero li p:nth-of-type(2) {
			background: rgba(0,0,0,.3);
			box-shadow: .5em 0 0 rgba(0,0,0,.3), -.5em 0 0 rgba(0,0,0,.3);
			box-decoration-break: clone;
			display: inline;
			font-size: 2em !important;
			line-height: 1.6em;
			position: relative; left: -100vw;
		}
		.so-widget-sow-hero li.cycle-slide-active p:nth-of-type(2) {
			left: .5em;
			transition: left 2s ease;
		}
		.so-widget-sow-hero li p:nth-of-type(3) {
			font-size: 1.3em !important;
			margin: 1em 0;
			position: relative; left: -100vw;
		}
		.so-widget-sow-hero li.cycle-slide-active p:nth-of-type(3) {
			left: 0;
			transition: left 3s ease;
		}
		.so-widget-sow-hero li p:nth-of-type(4) {
			font-size: 1.3em !important;
			margin: 1em 0;
			position: relative; left: -150vw;
		}
		.so-widget-sow-hero li.cycle-slide-active p:nth-of-type(4) {
			left: 0;
			transition: left 4s ease;
		}
		.so-widget-sow-hero li p:nth-of-type(5) {
			font-size: 1.3em !important;
			margin: 1em 0;
			position: relative; left: -200vw;
		}
		.so-widget-sow-hero li.cycle-slide-active p:nth-of-type(5) {
			left: 0;
			transition: left 5s ease;
		}



/*
main.site-content {
	min-height: 20em;
}
main.site-content[data-slug="locations"] {
	min-height: 0;
}
*/

/* NAVIGATION STYLES */
.square-link {
	background: rgba(255,255,255,.2);
	border: 1px dotted transparent;
	color: #fff;
	display: block;
	padding: 10%;
	text-align: center;
	position: relative; top: 0;
	transition: all .3s ease;
	height: auto;  max-height: 200px;
}
a.square-link:hover,
a.square-link.active {
	background: transparent;
	border-color: #1fb25a;
	color: #FFF;
	/*top: .2em;*/
}
	.square-link .title {
		display: block;
		font-size: 1.2em;
		height: 30px;
		line-height: 1;
	}
	.square-link img {
		display: block;
		margin: 1em auto;
		width: 4em; height: 4em;
	}
	.square-link .subtitle {
		display: block;
		font-size: 80%;
		height: 30px;
		letter-spacing: 1px;
		line-height: 1.1;
		text-transform: uppercase;
	}


.navigation-circles {
	background: #1d1d1b;
	color: #FFFFFF;
	font-size: .8em;
	text-align: center;
}
	.navigation-circles > div {
		padding: 2em 0;
	}
	.navigation-circles > div:before {
		border-top: 1px dotted #1fb25a;
		content: '';
		display: block;
		position: absolute; left: 12.5%; top: 4em;
		width: 75%; height: 0;
		z-index: 1;
	}
.circle-link {
	color: inherit;
	display: block;
	opacity: 1;
	position: relative;
	z-index: 2;
}
	.circle-link:hover,
	.circle-link.active {
		color: #1fb25a;
	}
		.circle-link img {
			background: #1d1d1b;
			border: 1px solid #1fb25a;
			border-radius: 50%;
			display: block;
			margin: 0 auto 1.5em;
			position: relative; top: 0;
			transition: all .3s ease;
			width: 4em; height: 4em;
		}
		.circle-link:hover img,
		.circle-link.active img {
			top: -.5em;
			width: 5em; height: 5em;
			margin-bottom: .5em;
		}
		.circle-link .title {
			display: block;
			font-size: 1.4em;
			line-height: 1;
			margin: 0 auto .5em;
		}


.navigation-icons {
	background: #1d1d1b;
	color: #FFFFFF;
	font-size: .8em;
	text-align: center;
}
	.navigation-icons > div {
		padding: 2em 0;
	}
	.navigation-icons .c20,
	.navigation-icons .c25,
	.navigation-icons .c33 {
		border-left: 1px dotted #1fb25a;
	}
	.navigation-icons [class~='c20']:last-of-type,
	.navigation-icons [class~='c25']:last-of-type,
	.navigation-icons [class~='c33']:last-of-type {
		border-right: 1px dotted #1fb25a;
	}
	.icon-link,
	a.integrated {
		color: inherit;
		display: block;
		opacity: 1;
		position: relative;
		z-index: 2;
	}
	.icon-link:hover,
	.icon-link.active {
		color: #1fb25a;
	}
		.icon-link img,
		a.integrated img {
			display: block;
			margin: 0 auto 1em;
			position: relative; top: 0;
			transition: all .3s ease;
			width: 4em; height: 4em;
		}
		.icon-link:hover img,
		.icon-link.active img {
			top: -.5em;
			width: 5em; height: 5em;
			margin-bottom: 0;
		}
		.icon-link .title {
			display: block;
			font-size: 1.4em;
		}


.integrated { }
	.integrated .title {
		display: block;
		font-size: 1.4em;
	}
	.integrated .subtitle {
		text-transform: uppercase;
	}

	.navigation-icons a { color: #fff; }
	.navigation-icons a:hover { color: #1fb25a; }


/* .main wrap on text editor text */
.main {
	position: relative;
}
	.main ul, .main ol {
		margin-bottom: 1em;
		margin-left: 1.5em;
	}
		.main li {
			margin-bottom: 0.3em;
		}
	.main iframe {
		display: block;
		margin: 1.5em 0;
		max-width: 100%;
	}
	.main img {
		max-width: 100%; height: auto;
	}
	/* tables */
	table.form, .main table {
		border: 0;
		border-collapse: collapse;
		margin: 2em 0;
		width: 100%:
	}
	.main table th,
	.main table td {
		border: 1px solid #CCCCCC;
		padding: .5em;
		vertical-align: top;
	}
	table.form th,
	.main table th {
		text-align: left;
	}
	table.form td {

	}
	form table,
	table.form {
		width: 100%;
	}
		.main form table th,
		.main table.form th,
		.main form table td,
		.main table.form td {
			border: 0;
			vertical-align: middle;
		}



	.page {

	}
		.page .image {
			float: left;
			width: 20%;
		}
			.page .image a, .page .image img {
				display: block;
				width: 100%;
			}
		.page .text {
			margin-left: 20%;
		}

	.post-loop { padding: 1em 0; }
		.inner-post .c100 { padding-bottom: 0; }
			.post-loop .entry-title { margin-bottom: 0; }
		.inner-post .post-excerpt { font-size: 90%; }

		.page-image img { display: block; }

		.category-icon {
			display: block;
			float: left;
			margin: 0 1em 0 0;
			width: 10%;
		}
			.category-icon img {
				border: 1px solid #1fb25a;
				border-radius: 50%;
				display: block;
				width: 100%;
			}

	/* gallery slideshow */
	.gallery {
		margin: 20px 0;
		position: relative;
	}
		.gallery .item {
			display: block;
			width: 100%;
		}
			.gallery .item img {
				display: block;
				margin: 0 auto;
				max-height: 400px;
				max-width: 100%;
			}
	.gallery-thumbs {
		position: relative;
		text-align: center;
	}
		.gallery-thumbs .item {
			display: inline-block;
			width: 15%;
		}
		.gallery-thumbs .item.active {
			opacity: .7;
			pointer-events: none;
		}
			.gallery-thumbs .item img {
				display: block;
				width: 100%;
			}

	/* gallery grid */
	.image-thumb {
		display: block;
		position: relative;
		width: 100%;
	}
		.image-thumb img:first-of-type {
			display: block;
			width: 100%; height: auto;
		}
		.image-thumb .navi-arrow {
			background-color: rgba(0,0,0,.2);
			opacity: 1;
		}
		/*a.image-thumb:hover .navi-arrow {
			opacity: 1;
		}*/
		.desat img {
			filter: grayscale(100%);
			-webkit-filter: grayscale(100%);
			-moz-filter:    grayscale(100%);
			-ms-filter:     grayscale(100%);
			-o-filter:      grayscale(100%);
			transition: all .3s ease;
		}
		a.desat:hover img,
		a.desat.active img {
			filter: none !important;
		}

		.image-thumb .paperclip {
			display: block;
			position: absolute; right: 10%; bottom: -17.5%;
			width: 12%; height: auto;
		}
	/* hidden youtube embeds to trigger */
	iframe.youtubehidden,
	iframe.youtube {
		margin: 0;
		width: 100%; height: 27vw; max-height: 270px;
	}
	iframe.youtubehidden {
		display: none;
	}
	iframe.youtube {
		display: block;
	}

.profile img { height: auto; }


.home.jobs-portal { background: url('images/concrete.jpg') center/cover no-repeat #4b4b4b; }
.jobs-portal { background: url('images/concrete-dark.jpg') center/cover no-repeat #4b4b4b; }
	.jobs-portal > div {
		padding: 4% 0;
	}
	.jobs-portal .widget_jf_widget .widget-title {
		/*color: #FFFFFF;*/
	}
	.jobs-portal .widget_jf_widget form.job-search,
	.teams-footer .widget_jf_widget form.job-search {
		margin: .7em 0 0;
	}

	.home-jobs-widget { background: rgba(255,255,255,.8); }

	.widget_jf_widget .widget-title {
		color: #2ea856;
		text-transform: uppercase;
		padding: 0;
	}
	.green .widget_jf_widget .widget-title {
		color: #FFFFFF;
	}
	.home-jobs-widget .widget-title { padding: 5% 5% 0; }

	.jobs-listing {
		background: rgba(255,255,255,.5);
		margin: 10px 10px 0 0;
		overflow: hidden;
		padding: 0 5% 5%;
		/*height: calc(40vw + 10px); max-height: 410px;*/
	}

	.home-jobs-widget .jobs-listing {
		background: transparent;

	}
	.home-jobs-widget .rss-jobs-list li {
		border-top: 0 none; /* yay specificity */
		border-bottom: 2px dotted #000000;
	}
	.home-jobs-widget .rss-jobs-list li:first-child { border-top: 2px dotted #000000; }

		.jobs-feed .h2 {
			margin-bottom: .6em;
		}
		.jobs-listing .rss-jobs-list {
			overflow: hidden;
		}
			.rss-jobs-list li {
				border-top: 2px dotted #000;
				color: #000;
				display: block;
				font-size: .85em;
				padding: 10px 0;
			}
			.rss-jobs-list li:first-child { border-top: 0 none; }

				.rss-jobs-list li a {
					color: #000;
					display: block;
					font-size: 1.1em;
				}
		.widget form.job-search {
			margin: 0;
		}
		.home-jobs-widget form.job-search { padding: 0 0 5% 5%; }
			.widget form.job-search input[type=text] {
				background: rgba(255,255,255,.5);
				border: 0 none transparent;
				font-size: 90%;
				text-transform: uppercase;
			}

		.view-all {
			margin-top: 1em;
			padding: 0 2em 0 0;
		}

.home-text {
	padding: 3% 0;
}


.statistics-feature {
	background: #1fb25a;
	color: #FFFFFF;
	font-size: .8em;
	text-align: center;
}
	.statistics-feature > div {
		padding: 3% 0;
	}
		.statistics-feature img {
			display: block;
			margin: 0 auto .5em;
			width: 6em; height: 4em;
		}
		.statistics-feature .title {
			display: block;
			font-size: 1.8em;
			font-weight: 700;
		}


.horizontal-menu {

}
	.horizontal-menu > div {
		padding: 1% 0;
	}
		.horizontal-menu .title {
			color: #2cac6a;
			padding: .3em 0;
			text-transform: uppercase;
		}
		.horizontal-menu ul {
			list-style-type: none;
		}
			.horizontal-menu ul li {
				display: inline-block;
			}
				.horizontal-menu ul li a {
					color: #000000;
					display: block;
					padding: .3em 1em;
				}
				.horizontal-menu ul li.current_page_item a {
					background: #1fb25a;
					color: #FFFFFF;
				}
				.horizontal-menu ul li:not(.current_page_item) a:hover {
					background: #eeeeee;
					color: inherit;
				}


/* values banners */
.values { padding: 3% 0; }
	.values .so-widget-sow-editor {
		position: relative;
	}
		.values .widget-title {
			background-color: rgba(0, 0, 0, 0.15);
			padding: 7px 5px 5px 15%;
			line-height: 1;
			margin: 1em 0;
			text-transform: uppercase;
			width: 50%;
		}
		.values .textwidget {
			margin-left: 15%;
			width: 50%;
		}
		/* value icon */
		.values .textwidget img:first-of-type {
			background: rgba(0,0,0,.8);
			border-radius: 50%;
			display: block;
			position: absolute; top: -1em; left: .5em;
			width: 4em; height: 4em;
		}


.further-links {
	padding: 3% 0;
}
	.twitter-feed {
		background: #e5e5e5;
		font-size: .85em;
		padding: 1em 10%;
		position: relative;
		height: 24vw; max-height: 230px;
	}
		.twitter-feed .icon {
			background: #77bc86;
			display: block;
			padding: .1em;
			position: absolute; left: 0; top: 0;
			width: 2.3em; max-width: 8%; height: 2.3em;
		}
		.twitter-feed .tweet {
			border-top: 1px solid #FFFFFF;
			color: #000000;
			display: block;
			margin: .5em 0 0;
			padding: .5em 0;
		}

		/* askupa plugin */
		.twitter-feed .atf-tweet-wrapper {
			font-size: .9em !important;
			margin: .5em 0 0 !important;
		}
			.twitter-feed time {
				float: none !important;
				font-size: .8em !important;
				font-weight: bold !important;
				margin: 0 !important;
			}
			.twitter-feed .atf-user-card {
				display: none !important;
			}
			.twitter-feed .atf-static-tweets .atf-inner-wrapper .atf-tweet-wrapper .atf-tweet-text {
				margin: 0 !important;
			}



/*.ignition-benefits-ad {
	display: block;
}
	.ignition-benefits-ad img {
		display: block;
		width: 100%;
	}*/

.ignition-benefits {
	background-color: #1FB25A;
	color: #FFFFFF !important;
	display: block;
	font-size: .8em;
	height: 24vw; max-height: 230px;
	margin-top: 2.45em;
	overflow: hidden;
	padding: 2em 5%;
	position: relative;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: opacity .3s ease;
}
.home .ignition-benefits {
	margin-top: 0;
}
a.ignition-benefits:hover {
	/*opacity: .8;*/
}
	.ignition-benefits span {
		display: block;
	}
	.ignition-benefits .h2 {
		font-size: 2em;
		font-weight: 300;
		line-height: 1.6em;
		margin: 0 0 1em;
		position: relative; left: 0;
		transition: all .3s ease;
	}
		.ignition-benefits .h2 span {
			background: rgba(0,0,0,.3);
			display: inline;
			padding: 0 .6em;
		}
	.ignition-benefits .strap1 {
		letter-spacing: 1px;
		max-width: 45%;
		position: relative; left: 0;
		transition: all .3s ease;
	}
	.ignition-benefits .strap2 {
		font-size: .9em;
		letter-spacing: 1px;
		position: absolute; right: 8%; bottom: 2.2em;
		transition: all .3s ease;
	}
	a.ignition-benefits:hover .h2,
	a.ignition-benefits:hover .strap1{
		left: 5px;
	}
	a.ignition-benefits:hover .strap2 {
		right: calc(8% - 5px);
	}
	.ignition-benefits img.illu {
		display: block;
		height: auto;
		opacity: 0.1;
		position: absolute; bottom: -20px; right: -20px;
		width: 60%;
		z-index: 1;
	}
	.ignition-benefits img.arrow {
		background: rgba(0,0,0,.3);
		display: block;
		padding: .8em 2%;
		position: absolute; right: 0; bottom: 1em;
		width: auto; height: 3.6em;
	}



/* about template */

.navigation-squares {
	background: url('images/concrete-dark.jpg') center/cover no-repeat #4b4b4b;
	text-align: center;
}
	.navigation-squares > div {
		padding: 3% 0;
	}


.content-box {
	overflow: hidden;

}
.green {
	background-color: #1fb25a;
	color: #FFFFFF;
}
	.green .siteorigin-widget-tinymce h1 { margin-bottom: 0; }
.grey {
	background: #f3f3f4;
}
	.content-box a {
		color: inherit;
		text-decoration: underline;
	}
	.content-box > div {
		padding: 3% 0;
	}
	.content-box.shallow > div {
		padding: 1% 0;
	}


.article-grey-background {
	background: #f3f3f4;
	padding: 2em 0;
	position: relative
}
	.article-grey-background:after {
		background: #f3f3f4;
		content: '';
		display: block;
		margin-left: -50vw;
		position: absolute; top: 0; bottom: 0; left: 50%;
		width: 100vw; height: 100%;
		z-index: -1;
	}


.about-footer {
	background: url('images/concrete-dark.jpg') center/cover no-repeat #4b4b4b;
}
	.about-footer .jobs-feed {
		background: transparent;
		margin: 0;
		padding: 0;
		height: auto;
	}
		.about-footer .jobs-feed .feed {
			background: rgba(255,255,255,.7);
			font-size: .8em;
			margin: 0 0 1em;
			padding: 3% 5%;
			height: 24vw; max-height: 230px;
		}
			.about-footer .jobs-feed .feed a.link:first-of-type {
				border-top: 0;
			}
		.about-footer .jobs-feed .job-search {
			position: relative; bottom: auto; left: auto;
		}


/* our history */
.history-timeline {
	position: relative;
}
	.history-timeline .navi-arrow {
		top: 0;
	}
	.history-timeline .timeline {
		/*height: 10vw; max-height: 5em;*/
		position: relative;
		z-index: 2;
	}
		.history-timeline .timeline .group {
			border-bottom: 1px dotted #1fb25a;
			margin-bottom: 1.5em;
			width: 100%; height: 10vw; max-height: 5em;
		}
			/* dots */
			.history-timeline .timeline a {
				background: transparent;
				border: 1px dotted transparent;
				border-radius: 50%;
				display: block;
				position: absolute; bottom: -1em;
				width: 2em; height: 2em;
			}
			.history-timeline .timeline a:hover,
			.history-timeline .timeline a.active {
				background: #FFFFFF;
				border: 1px dotted #1fb25a;
			}
				.history-timeline .timeline a:after {
					background: #FFFFFF;
					border-radius: 50%;
					border: 1px dotted #1fb25a;
					content: '';
					display: block;
					margin: calc(.5em - 1px) auto;
					width: 1em; height: 1em;
				}
				.history-timeline .timeline a:hover:after,
				.history-timeline .timeline a.active:after {
					background: #1fb25a;
					border: 1px dotted transparent;
				}
				/* dot labels */
				.history-timeline .timeline a span {
					color: #000000;
					display: block;
					font-size: .9em;
					padding: .2em 0;
					position: absolute; bottom: 130%; left: calc(1em - 2.5em);
					text-align: center;
					transition: all .3s ease;
					width: 5em; max-width: none;
				}
				.history-timeline .timeline a:hover span {
					background: #1fb25a;
					color: #FFFFFF;
				}
					.history-timeline .timeline a span:after {
						border-style: solid;
						border-width: .4em .4em 0 .4em;
						border-color: transparent transparent transparent transparent;
						content: '';
						display: block;
						position: absolute; top: 99%; left: calc(50% - .4em);
						transition: all .3s ease;
						width: 0; height: 0;
					}
					.history-timeline .timeline a:hover span:after {
						border-color: #1fb25a transparent transparent transparent;
					}

.timeline-cycler {

}
	.timeline-cycler h2.timeline-title {
		font-size: 2em;
	}
	.timeline-cycler h2.timeline-title span {
		background: #999999;
		color: #FFFFFF;
		padding: 0 .5em;
	}


/* Our Locations */
.locations-header {
	background: #000000;
	color: #FFFFFF;
}
	.locations-header > div {
		padding: 2% 0;
	}
		form.inline-form {
			font-size: .9em;
			margin: 0;
			position: relative;
		}
			form.inline-form:after {
				border-top: 1px dotted #1fb25a;
				content: '';
				display: block;
				position: absolute; top: 50%; left: 3%;
				width: 94%;
				z-index: 0;
			}
			form.inline-form img {
				background: #000000;
				border: 1px dotted #1fb25a;
				border-radius: 50%;
				display: inline-block;
				padding: .5em;
				position: relative;
				vertical-align: middle;
				width: 3.4em; height: 3.4em;
				z-index: 1;
			}
			form.inline-form input[type="text"] {
				background: #333333;
				border: 1px dotted #1fb25a;
				color: #FFFFFF;
				margin: 0 1%;
				max-width: 45%;
				position: relative;
				z-index: 1;
			}
			form.inline-form .select-style {
				background: #333333;
				border: 1px dotted #1fb25a;
				margin: 0 .5%;
				max-width: 45%;
				position: relative;
				z-index: 1;
			}
				form.inline-form .select-style select {
					color: #FFFFFF;
				}
			form.inline-form input[type="text"]::-webkit-input-placeholder { color: #FFFFFF; }
			form.inline-form input[type="text"]:-moz-placeholder { color: #FFFFFF; opacity: 1; }
			form.inline-form input[type="text"]::-moz-placeholder { color: #FFFFFF; opacity: 1; }
			form.inline-form input[type="text"]:-ms-input-placeholder { color: #FFFFFF; }
			form.inline-form input[type="submit"] {
				position: relative;
				z-index: 1;
			}

.locations-root {
	background: #e6e6e6;
}
	.locations-root > div {
		padding: 0 0 3%;
	}
		.pagination {
			padding: .8em 0;
		}
			.pagination a {
				color: #000000;
				display: inline-block;
				font-weight: bold;
				padding: 0 .1em;
				text-decoration: none;
			}
			.pagination a:hover,
			.pagination a.active {
				background: #FFFFFF;
			}
		.locations-list {

		}
			.locations-list a {
				border-top: 1px dotted #1fb25a;
				color: #000000;
				display: block;
				/*padding: .2em;*/
				line-height: 2em;
				position: relative;
			}
			.locations-list a:hover,
			.locations-list a.active {
				background: #FFFFFF;
				color: #1fb25a;
			}
				.locations-list a:hover:after,
				.locations-list a.active:after {
					border-style: solid;
					border-width: 1em 0 1em .6em;
					border-color: transparent transparent transparent #ffffff;
					content: '';
					display: block;
					position: absolute; left: 100%; top: 0;
					width: 0; height: 0;
				}
		.location-info {
			border: 1px dotted #1fb25a;
			margin: 2em 0 0;
			padding: 1em 5%;
			position: relative;
		}
			.location-info:before {
				background: url('images/location-info-arrow.svg') center/contain no-repeat transparent;
				content: '';
				display: block;
				position: absolute; left: calc(50% - 1em); bottom: calc(100% - .1em);
				width: 2em; height: .8em;
			}

		#locations-map {
			width: 100%;
			height: calc(16.2 * 2em);
		}

/* teams */
.positioned-heading {
}
	.positioned-heading h1 {
		border-bottom: .3em solid #1fb25a;
		color: #fff;
		margin: 0;
		padding: .3em 0;
		position: absolute; bottom: 0; left: 0;
		width: 25%;
	}

.teams-footer {

}
	.teams-footer .jobs-feed {
		background: transparent;
		margin: 0;
		padding: 0;
		height: auto;
	}
		.teams-footer .jobs-feed .h2 {
			color: #FFFFFF;
		}
		.teams-footer .jobs-feed .feed {
			background: rgba(255,255,255,.3);
			font-size: .9em;
			margin: 0 0 1em;
			padding: 3% 5%;
			height: 29vw; max-height: 269px;
		}
			.teams-footer .jobs-feed .feed a.link:first-of-type {
				border-top: 0;
			}
		.teams-footer .jobs-feed .job-search {
			position: relative; bottom: auto; left: auto;
		}

	.team-cycler-heading {
		font-size: 1.6em;
	}

	.team-cycler-all {
		position: relative;
	}
		.team-cycler-all .cycler-arrow {
			top: -3.4em;
		}
		.team-cycler-all .cycler-arrow.right {
		}
		.team-cycler-all .cycler-arrow.left {
			left: auto; right: 2.4em;
		}

		.team-cycler {
			position: relative;
		}
			.team-cycler-all .group:not(.cycle-slide-active) .team-cycler .slide {
				visibility: hidden !important;
			}
			.team-cycler .image-thumb {
				margin-bottom: .5em;
			}



/* vacancies search / browse */
.vacancies-search {
	background: #000000;
}
	.vacancies-search > div {
		padding: 2% 0;
	}

.listing {
	margin-bottom: .5em;
}
	.listing .widget-title {
		color: #1fb25a;
		text-transform: uppercase;
	}
	.listing .more-link {
		text-align: right;
	}



.inter-banner {
	background: url('images/apprenticeship-banner.jpg') center/cover no-repeat #1fb25a;
	color: #FFFFFF;
}
	.vcenter-container {
		display: table;
		width: 100%; height: 100%;
	}
		.vcenter-container > div {
			display: table-cell;
			vertical-align: middle;
			width: 100%; height: 100%;
		}

/* Career Profiles */
.employee-profile {
	background: #fff url(images/paperfold-closecrop.png) no-repeat bottom right;
}
	.employee-profile h2 {
		margin: 0;
		padding: 1em 2em;
	}

	.employee-profile img {
		display: block;
		height: auto;
		width: 100%;
	}

	.employee-profile .bio {
		min-height: 10em;
		padding: 2em;
		position: relative;
	}
		.employee-profile .bio img.paperclip {
			display: block;
			margin-top: -2em;
			position: absolute; right: 10%; top: 0;
			width: 3em; height: auto;
		}

.profiles-cycler-all {
	overflow: hidden;
}

	.profile-pagination {
		text-align: right;
	}
		.profile-pagination span {
			display: inline-block;
			padding: 0 .5em;
			vertical-align: middle;
		}
		.profile-pagination a {
			display: inline-block;
			position: static;
			text-indent: 100%; white-space: nowrap; overflow: hidden;
			vertical-align: middle;
		}





.footer-logos {
	padding: 2% 0;
}
	.footer-logos img {
		display: block;
		max-width: 100%;
		max-height: 3em;
	}

footer {
	background: #000000;
	color: #FFFFFF;
}
	footer > div {
		padding: 3% 0;
	}
		footer a {
			color: inherit;
		}
		footer a:hover {
			color: inherit;
			text-decoration: underline;
		}

		.footer-menu {
			font-size: .9em;
		}
			.footer-menu ul {
				list-style-type: none;
			}
				.footer-menu ul li {
					display: inline-block;
				}
					.footer-menu ul li a {

					}
					.footer-menu ul li:not(:last-of-type):after {
						content: ' \00a0|\00a0 ';
					}



		/*.social {

		}
			.social-link {
				background: center/cover no-repeat #333333;
				border-radius: 3px;
				display: inline-block;
				height: 2em;
				transition: all .3s ease;
				width: 2em;
			}
			.social-link:hover {
				opacity: .7;
			}

			.social-link.facebook {
				background-color: #3C5A99;
				background-image: url('http://www.northgatecareers.co.uk/wp-content/themes/images/social/facebook.svg');
			}
			.social-link.googleplus {
				background-color: #cb3c2f;
				background-image: url('http://www.northgatecareers.co.uk/wp-content/themes/images/social/googleplus.svg');
			}
			.social-link.instagram {
				background-color: #185887;
				background-image: url('http://www.northgatecareers.co.uk/wp-content/themes/images/social/instagram.svg');
			}
			.social-link.linkedin {
				background-color: #0076B3;
				background-image: url('http://www.northgatecareers.co.uk/wp-content/themes/images/social/linkedin.svg');
			}
			.social-link.pinterest {
				background-color: #C91618;
				background-image: url('http://www.northgatecareers.co.uk/wp-content/themes/images/social/pinterest.svg');
			}
			.social-link.youtube {
				background-color: #da2124;
				background-image: url('http://www.northgatecareers.co.uk/wp-content/themes/images/social/youtube.svg');
			}
			.social-link.twitter {
				background-color: #6BACDF;
				background-image: url('http://www.northgatecareers.co.uk/wp-content/themes/images/social/twitter.svg');
			}*/

	ul.social-media-list {
		line-height: 1em;
		list-style: none;
		margin: 0;
		text-align: right;
	}
		ul.social-media-list li {
			display: inline-block;
		}
			ul.social-media-list li a {
				background: center/cover no-repeat #999999;
				background-size: 75%;
				border-radius: 50%;
				display: block;
				font-size: 0;
				margin-right: 5px;
				text-indent: -9999px;
				width: 3vw; height: 3vw; max-width: 28px; max-height: 28px;
			}
			ul.social-media-list li a:hover { background-color: #1FB25A !important; }
				/*.social-media-list li.twitter a { background-image: url(images/social/icon-social-twitter.png); }
				.social-media-list li.facebook a { background-image: url(images/social/icon-social-facebook.png); }
				.social-media-list li.youtube a { background-image: url(images/social/icon-social-youtube.png); }
				.social-media-list li.gplus a { background-image: url(images/social/icon-social-google-plus.png); }
				.social-media-list li.pinterest a { background-image: url(images/social/icon-social-pinterest.png); }
				.social-media-list li.linkedin a { background-image: url(images/social/icon-social-linkedin.png); }

				header .social-media-list li.twitter a { background-image: url(images/social/icon-social-twitter-white.png); }
				header .social-media-list li.facebook a { background-image: url(images/social/icon-social-facebook-white.png); }
				header .social-media-list li.youtube a { background-image: url(images/social/icon-social-youtube-white.png); }
				header .social-media-list li.gplus a { background-image: url(images/social/icon-social-google-plus-white.png); }
				header .social-media-list li.pinterest a { background-image: url(images/social/icon-social-pinterest-white.png); }
				header .social-media-list li.linkedin a { background-image: url(images/social/icon-social-linkedin-white.png); }*/
				.social-media-list li.twitter a { background-image: url(images/social/twitter.svg); }
				.social-media-list li.facebook a { background-image: url(images/social/facebook.svg); }
				.social-media-list li.youtube a { background-image: url(images/social/youtube.svg); }
				.social-media-list li.gplus a { background-image: url(images/social/googleplus.svg); }
				.social-media-list li.pinterest a { background-image: url(images/social/pinterest.svg); }
				.social-media-list li.linkedin a { background-image: url(images/social/linkedin.svg); }

			header .social-media-list li a {
				background-color: #CCC;
			}
				header .social-media-list li.twitter a { background-image: url(images/social/twitter-white.svg); }
				header .social-media-list li.facebook a { background-image: url(images/social/facebook-white.svg); }
				header .social-media-list li.youtube a { background-image: url(images/social/youtube-white.svg); }
				header .social-media-list li.gplus a { background-image: url(images/social/googleplus-white.svg); }
				header .social-media-list li.pinterest a { background-image: url(images/social/pinterest-white.svg); }
				header .social-media-list li.linkedin a { background-image: url(images/social/linkedin-white.svg); }

		footer .info {

		}


/* FANCYBOX PAGE */
body.popup {
	background-image: none;
 }
	.popup-root {

	}

/* EMPLOYEE BIOS BAR */
#working-at-northgate-nav .siteorigin-panels-stretch {margin-left: -553.583px; margin-right: -553.417px; padding-left: 553.583px; padding-right: 553.417px; border-left: 0px none; border-right: 0px none;}
#ebbc-0-0 , #ebbc-0-1 , #ebbc-0-2 , #ebbc-0-3 { width:25% }
#ebb-0 , #ebb-1 , #working-at-northgate-nav .panel-grid-cell .so-panel , #working-at-northgate-nav .panel-grid-cell .so-panel:last-child { margin-bottom:0px }
#ebb-0 .panel-grid-cell , #ebb-2 .panel-grid-cell { float:left }
#ebb-1 .panel-grid-cell { float:none }
#ebbc-2-0 , #ebbc-2-1 { width:50% }
#ebb-0 { margin-left:-5px;margin-right:-5px }
#ebb-0 .panel-grid-cell { padding-left:5px;padding-right:5px }
#ebb-1 , #ebb-2 { margin-left:-15px;margin-right:-15px }
#ebb-1 { margin-bottom: 15px; }
#ebb-1 .panel-grid-cell , #ebb-2 .panel-grid-cell { padding-left:15px;padding-right:15px }
@media (max-width:768px){
	#ebb-0 .panel-grid-cell { width:50% }
}
@media (max-width:480px){
	#ebb-0 .panel-grid-cell , #ebb-1 .panel-grid-cell , #ebb-2 .panel-grid-cell { float:none;width:auto }
	#ebbc-0-0 , #ebbc-0-1 , #ebbc-0-2 , #ebbc-2-0 { margin-bottom:0px }
	#working-at-northgate-nav .panel-grid { margin-left:0;margin-right:0 }
	#working-at-northgate-nav .panel-grid-cell { padding:0 }
}