/*
Theme Name: 	The Bridge
Theme URI: 		http://www.conductor.london/
Description: 	Custom theme for The Bridge
Author: 		Conductor Marketing
Author URI: 	http://www.conductor.london/
Version: 		1.0
Text Domain: 	bridge

Contact:		Constance Jaggard - Conductor Marketing <constance@conductormarketing.co.uk>

*/

/*--------------------------------------------------------------------------------*/
/* Fonts
/*--------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* Icon Font: icon-font */

@font-face {
  font-family: "icon-font";
  src: url("fonts/icons/icon-font_cab585950a07b733e034396956be3b45.eot");
  src: url("fonts/icons/icon-font_cab585950a07b733e034396956be3b45.eot?#iefix") format("embedded-opentype"),
       url(data:application/x-font-woff;charset=utf-8;base64,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),
       url("fonts/icons/icon-font_cab585950a07b733e034396956be3b45.woff") format("woff"),
       url("fonts/icons/icon-font_cab585950a07b733e034396956be3b45.ttf") format("truetype"),
       url("fonts/icons/icon-font_cab585950a07b733e034396956be3b45.svg#Carrie-Brooks") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "icon-font";
    src: url("fonts/icons/icon-font_cab585950a07b733e034396956be3b45.svg#Carrie-Brooks") format("svg");
  }
}


[data-icon]:before { content: attr(data-icon); }

[data-icon]:before,
i:before {
  display: inline-block;
  font-family: "icon-font";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/*--------------------------------------------------------------------------------*/
/* Reset
/*--------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing:content-box;
	-moz-box-sizing:content-box; /* Firefox */
}
b, strong {font-weight:bold;}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, img, main {
	display:block;
	position:relative;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
	line-height: 22px;
}
li {
	margin-bottom: 5px
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
[required] {
    box-shadow: none;
}
img{max-width:100%;height:auto;}
input, input:focus{border:0;border-radius:0;outline:none;box-shadow:none;}
button, button:active, button:focus {
	cursor:pointer;
	outline:none;
}
div {
	position:relative;
	height:auto;
}
pre {
	float:left;
	width:100%;
}

/*--------------------------------------------------------------------------------*/
/* Generic Styles
/*--------------------------------------------------------------------------------*/

body {
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
}

.clearfix{
	zoom: 1;
	overflow: auto;
}

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden;	
}

.clearfix:after {
  clear: both;
}

a {
	text-decoration:none;
	color:#097689;
}

p {
	float:left;
	width:100%;
	font-size:16px;
	line-height:22px;
	margin:0 0 20px 0;
}

h1, h2 {
	float:left;
	width:100%;
	font-size:38px;
	line-height:46px;
	font-family: 'Oswald', sans-serif;
	margin:40px 0 30px 0;
}
h3 {
	float:left;
	width:100%;
	font-size:22px;
	line-height:32px;
	font-family: 'Oswald', sans-serif;
	margin:0 0 30px 0;
}
h4 {
	float:left;
	width:100%;
	font-size:22px;
	line-height:32px;
	margin:0 0 20px 0;
	font-family: 'Oswald', sans-serif;
}

/*--------------------------------------------------------------------------------*/
/* Header
/*--------------------------------------------------------------------------------*/

header {
	width:100%;
	min-width:320px;
	background:#000;
	position:fixed;
	left:0;
	top:0;
	z-index:100;
}

	header div.logo {
		float:left;
		height:64px;
		width:64px;
		padding:3px;
	}
	
		header div.logo > span {
			position:absolute;
			color:#FFF;
			bottom:3px;
			right:-90px;
			text-transform:uppercase;
			font-size:14px;
		}
			header div.logo > span a {
				color:#FFF;
			}
	
	header button.register {
		float:right;
		background:#004F6F;
		padding:24px 50px;
		font-size:20px;
		line-height:20px;
		color:#FFF;
		text-transform:uppercase;
		font-family: 'Oswald', sans-serif;
	}
	header button.register:hover {
		background:#014687;
	}
	
	header button.nav {
		float:right;
		width:36px;
		height:36px;
		margin:15px 23px;
		background:none;
		display:none;
		padding:2px;
	}
		header button.nav i {
			float:left;
			width:36px;
			height:36px;
			color:#FFF;
		}
			header button.nav i:before {
				content: "\f105";
				font-size:36px;
			}
			header button.nav.open i:before {
				content: "\f106";
				font-size:36px;
			}

	/*-----------------------*/
	/* Header Navigation
	/*-----------------------*/
	
	header nav {
		float:left;
		margin:25px 0 0 120px;
		position:relative;
	}
	
		header nav > ul {
			float:left;
		}
			header nav > ul > li {
				float:left;
				display:inline-block;
				text-transform:uppercase;
				font-size:20px;
				line-height:20px;
				padding:0 0 0 40px;
				font-family: 'Oswald', sans-serif;
			}
				header nav > ul li a {
					float:left;
					color:#FFF;
				}
					header nav > ul > li a:hover {
						color:#004F6F;
					}
				header nav > ul > li.current_page_item a,
				header nav > ul > li.current-page-ancestor a {
					color:#ECDAB6;
				}


