/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */

body {
	font-family:Lato,sans-serif;
	font-size:16px;
	line-height:24px;
	color:#333;
	-webkit-text-size-adjust: 100%;
}

a:link, a:visited {
	color: #3d6e99;
	text-decoration: none;
	font-weight:bold;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a:hover {
	color: #333;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

a:active {
	color: #3d6e99;
}

h1 {
	font-family:Lato,sans-serif;
	font-size:33px;
	line-height:35px;
	margin-bottom:0;
	font-weight:900;
	color:#333;
}

h2 {font-family:Lato,sans-serif;font-size:24px;line-height:26px;font-weight:bold;margin-bottom:10px;}
h3 {font-family:Lato,sans-serif;font-size:18px;line-height:20px;font-weight:bold;margin-bottom:12px;text-transform:uppercase;color: #777;letter-spacing:0;}
h4 {font-family:Lato,sans-serif;font-size:14px;line-height:15px;font-weight:bold;}
h5 {font-family:Lato,sans-serif;font-size:13px;line-height:15px;font-weight:bold;}
h6 {font-family:Lato,sans-serif;font-size:12px;line-height:14px;font-weight:bold;}

h2.block-title, .node-field label {
	font-size:24px;
	line-height:26px;
	margin-bottom:10px;
	font-weight:bold;
	letter-spacing: -0.05em;
}

.node-field label {
	margin-top:30px;
	border-bottom:1px solid #e2e2e2;
	padding-bottom:30px;
	margin-bottom:30px;
}

body.front h1.title {
	display:none;
}


strong {
	font-weight:900;
}

hr {
	border:none;
	height:1px;
	color:#e2e2e2;
	background:#e2e2e2;
	margin-top:30px;
	margin-bottom:30px;
}

input[type="text"], input[type="email"], input[type="password"], textarea {
	width:100%;
	border:1px solid #e2e2e2;
	padding:5px 10px;
	height:auto;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
  background: #FFF;
}

a.button {
	background:#3d6e99;
	color:#FFF;	
	padding:5px 20px;
	margin-top:10px;
	display:inline-block;
	font-size:14px;
	line-height:14px;
}

a.button:hover {
	background:#333;
	color:#FFF;	
}

.caption, .field-name-field-caption, .quote-citation {
	font-style:italic;
	font-size:13px;
	line-height:17px;
}

.quote-citation {
	padding:0 30px;
}

.intro {
	font-size:1.2em;
}

.quote {
	font-size:22px;
	line-height:30px;
	font-style:italic;
	padding:0 60px 0 0;
}

.video-wrapper {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top:0;
	height: 0;
	overflow: hidden;
	margin: 0 0 20px;	
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.media-image_large, .media-image_medium {
	float:left;
	width:100%;
	margin:5px 0 20px;
}

.media-image_small {
	float:right;
	width:50%;
	max-width:180px;
	margin:5px 0 10px 20px;
}

.media-image_thumbnail {
	width:50%;
	max-width:180px;
	margin:0 0 10px 0;
}

.file-image-large, .file-image-medium, .file-image-contact, .file-image-small, .file-image-thumbnail {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.image-logo {
	width:100%;
	height:auto!important;
	max-width:150px;
}

.field-name-field-sidebar ul {
	margin-left:15px;
}


/* User Zone */
.toolbar-block ul, .toolbar-block li {
	list-style:none;
	margin:0;
	padding:0;
	font-size:13px;
	line-height:20px;
	text-transform:uppercase;
}

.toolbar-block ul {
	display:none;
}

.toolbar-block a {
	color:#555;
	font-weight:normal;
}

.toolbar-block a:hover {
	color:#999;
}

.toolbar-block img {
	width:20px;
	height:auto!important;
}

.toolbar-icon {
	display:inline-block;
	margin:0 10px 10px 0;
}




/* Branding Zone */
.logo-img {
	margin-bottom:30px;
}

.logo-img img {
	width:100%;
	height:auto;
	max-width:130px;
}

/* Menu Zone */
div#region-menu {
	position:relative;
	z-index:110;
}


.mmenu-nav.mm-basic {
	background: #FFF;
	text-shadow:none;
	box-shadow:none;
	font-size:14px;
	font-family:Lato,sans-serif;
	color: #3d6e99;
}

.mmenu-nav.mm-basic > .mm-list li {
	border-top:none;
	border-bottom:1px solid #e2e2e2;	
}

.mmenu-nav.mm-basic > .mm-list li.mmenu-block-wrap {
	border:none;	
}

.mm-list a.mm-subopen::after, .mm-list a.mm-subclose::before {
	background: url('/sites/all/themes/efmoneeight/images/bgForward.png') no-repeat left 3px;
	background-size:16px 16px;
	transform:none;
	border:none;
}

.mmenu-nav.mm-basic .mm-subopen::after, .mmenu-nav.mm-basic .mm-subclose::after {
	width:19px;
	height:19px;	
}

.mmenu-nav.mm-basic .mm-subtitle {
	background:#3d6e99;
}

.mm-list a.mm-subopen::after, .mm-list a.mm-subclose::before {
	height:19px;
	width:19px;
	bottom:45%;
}

.mm-menu .mm-list > li > a.mm-subclose {
	color:#FFF;	
}

.mmenu-nav.mm-basic .mm-subtitle a.mm-subclose::before {
	background: url('/sites/all/themes/efmoneeight/images/bgBack.png') no-repeat left 3px;
	background-size:16px 16px;
	transform:none;
	border:none;
}

.mm-list li.mmenu-expanded .mmenu-block-expanded {
	background:#0c66a4!important;
}

.mmenu-nav.mm-basic .search-form .form-text {
	border:1px solid #e2e2e2;	
}

.mm-top.mmenu-nav.mm-basic {
	background: rgba(0,0,0,.5);
}

.mm-menu.mm-front.mm-top {
	min-height:inherit;
	height:107px!important;	
}

.mm-menu.mm-front.mm-top > .mm-list li {
	border:none;
}

.mmenu-nav.mm-basic .search-form .form-text {
	border:none;
	padding:10px 20px;
	width:80%;
	max-width:700px;
	float:left;
	margin-right:10px;
}

.mm-menu.mm-front.mm-top > .mm-list::after {
	height:0;
}

.mm-menu.mm-front.mm-top .form-submit {
	background-size:17px 17px;
	border:none;
	border-radius:0;
	display:block;
	font-size:0;
	line-height:0;
	width:28px;
	height:28px;
	margin-top:3px;
	float:left;
}


/* Header Zone */

/* Preface Zone */
#zone-preface-wrapper {
	background:#f2f2f2;
	padding:30px 0;
	margin-top:30px;
}

/* Content Zone */
#zone-content-wrapper {
	padding:30px 0;
}

#region-sidebar-second {
	font-size:14px;
	line-height:22px;
}

/* Home Page */
.home-block {
	min-height:250px;
	float:left;
	width:50%;
	background-color:#f2f2f2;
	position:relative;
}

.home-block p {
	margin:0;
}

.home-block .field-name-body {
	display:block;
	position: absolute;					/* 2 */
	top: 50%;								 /* 3 */
	transform: translate(0, -50%);	/* 4 */
	-webkit-transform: translate(0, -50%);	/* 4 */
	-ms-transform: translate(0, -50%);	/* 4 */
	width:100%;
	padding:0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index:100;
}

.ie8 .home-block .field-name-body, .ie7 .home-block .field-name-body {
	top:0;
}

.home-block-main, .home-block-four, .home-block-seven {
	width:100%;
}

.home-block-four, .home-block-seven {
	height:auto;
}

.home-block .field-name-body .field-item {
	padding:15px;
}

.slogan-small {
	font-size:0.5em;
	color:#999;
	letter-spacing:0;
}

.slogan-blue {
	color: #3d6e99;
}

/* Bio */
.node-type-bio .group-left, .node-type-bio .group-right {
	width:100%;
}

.field-name-field-job-title {
	font-size:24px;
	line-height:26px;
	font-weight:bold;
	margin-bottom:20px;
}

.field-name-field-location {
	font-size:13px;
	line-height:18px;
}

.field-name-field-headshot {
	margin:10px 0 20px;
}

.field-name-field-headshot img {
	width:100%;
	height:auto!important;
	max-width:250px;
}

.node-bio-group {
	margin-bottom:50px;
}

.node-bio-group h2 {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e2e2e2;		
}

.bio-item {
	display:inline-block;
	vertical-align:top;
	width:48%;
	margin-right:4%;
	opacity:1;
	margin-bottom:20px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.ie7 .bio-item {
	float:left;
}

.bio-item.even {
	margin-right:0;
}

.bio-item:hover {
	opacity:.6;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.bio-item:hover img {
	filter:grayscale(90%);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.bio-item a {
	color:#333;
}


.bio-item .field-name-field-headshot img {
	max-width:none;
}

.bio-item .field-name-title {
	font-size:21px;
	line-height:21px;
	margin-bottom:8px;
	letter-spacing:-0.05em;
}

.bio-item .field-name-field-job-title {
	font-size:16px;
	line-height:19px;
	margin-bottom:8px;
}

.bio-item .field-name-field-location a {
	font-weight:normal;
}

.menu-bio-subnavigation .view-content {
	float:left;
	width:100%;
	margin-bottom:30px;
	border-bottom:1px solid #e2e2e2;
	padding-bottom:30px;
}

.menu-bio-subnavigation .views-row {
	float:left;
	width:25%;
}

.menu-bio-subnavigation .views-row:hover {
}

.menu-bio-subnavigation .views-row a {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.menu-bio-subnavigation .views-row:hover a {
	opacity:.6;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.menu-bio-subnavigation .views-row:hover a.active {
	opacity:1;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.menu-bio-subnavigation .views-row:hover img {
	filter:grayscale(90%);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.menu-bio-subnavigation .views-field-field-headshot {
	padding:0 3px 3px 0;
}

.menu-bio-subnavigation .views-field-field-headshot img {
	width:100%;
	height:auto!important;
}

.menu-bio-subnavigation .views-row a.active {
	pointer-events:none;
}

.menu-bio-subnavigation .views-row a.active img {
	filter:grayscale(90%);
	opacity:0.6;
}

/* Portfolio */

.portfolio-block .views-row .group-left {
	width:100%;
}

.portfolio-block .views-row .group-right {
	width:100%;
}

.portfolio-block .views-row {
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-bottom:20px;
	border-top:1px solid #e2e2e2;
	padding-top:30px;
	margin-top:30px;
}

.ie7 .portfolio-block .views-row {
	float:left;
}

.portfolio-block p {
	margin:0;
}

.portfolio-block .field-name-field-portfoliologo {
	padding-right:30px;
}

.portfolio-block .field-name-field-company-thumbnail {
	margin-top:15px;
}

.node-type-portfolio-company .group-left, .node-type-portfolio-company .group-right {
	width:100%;
}

.field-name-field-portfoliologo img, .field-name-field-company-thumbnail img {
	width:100%;
	height:auto!important;
	margin-bottom:20px;
}

.field-name-field-portfoliologo img {
	max-width:200px;
}

.field-name-field-company-details {
	font-size:14px;
	line-height:19px;
}

.node-type-portfolio-company .quote {
	border-top:1px solid #e2e2e2;
	padding:30px 0 0 0;
	margin-top:30px;
}


.menu-portfolio-subnavigation .views-row {
	opacity:1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.menu-portfolio-subnavigation .views-row:hover {
	opacity:.6;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.menu-portfolio-subnavigation .views-row:hover img {
	filter:grayscale(90%);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.menu-portfolio-subnavigation .views-row {
	text-align:center;
	position:relative;
	height:100px;
}

.menu-portfolio-subnavigation .views-field-field-portfoliologo  {
	display:block;
	position: absolute;					/* 2 */
	top: 50%;								 /* 3 */
	transform: translate(0, -50%);	/* 4 */
	-webkit-transform: translate(0, -50%);	/* 4 */
	-ms-transform: translate(0, -50%);	/* 4 */
	width:80%;
	padding:0 10%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index:100;
}

.menu-portfolio-subnavigation img {
	width:100%;
	height:auto!important;
	max-width:150px;
}

.menu-portfolio-subnavigation p {
	margin:0;
}

.menu-portfolio-subnavigation .views-row {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e2e2e2;	
}

.menu-portfolio-subnavigation .views-row-last {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.menu-portfolio-subnavigation .content {
	margin-top:30px;
	padding-top:10px;
	border-top:1px solid #e2e2e2;		
}

.field-name-field-related-news-link {
	margin-top:50px;
}

.portfolio-news-block .view-content {
	border-top:1px solid #e2e2e2;
	padding-top:12px;
}

.portfolio-news-block .views-row {
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #e2e2e2;
	font-size:14px;
	line-height:17px;
}

/* News */
.home-news-block .views-row  {
	margin-top:12px;
	padding-top:12px;
	border-top:1px solid #e2e2e2;
}

.field-name-field-source {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e2e2e2;
}

.news-block .views-row {
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #e2e2e2;	
}

.news-block p {
	margin:0;
}

.news-block .views-field-body {
	font-size:14px;
	line-height:20px;
	margin-top:10px;
}

#region-sidebar-first .home-news-block {
	font-size:14px;
	line-height:17px;
}

/* Community */
.community-item {
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #e2e2e2;	
}


/* Resources */
.video-item {
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #e2e2e2;	
}

.resources-block .views-row {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e2e2e2;	
}

.resources-block .content {
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #e2e2e2;		
}

.resources-block .views-field-field-resources-thumbnail img {
	width:100%;
	height:auto;
	margin-bottom:10px;
	max-width:300px;
}

.resources-block p {
	margin:0;
}

.resources-block h3 {
	margin-bottom:5px;
}

/* Contact */
.contact-block {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #e2e2e2;
}

.contact-block p {
	margin:0;
}

.contact-block iframe {
	margin-top:20px;
}



/* Postscript Zone */
#zone-postscript-wrapper {
	padding:40px 0 40px;
}

#zone-postscript-wrapper p {
	margin:0;
}

#zone-postscript-wrapper .block {
	margin-bottom:20px;
}
	
/* Footer Zone */
#zone-footer-wrapper {
	font-size:13px;
	line-height:21px;
	border-top:1px solid #e2e2e2;
	padding-top:30px;
}

/* UI Improvements */
div.item-list {
	margin-top:4px;
}

.pager {
	border:none;
	background:none;
}

.pager li.pager-current {
	background:none;
	color:#888;
	border:none;
	margin-top:5px;
}

.pager li.pager-next, .pager li.pager-previous, .pager li.pager-last, .pager li.pager-item, .pager li.pager-first	 {
	margin-top:5px;
}

.pager li.pager-next {
	right:80px;	
}

.pager li.pager-next a, .pager li.pager-previous a, .pager li.pager-last a, .pager li.pager-first a	 {
	width:80px;
}

div.tabs ul.primary {
	border-bottom:1px solid #CCC;
	height:18px;
	margin:0 0 5px 0;
	padding:12px 10px 0;
	font-size:9pt;
}

div.tabs ul.primary li a {
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;	
	border-left:1px solid #CCC;	
	border-radius:3px;
	padding:6px 15px 4px;
}