/*
Theme Name: MLC
Description: MLC custom theme.
Version: 1
*/



/* 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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
	font-size: 100%;
	position:relative;
}
strong, b{
	font-weight: bold;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
input, textarea, select{
	outline:none;
	resize: none
}
a{
	text-decoration:none;
	color:#00bff3;
	outline:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-ms-touch-action: none !important;
}

a:hover{
	color:#0a94ba;
}

/* root */
html,body{
	background:#a1a1a1;
	font-size:17px;
	font-family:'Open Sans', sans-serif;
	left:0%;
	color:#666
}
.inner{
	overflow:hidden;
	margin:0px auto;
	padding:2px 0px;
	width:90%;
	height:auto;
	border:0px;
	max-width:1200px
}
h1,h2,h3,h4,h5,h6{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	font-family:inherit;
	-webkit-font-smoothing:antialiased
}

table{
width:100% !important;
max-width:100% !important;
display: block !important;
  float: none;
}

.single-service table{
	margin:0 0 30px;
}

table tbody, table tr{
	width:100%
}

/* standards */
.col{
	font-size:0;
	text-align: center;
	height: 100%;
}
.col > div{
	display:inline-block;
	text-align:left;
	vertical-align: top;
	font-size:16px;
	box-sizing: border-box;
	height:100%
}
.col-3 > a{
	width:30%;
	font-size:16px;
	padding:13px;
	vertical-align:top;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:inline-block
}
em{
	font-style:italic
}
.col-3 > div:first-child{
	margin-left:0px;
}
.col-3 > div:last-child{
	margin-right:0px;
}

.col-30-70 > div:first-child{
	width:30%;
}
.col-30-70 > div:last-child{
	width:70%;
}

.col-70-30 > div:first-child{
	width:70%;
}
.col-70-30 > div:last-child{
	width:30%;
}


.col-40-60 > div:first-child{
	width:40%;
}
.col-40-60 > div:last-child{
	width:60%;
}


.stories strong,
.strong-context
{
  font-size: 18px;
  margin: 12px 0 5px;
  display: block;
	font-weight: normal
}


.single-person .col-70-30 > div:first-child,
.single-case-study .col-70-30 > div:first-child,
.single-service .col-70-30 > div:first-child{
	line-height: 1.5em;
	padding-right:20px;
	padding-bottom: 40px;
}
.single-person .col-70-30 > div:first-child p,
.single-case-study .col-70-30 > div:first-child p,
.single-service .col-70-30 > div:first-child p,
.stories p,
.p-context{
	margin-bottom: 10px;
	font-weight: 200;
	font-size: 18px;
	line-height: 1.6em
}
.single-person .col-70-30 > div:last-child h1,
.single-case-study .col-70-30 > div:last-child h1,
.single-featured .col-70-30 > div:last-child h1,
.single-service .col-70-30 > div:last-child h1,
.direct-link{
	text-align: center;
	color:#fff;
	width:290px;
	padding:20px 10px;
	background:#598E36;
	font-size: 18px;
	box-sizing: border-box;
	line-height: 1.3em;
}
.single-person .col-70-30 > div:last-child,
.single-case-study .col-70-30 > div:last-child,
.single-service .col-70-30 > div:last-child{
	font-size: 0;
	margin-bottom:40px
}

.single-case-study .col-70-30 > div:last-child h1{
	background:#E39038
}
.single-service .col-70-30 > div:last-child h1{
	background:#8E364C
}
.direct-link, .direct-link:hover{
	background:#666666;
	padding:5px 20px;
	display:block;
	color:#fff
}

.story-text strong{
	display: inline;
	margin: 0;
	font-size: inherit
}

.story-text ul,.story-text ol{
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 20px;
	display: block;
}
.story-text li{
	display: list-item;
	margin-left:20px;
	list-style:initial;
	font-weight: 200
}
.story-text ol li{
	display: list-item;
	margin-left:20px;
	list-style:decimal;
	font-weight: 200
}

.single-case-study .col-70-30 > div:last-child > p{
  font-size: 18px;
  color: #E39038;
  font-weight: 200;
  margin: 40px 0;
  width: 290px;
  line-height: 1.4em;
}


#body{
	min-height:300px;
	background: #FFF
}
.page #body{
}
.header-top{
	background: #FFF;
}
.header-top > a{
	display:block;
	width: 330px;
	height: 78px;
	background:url(mlc.jpg) center center no-repeat;
	font-size: 0;
	margin:0px auto;
	padding:40px 0;
	background-size: contain
}
header{
	background: #000000;
	z-index: 100;
	height: auto
}
footer{
	padding:30px 0;
	color:#fff;
	font-size:16px;
	min-height:150px
}