/*--------------------------------------------------------------------------------*/
/* Content
/*--------------------------------------------------------------------------------*/

main {
	width:100%;
	min-width:320px;
	margin:70px 0 0 0;
}

.container {
	margin:0 auto;
	max-width:1100px;
	min-width:280px;
	padding:0 40px;
}

section.main {
	float:left;
	width:100%;
}

	section.main.top-padding {
		padding:20px 0 0 0;
	}
	
	section.main.black {
		background:#004F6F;
		padding:20px 0 0 0;
	}
	section.main.black p,
	section.main.black span,
	section.main.black h4,
	section.main.black li {
		color:#FFF;
	}
		section.main.black ul {
			float:left;
			width:100%;
			margin:0 0 16px 0;
		}
		section.main.black ul li:before {
			content:"-";
			position:relative;
			left:-5px;
		}
		section.main.black ul li {
			float:left;
			width:100%;
			text-indent:-8px;
			padding:0 0 0 10px;
			box-sizing:border-box;
			margin:0 0 6px 0;
			font-size:16px;
			line-height:22px;
		}


.help ul {
	list-style-type: circle; 
	margin-left:10px;
}
.help ul li {
	margin-bottom:5px;
}

/*--------------------------------------------------------------------------------*/
/* Submenu
/*--------------------------------------------------------------------------------*/

#submenu {
	width:100%;
	background:#ECDAB6;
	
}
	#submenu ul {
		float:left;
		width:100%;
		padding:14px 0 14px 126px;
		box-sizing:border-box;
	}
	#submenu li {
		float:left;
		display:inline-block;
		padding:3px 0;
		margin:0 20px 0 0;
		font-family: 'Oswald', sans-serif;
		color:#000;
		text-transform:uppercase;
		position:relative;
	}
		#submenu li a {
			color:#000;
		}
		#submenu li i {
			width:40px;
			height:8px;
			background:#000;
			position:absolute;
			bottom:-14px;
			left:50%;
			margin-left:-20px;
			display:none;
		}
			#submenu li.current_page_item i {
				display:block;
			}

/*--------------------------------------------------------------------------------*/
/* Hero Image
/*--------------------------------------------------------------------------------*/

#hero {
	float:left;
	width:100%;
}



/*--------------------------------------------------------------------------------*/
/* Grid
/*--------------------------------------------------------------------------------*/

div.row {
	margin:0 -10px;
	clear:both;
}

/* 2 Columns */

div.grid-2-col > div {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:10px;
}
	div.grid-2-col > div > div {
		float:left;
		width:100%;
	}

/* 3 Columns */

div.grid-3-col > div {
	float:left;
	width:33.3%;
	box-sizing:border-box;
	padding:10px;
}
	div.grid-3-col > div > div {
		float:left;
		width:100%;
	}

/* 4 Columns */

div.grid-4-col > div {
	float:left;
	width:50%;
	padding:0;
}
	div.grid-4-col > div > div {
		float:left;
		width:50%;
		box-sizing:border-box;
		padding:0 10px 20px 10px;
	}
	div.grid-4-col > div > div.half {
		width:100%;
	}
		div.grid-4-col > div > div > div {
			float:left;
			width:100%;
		}

div.grid-4-col > div > div.third {
		width:100%;
	}
		div.grid-4-col > div > div > div > div{
			float:left;
			width:100%;
		}

div.overlay {
	position:absolute;
	top:0;right:0;left:0;bottom:0;
	z-index:2;
}
	div.overlay > div {
		float:left;
		width:100%;
		height:100%;
		display:table;
	}
		div.overlay > div > div {
			text-align:center;
			vertical-align:middle;
			height:100%;
			display:table-cell;
		}
		
	div.overlay span {
		color:#FFF;
		font-family: 'Oswald', sans-serif;
		font-size:30px;
		line-height:36px;		
	}
	
	a > div.overlay:hover {
		background:rgba(0,87,130,0.8);
	}


/*--------------------------------------------------------------------------------*/
/* Home Page
/*--------------------------------------------------------------------------------*/

section.main.home {
	padding:10px 0;
}


/*--------------------------------------------------------------------------------*/
/* Coming Soon
/*--------------------------------------------------------------------------------*/

#soon {
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	background-size:cover;
	background-position:center;
}
	#soon > div {
		float:left;
		width:100%;
		height:100%;
		display:table;
	}
		#soon > div > div {
			display:table-cell;
			vertical-align:middle;
			text-align:center;		
		}
			#soon > div > div > div {
				display:inline-block;
				width:400px;
				background:rgba(0,75,113,0.8);	
				padding:60px 80px;
				margin:150px 0;
			}
	#soon h1 {
		text-transform:uppercase;
		color:#FFF;
		margin:0 0 12px 0;
	}
	#soon p {
		color:#FFF;
		font-size:16px;
		line-height:22px;
		font-family: 'Montserrat', sans-serif;
		margin:0 0 12px 0;
	}
	#soon p a {
		color:#FFF;
		text-transform:uppercase;
	}

/*--------------------------------------------------------------------------------*/
/* Contact Page
/*--------------------------------------------------------------------------------*/

div.bg {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:50%;
	background:#ECDAB6;	
}

#contact div.row {
	margin:0 -40px;
	clear:both;
}

/* 2 Columns */

#contact div.grid-2-col > div {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:40px;
}
	#contact div.grid-2-col > div > div {
		float:left;
		width:100%;
	}

	#contact h1,
	#contact h2 {
		margin:0 0 40px 0;
	}





.acf-map {
	float:left;
	width:100%;
	min-height:200px;
	margin: 40px 0;
}
	/* fixes potential theme css conflict */
	.acf-map img {
	   max-width: inherit !important;
	}





div.wpcf7 {
	float:left;
	width:100%;
	padding:0;
	box-sizing:border-box;
}
	div.wpcf7 div.wrap {
		float:left;
		width:100%;
		display:table;
		margin:0 0 16px 0;
	}
		div.wpcf7 div.wrap span {
			display:table-cell;
		}
		div.wpcf7 div.wrap label {
			width:120px;
			display:table-cell;
			vertical-align:top;
			padding:9px 0 0 0;
			font-family: 'Oswald', sans-serif;
			font-size:20px;
			text-transform:uppercase;
		}






div.wpcf7 p {
	font-family: 'Oswald', sans-serif;
}
.wpcf7-text {
	float:left;
	width:100%;
	padding:8px 12px;
	box-sizing:border-box;
	font-size:18px;
	line-height:24px;
}
.wpcf7-textarea {
	float:left;
	width:100%;
	padding:8px 12px;
	box-sizing:border-box;
	border:0;
	font-size:18px;
	line-height:24px;
}
.wpcf7-select {
	float:left;
	width:100%;
	padding:8px 12px;
	box-sizing:border-box;
	border:0;
	font-size:18px;
	line-height:24px;
}

.wpcf7-submit {
	float:left;
	padding:12px 60px;
	background:#000;
	color:#FFF;
	font-size:22px;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	margin:5px 0 12px 0;
	cursor:pointer;
}

div.wpcf7-mail-sent-ok {
	display:none!important;
}
div.wpcf7-validation-errors {
	float:left;
	border:0;
	margin:0;
	padding:0;
	color:#F00;
}
span.wpcf7-not-valid-tip {
	float:left;
	padding:4px 0 0 0;
}

/*--------------------------------------------------------------------------------*/
/* Footer
/*--------------------------------------------------------------------------------*/