footer p{
	-webkit-font-smoothing: antialiased;
	line-height: 1.6em
}
footer a{
	color:#fff;
}
footer a:hover{
	color:#fff;
	text-decoration: underline
}


/* navigation */
.navigation{
	display: block;
	list-style: none;
	width: 100%;
	font-weight: 200;
	-webkit-font-smoothing: antialiased;
	font-size: 0;
	text-align: center;
	max-width: 1200px;
	margin:0 auto;
}

.navigation li{
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 12.5%;
}



.navigation a{
	color: #EFEFEF;
	font-weight: 400;
	display:inline-block;
	width: 100%;
	font-size: 19px;
	padding:20px 0;
}
header .inner{
	overflow: visible;
	margin:0 auto;
	padding: 0;
}
.navigation a:hover{
	color: #00bff3;
}
.navigation > li:last-child{
	background: #00618d;
}


.navigation li > ul{
	display:none;
	position: absolute;
	left:0;
	top:100%;
	width: 100%;
	text-align: left;
	background: #fff;
	border:1px #ddd solid;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	min-width: 180px
}
.navigation li:hover > ul{
	display: block
}
.navigation li > ul > li{
	width: 100%;
	display: block;
	padding:0 5px;
}
.navigation ul > li a{
	padding:10px;
	display: block;
	font-size: 14px;
	width:auto;
	line-height: 1.25em;
	color:#333
}

.mobile-nav{
	position: absolute !important;
	right:20px;
	top:27px;
}
.mobile-nav > a{
	color:#333;
	font-size:22px;
	font-weight:200;
	border:1px #ccc solid;
	border-radius:4px;
	padding:3px 7px;
	top:18px
}



/* buttons */
.button, input[type=submit], input[type=button]{
	display:inline-block;
	padding:.8em 1.1em;
	text-decoration:none;
	color:#fff;
	border-radius:0;
	font-size:20px;
	background: #00618D;

	transition: all 300ms ease-in-out;
	font-weight: 200;
	-webkit-font-smoothing: antialiased
}

#theme-my-login{
	max-width: 500px;
	margin:0 auto;
}

/* input */
::-webkit-input-placeholder {
	font-family:inherit;
	font-size:inherit
}
input[type=text],
input[type=password],
select, textarea{
	background:#fff;
	border:1px #dcdcdc solid;
	width:100%;
	font-size:16px;
	padding:10px;
	font-family:inherit;
	font-size:16px;
	z-index:100;
	-webkit-appearance: none;
	border-radius:3px;
	box-sizing: border-box
}
input[type=text]:focus,
input[type=password]:focus{
	border:1px #333 solid;
}
select{
	border-radius:0px;
	background:#fff url(/images/arrows.png) 95% 50% no-repeat;
}
input[type=submit]{
	border:none;
	cursor: pointer;
	-webkit-appearance: none;
}
input[type=button]{
	cursor: pointer;
	border:none;
}
.client-logos img{
	width: 100%;
	max-width: intrinsic;
	position: absolute;
	display: none;
	left:0;
	right:0;
	margin:0 auto;
}

.client-logos img.active{
	display: block;
}

.client-logos{
	padding:60px 0;
	text-align: center;
	clear:both;
	min-height: 180px;
}

/*home assets*/
#body .banner{
	background-position: center center;
	background-size: cover;
	background-color:#bbb
}

.home header{
	border-bottom:1px #fff solid;
}
.home .featured-text{
	font-weight: 200;
	font-size:27px
}

.banner h1, .banners h1{
	position: absolute;
	left:0; right:0;
	margin:0 auto 0;
	color:#fff;
	font-size: 38px;
	text-align: center;
	font-weight: 200;
	top:calc(50% - 25px);
}


.single-person .featured-text{
	color: #598E36
}


.wide-banner{
	color: #fff;
	padding:20px 30px;
	text-align: center;
	border-top:1px #fff solid;
	font-size:32px;
	font-weight:200;

}








.contact form{
	display: block;
	font-family:inherit;
	font-size:17px;
	font-weight:200;
	color:#666;
	font-size:0;
	margin-bottom: 120px
}
.contact form label{
	display:block;
	margin:5px 0;
	font-size:17px;
}
.contact form span{
	display:block;
}
.contact form input[type=text], .contact form textarea, .contact form input[type=email], .contact form input[type=phone]{
	background:#fff;
	border:1px #cccccc solid;;
	width:95%;
	font-size:17px;
	margin:3px 0;
	padding:6px 5px;
	border-radius:0px;
	box-sizing: border-box;
	display:block;
}

.inner input[type=checkbox]{
	width:auto;
}
.contact form select{
	background:#fff;
	border:1px #cccccc solid;;
	border-radius:0px;
	padding:6px 5px;
	width:100%;
	font-family:inherit;
	font-size:17px;
	background:#fff ;

}

.contact form textarea{
	height:140px;
	width: 97.5%
}






.context{
	font-size:18px;
	color:#666666;
	line-height: 1.5em;
	max-width: 1200px;
	margin:0px auto;
	text-align:left;
	font-weight: 400;
	margin:0 0 20px;
}
.context p{
	margin: 0 0 15px;
	display:block;
	font-weight: 200;
	font-size: 18px;
	line-height: 1.6em
}
.featured-text{
	font-size:28px;
	padding:50px;
	color:#666;
	line-height: 1.5em;
	max-width: 1200px;
	margin:0px auto;
	text-align:center;
	font-weight: 400;
}
.home .services a{
	text-align: center;
	color:#fff;
	padding:20px;

}
.home .services a b{
	font-weight: 200;
	font-size: 70px;
	display:block;
	margin:10px 0;
}
.home .services a p{
	margin-top:20px;
	font-size: 22px;
	display:block;
	line-height: 1.5em
}


/* controller assets */
.inner-controller .inner{
	overflow: visible
}
.inner-controller a{
	background:rgba(255,255,255,.5);
	box-shadow: none;
	border-radius:0;
	top:-5px;
	color:#fff;
	font-weight: 200;
	padding:.8em 1.1em;
	text-transform: uppercase;
	font-size: 14px;

}
.inner-controller a:first-child{
	position: absolute;
	left:0px;
}
.inner-controller a:last-child{
	position: absolute;
	right:0px;
}
.inner-controller .button:hover{
	background:rgba(255,255,255,.3);
}
.people{
	padding:30px 0;
}
.people a.person{
	display:inline-block;
	position: relative;
	box-sizing: border-box;
	margin:10px;
	width:290px;
	height:363px;
	background:#ccc;
	background-size: cover;
	background-position: center center;
}
.people a.person:hover h3{
	display:block;
}
.people h3{
	position: absolute;
	bottom:0;
	right:0;
	left:0;
	color:#fff;
	width:100%;
	padding:15px;
	box-sizing: border-box;
	background:rgba(0,0,0,.3);
	display:none;
	font-size:22px
}


.people a.person{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

}
.people a.person:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	filter:none !important;
}

.people-list{
	width:100%;
	max-width:none;
	white-space: nowrap;
	overflow: hidden;
	margin:40px auto 80px;
	font-size:0;
	max-width:1000px;
}
.people-list a.person{
	width:33.3%;
	height: auto;
	padding-bottom:41.7%;
	background-size: cover;
	background-repeat: no-repeat;
	margin:0;
}
.home .people{
	background: #A1A1A1;
	padding:0;
}

.people .left, .people .right{
	position: absolute;
	top: calc(50% - 25px);
	z-index: 100;
	width: 32px;
	height: 52px;
}
.home .people-list{
	margin:0 auto;
}

.people .right{
	background-image: url(/wp-content/themes/mlc/images/right.png);
	right:50px;
}

.people .left{
	background-image: url(/wp-content/themes/mlc/images/left.png);
	left:50px;
}


/* page assets */
.single-our-people #body{
	padding-bottom:25px;
}
.single-our-people h2{
	color:#598e36;
	font-weight: 200
}
.single-our-people #body .inner p{
	color:#666;
	line-height: 1.4em;
	font-size: 18px;
	font-weight: 200;
	margin-bottom:15px;
	padding-right: 30px;
}

.single-our-people #body .inner h1{
  background: #598e36;
  color: #FFF;
  font-size: 22px;
  padding: 20px;
  text-align: center;
  max-width: 250px;
  font-weight: 200;
}

.case-study h2{
	color:#e49230;
	font-weight: 200
}
.case-study #body .inner p{
	color:#666;
	line-height: 1.4em;
	font-size: 18px;
	font-weight: 200;
}