footer {
	width:100%;
	min-width:320px;
	background:#004F6F;
	padding:50px 0;
}

	footer h3 {
		float:left;
		width:100%;
		font-size:32px;
		line-height:32px;
		color:#FFF;
		margin:0 0 20px 0;
		text-transform:uppercase;
		font-family: 'Oswald', sans-serif;
	}
	footer h4 {
		float:left;
		width:100%;
		font-size:16px;
		line-height:20px;
		color:#FFF;
		margin:0 0 10px 0;
		font-family: 'Montserrat', sans-serif;
	}
	
	footer p {
		float:left;
		width:100%;
		font-size:18px;
		line-height:28px;
		margin:0;
		font-family: 'Oswald', sans-serif;
		color:#FFF;
	}
		footer p a {
			color:#FFF;
		}
		
		footer p span {
			float:left;
			margin:0 6px 0 0;
		}
		
	footer div.row div.qtr > div > div {
		padding:0 0 0 50px;
		box-sizing:border-box;
	}
	
	footer nav {
		float:left;
		width:100%;
	}
		footer nav ul {
			float:right;
		}
			footer nav ul > li {
				float:left;
				display:inline-block;
				color:#FFF;
				font-size:12px;
				margin:10px 0 0 20px;
			}
				footer nav ul > li a {
					color:#FFF;
				}
			
	footer div.download {
		float:left;
		max-width:250px;
		margin:30px 0 0 0;
	}

/*--------------------------------------------------------------------------------*/
/* Media Queries
/*--------------------------------------------------------------------------------*/

@media screen and (max-height: 400px){

	header {
		position:relative;
	}
	main {
		margin:0;
		padding:0;
	}

}
@media screen and (max-width: 1000px){

	div.wpcf7 div.wrap label,
	div.wpcf7 div.wrap span {
		display:block;
		width:100%;
	}
	div.wpcf7 div.wrap label {
		margin:0 0 6px 0;
	}

	header {
		position:relative;
	}
	main {
		margin:0;
		padding:0;
	}
	
	header button.nav {
		display:block;
	}
	header nav {
		width:100%;
		background:#111;
		box-sizing:border-box;
		padding:33px 0;
		margin:0;
	}
		header nav > ul {
			width:100%;
			box-sizing:border-box;
			padding:0 33px
		}
			header nav > ul > li {
				width:100%;
				display:block;
				box-sizing:border-box;
				padding:4px 0;
			}
			
	#submenu ul {
		padding:14px 0;
		text-align:center;
	}
		#submenu ul li {
			float:none;
			margin:0 10px;
		}
		
	footer div.row div.qtr > div > div {
		padding:0;
	}

}

@media screen and (max-width: 800px){
	
	div.grid-4-col > div {
		width:100%;
	}
	footer h4 {
		text-align:center;
		margin:0 0 30px 0;
	}
	footer img {
		margin:0 auto;
	}
	footer ul {
		text-align:center;
	}
		footer ul > li {
			float:none;
			margin:10px 20px 0 20px;
		}
		
	footer div.download {
		float:left;
		max-width:250px;
		margin:30px 0 20px 0;
	}

}

@media screen and (max-width: 750px){
	
	#contact h1 {
		margin:0 0 30px 0;
	}
	
	header button.register {
		display:none;
	}
	
	div.grid-2-col > div,
	div.grid-3-col > div {
		width:100%;
	}
	
	.acf-map {
		max-width:100%;
		margin:0;
	}
	
	div.bg {
		right:0;
	}
	
	#contact h1,
	#contact h2 {
		margin:0 0 20px 0;
	}
	#contact div.grid-2-col > div {
		width:100%;
		padding:50px 20px 50px 20px;
	}
	#contact div.grid-2-col > div.first {
		padding:50px 20px 0 20px;
	}
	#soon > div > div > div {
		width:300px;
		margin:100px 0;
	}


}
@media screen and (max-width: 500px){
	
	.container {
		padding:0 20px;
	}
	
	#contact .container {
		padding:0 40px;
	}
	
	div.grid-3-col > div {
		padding:10px 10px;
	}
	
		
		footer div.qtr {
			padding:20px 0 0 0;
			border-top:#FFF 1px solid;
		}
		
		footer div.download {
			float:left;
			max-width:100%;
			margin:30px 0 20px 0;
			padding:12px 0;
			border-top:#CCC 1px solid;
			border-bottom:#CCC 1px solid;
		}

		footer nav ul {
			float:left;
			width:100%;
			text-align:center;
			border-top:#CCC 1px solid;
			padding:12px 0 0 0;
			margin:20px 0 0 0;
		}
			footer nav ul > li {
				float:none;
				display:inline-block;
				margin:10px 10px 0 10px;
			}
			footer h4 {
				font-size:13px;
			}
	#soon > div > div > div {
		width:250px;
		padding:20px;
		margin:50px 0;
	}

}