/* system alerts */
#alert{
	position:fixed; bottom:10%; left:50%;
	z-index:10000; display:none; margin-left:-320px; padding:20px 10px; width:600px; height:auto;
	border:5px solid rgba(0,0,0,.5); border-radius:10px; background:#eee;
	background-clip: padding-box;
	-webkit-box-shadow:0px 5px 15px rgba(0,0,0.4);
	-moz-box-shadow:0px 5px 15px rgba(0,0,0.4);
	box-shadow:0px 5px 15px rgba(0,0,0,.4);
	text-align:center;
	font-weight:200;
}
#alert a, #alert a:hover{
	color:#fff;
}

#alert2{
	display:none;
	position:fixed;
	bottom:0px; right:0px;
	background:#fa3030;
	color:#fff;
	padding:20px;
}

#alertText{
	color:#000;
	font-size:26px;
	line-height: 1.2em
}

.footer_nav{
  text-align: center;
  max-width: 960px;
  margin: 0 auto 30px;
  padding:50px;
}
.footer_nav a:first-child{
	float:left
}
.footer_nav a:last-child{
	float:right
}


/* mobile controller */
.mobile, .mini-mobile{
	visibility:hidden;
	position:absolute;
}
.desktop-only{
}




@media screen
and (min-width:769px)
{
	.inner, html, body{
		min-width:1000px;
	}
}


@media only screen
and (max-width:768px){
	body::-webkit-scrollbar{
		display:none;
		width:0px;
	}
	.overflow{
		overflow-x: auto;
		overflow-y: hidden;
	}
	.col > div, #body .col-30-70 > div{
		display:block;
		width:auto !important;
		margin:15px 0;
	}
	.mobile{
		visibility:visible;
		position:relative;
	}
	.home .services a p{
		font-size: 16px !important
	}
	.home .services a b{
		font-size: 38px
	}
	.floater{
		display:block !important;
		position:relative !important;
		margin:20px auto !important;
		left:auto !important;

	}

}


@media only screen
and (max-width:768px){
	html,body{
	}
	.inner{
		width:90%;
	}
	.wide-banner{
		font-size: 17px;
	}
	.banner h1{
		font-size: 22px;
	}
	.nomobile{
		display: none !important;
	}
	.desktop-only{
		visibility: hidden !important;
		position:absolute !important;
		overflow:hidden;
		width:0px;
		height:0px;
	}

	footer ul li{
		display:block;
		border:none;
		margin:0 0 15px;
		font-size:13px;
	}

	.navigation{
		display:none
	}

	.mini-mobile{
		visibility:visible;
		position:relative;
	}
	header{
		z-index: 100000
	}
	.navigation{
		position: fixed;
		background: #333;
		display: none;
		line-height: 1.5em;
		left:0;
		top:0;
		width:100%;
		height:100%;
		overflow: auto;
		z-index: 100000000
	}
	.navigation li{
		display: block !important;
		float: none !important;
		text-align: left;
		margin:10px;
		width:auto;
	}
	.navigation li a{
		padding:15px;
		font-size: 22px
	}

	.header-top > a{
		padding:20px 0;
		margin-left:20px;
		width:230px;
	}
	.featured-text{
		font-size:18px;
		line-height:1.5em
	}
	.home .services div b{
		font-size:30px;
	}
	.home .services div p{
		font-size:16px;
	}
	h3{
		font-size:16px !important;
		padding:0px 10px
	}
	footer p:first-child{
		margin-top:0
	}
	footer p{
		font-size:13px;
		display:block !important;
		float: none !important;
		margin:10px 0;
		text-align: center
	}

	.single-our-people #body .inner p{
		font-size: 16px;
		padding: 0 !important
	}


	.navigation li > ul{
		display:block;
		position: relative;
		left:auto;
		top:auto;
		width: 100%;
		text-align: left;
		background: none;
	}
	.navigation li > ul > li{
		width: 100%;
		display: block;
	}
	.navigation li > ul > li a{
		padding:2px 10px;
		display: block;
		font-size: 16px;
		width:auto;
	}

	.navigation li > ul{
		border: none;
		box-shadow: none;
	}
	.navigation ul > li a{
		color:#fff
	}
	.stories div{
		display: block !important;
		width: 95% !important;
		margin:10px auto;
		text-align: left !important
	}
	.stories img{
		float: none !important;
		width:auto;
		height:auto;
		max-width:100%
	}
	.stories h2{
		border-left: none !important;
		margin-left:0;
		padding-left:0px !important;
	}
	.stories{
		text-align: center !important
	}


}


@media only screen
and (max-width:667px){
	.home .services a{
		display:block;
		margin:0 auto;
		width: 100% !important
	}
	footer p > img{
		margin:10px auto !important;
		display: block;
	}
}