/*
Theme Name: Melissa Graham-Hurd - modExpress 65
Theme URI: http://themodernfirm.com
Author: The Modern Firm
Author URI: http://themodernfirm.com
Template: themodernfirm-core
Version: 1.0.1
*/

@import url("../themodernfirm-core/assets/styles/core.css");
@import url("../themodernfirm-core/assets/styles/scaffolding.css");

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400);

body {
	font-family: 'Arial', 'Helvetica', sans-serif;
	background-color: #283656;
	color: #606060;
}

h1, h1 a,
h2, h2 a,
h3, h3 a {
	font-family: 'Oswald', Helvetica, Arial, serif;
	font-weight: normal;
	color: #283656;
	text-transform: uppercase;
}

h4, h4 a,
h5, h5 a,
h6, h6 a {
	font-weight: bold;
	color: #444;
}

h2,h3 {
	font-size: 1.2em;
}

a {
	color: #5886a1;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p, ol, ul {
	color: #606060;
}

html.grid-1200.flex .container {
	max-width: 1250px;
}

@media screen and (max-width: 1100px) {
	html.grid-1200 .wrapper {
		padding: 0 25px;
	}
}

@media screen and (max-width: 900px) {
	html.grid-1200 .wrapper {
		padding: 0;
	}
}

#page-content img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* BEGIN - Secondary Nav **********************************************/
#secondary-nav-wrapper {
	background-color: #ddebee;
}

#secondary-menu {
	padding: 0 10px 2px 0;
	display: inline-block;
	background: #283656;
}

#secondary-menu .menu-item {
	padding-left: 10px;
}

#secondary-menu a {
	color: #fff;
	font-size: .75em;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	text-decoration: none;
}

#secondary-menu a:hover {
	text-decoration: underline;
}

/* END - Secondary Nav */

/* BEGIN - Header **********************************************/
#header-wrapper {
	background-color: #5886a1;
	padding-top: 10px;
	padding-bottom: 5px;
}

#header .right {
	text-align: right;
}

@media screen and (max-width: 750px) {
	#header .left,
	#header .right {
		text-align: center;
	}	
}

#header label {
	color: #fff;
	font-size: 1.2em;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

#header .phone-number {
	color: #ddebee;
	font-size: 1.6em;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-transform: uppercase;	
}

#header a {
	color: #ddebee;
	text-decoration: none;
}
/* END - Header */

/* BEGIN - Primary Nav **********************************************/
#primary-nav-wrapper {
	border-top: 2px solid #adccce;
	border-bottom: 2px solid #adccce;
	background-color: #283656;
}

#primary-nav .menu  {
	margin: 0 auto;
	width: auto;
	font-family: 'Lato', 'Helvetica', sans-serif;
}

#primary-nav .menu  > .menu-item > a {
	color: #fff;
	font-size: 15px;
	line-height: 1em;
	padding: 20px 25px 20px;
	height: 100%;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;

}

#primary-nav .menu  > .menu-item:hover > a {
	color: #adccce;
}

#primary-nav .menu :hover > .menu-item.current_page_item > a {
	color: #fff;
}

#primary-nav .menu > li > div > ul {
	margin-top: 0;
}

#primary-nav .menu .sub-menu {
	background-color: #5886a1;
	width: 300px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.05);
}

#primary-nav .menu .sub-menu a {
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	padding: 5px 15px 5px;
	font-weight: 700;
	text-decoration: none;
}

#primary-nav .menu .sub-menu a:hover,
#primary-nav .menu .sub-menu a:active {
	background: #283656;
}

#primary-nav .menu .sub-menu .sub-menu a {
	font-weight: 400;
}

#primary-nav .menu li > div > ul > li.has-submenu > a {
	padding: 5px 15px;
	font-weight: 700;
	background-color: transparent;
}


#primary-nav-container .menu-bar {
	color: #fff;
	padding: 12px;
	text-transform: uppercase;
	font-weight: normal;
}


#primary-nav .menu .mobile {
	padding-bottom: 0;
	border: none;
	border-top: 1px solid rgba(255,255,255, 0.2);
}

#primary-nav .menu .mobile > .menu-item {
	background: rgba(255,255,255,0.08);
	border-bottom: 1px solid rgba(255,255,255, 0.1);
}

#primary-nav .menu .mobile > .menu-item > a {
	padding: 10px 25px;
}

html.mobile-nav #primary-nav-wrapper {
	padding: 0;
}

/* END - Primary Nav */

/* BEGIN - Feature Area **********************************************/
#feature-area-wrapper {
	background-color: #ddebee;
	padding-top: 30px;
	padding-bottom: 25px;
	border-bottom: 2px solid #adccce;
}

#feature-area {
	text-align: center;
}

#feature-area a {
	text-decoration: none;
	display: block;
}

#feature-area a:hover {
	text-decoration: underline;
}


#feature-area h2{
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	text-transform: uppercase;	
	font-weight: 300;
	line-height: 1.3em;
	color: #5886a1;
	font-size: 2em;
	margin-bottom: 30px;
}

#feature-area h2 span.parentheses {
	font-size: 1.5em;
	color: #283656;
	font-weight: normal;
	font-family: Futura, Helvetica, Arial, sans-serif;
}

#feature-area h2 b {
	color: #283656;
	font-weight: 400;
}

#feature-area h3.feature {
	font-size: 1.1em;
	line-height: 1.2em;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	color: #002a57;
	text-transform: uppercase;
}

#feature-area img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 4px solid #fff;
	width: 100%;
}

.feature-area-row > .first > .inner {
	padding-left: 25px !important;
}

.feature-area-row > .fifth > .inner {
	padding-right: 25px !important;
}

@media screen and (max-width: 950px) {
	#feature-area h3.feature {
		font-size: .9em;
		line-height: 1.2em;
	}	
}

@media screen and (max-width: 800px) {

	.feature-area-row {
		display: block;
	}

	.feature-area-row > div {
		display: inline-block;
		text-align: center;
	}

	.feature-area-row > .first,
	.feature-area-row > .second,
	.feature-area-row > .third {
		width: 32%;
	}

	.feature-area-row > .fourth,
	.feature-area-row > .fifth {
		width: 49%;
		margin-top: 50px;
	}

	.feature-area-row > .fourth > .inner {
		padding-left: 42% !important;
		padding-right: 25px !important;
	}

	.feature-area-row > .fifth > .inner {
		padding-left: 25px !important;
		padding-right: 42% !important;
	}

	#feature-area h2.need-help {
		font-size: 1.8em;
	}


}

@media screen and (max-width: 550px) {
	.feature-area-row {
		margin-left: 0;
	}

	.feature-area-row > div {
		display: block;
		text-align: center;
		width: auto !important;
		margin: 0 50px 25px 50px;
	}

	.feature-area-row > div > .inner {
		padding: 0 !important;
	}

	.feature-area-row > .fourth,
	.feature-area-row > .fifth {
		margin-top: 0;
	}

	.feature-area-row > .fourth > .inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.feature-area-row > .fifth > .inner {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.feature-area-row > div img {
		width: 200px !important;
	}

	.feature-area-row label {
		position: relative;
		line-height: 70px;
		padding-left: 10px;
		vertical-align: top;
	}
}
/* END - Feature Area */

/* BEGIN - Body **********************************************/
#body-wrapper {
	padding-top: 50px;
	padding-bottom: 40px;
	background: #fff;
}

#body {
}
/* END - Body */

/* BEGIN - Footer **********************************************/
#footer-wrapper {
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #eaebeb;
	border-top: 3px solid #adccce;
}

#footer .first{
	border-right: 1px solid #ccc;
}

#location-1 a {
	color: #606060;
	text-decoration: none;
}

@media screen and (max-width: 850px) {
	#footer .first{
		border-right: none;
	}	
}

/* END - Footer */

/* BEGIN - Copyright Area **********************************************/
#copyright-wrapper {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #283656;
}

#copyright,
#copyright p,
#copyright a {
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	font-size: .9em;
}

#widget-copyright {
	margin-bottom: 0;
}
/* END - Copyright Area */


/* BEGIN - Breadcrumbs **********************************************/
.breadcrumbs {
	border-bottom: 2px solid #ece9e1;
	color: #707070;
	font-size: .8em;
}

.breadcrumbs a {
	color: #8e8e8e;
}
/* END - Breadcrumbs */

.social-icons {
	margin-top: 15px;
}

.social-icons a:hover label {
	text-decoration: underline;
}

.social-icons label {
	position: relative;
	top: -8px;
	color: #606060;
	font-size: 15px;
}

.social-icons a {
	margin-right: 15px;
}

.social-icons a,
.social-icons a:hover {
	text-decoration: none;
}

.practice-areas.images .practice-area-image {
	width: 70px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.practice-areas.images .name-cell {
	padding-left: 5px;
	line-height: 1.2em;

}

.practice-areas.images .practice-area-name {
	margin-left: 7px;
	display: block;
	line-height: 1.1em;
}

.practice-areas.images .practice-area-name a{
	margin-left: 0;
	font-size: .9em;
	line-height: .9em;
	color: #606060;
}

.tmf-widget.location .location-info{
	line-height: 1.5em;
	font-size: .9em;
}

.tmf-widget.location .map-wrapper {
	background:#fff;
	padding: 3px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	float: left;
	margin-right: 10px;
	display: inline-block;
}

.tmf-widget.location .map,
.tmf-widget.location .map img {
	display: block;
}

.tmf-widget.location .map img{
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

@media screen and (max-width: 550px) {
	.tmf-widget.location .map-wrapper {
		float: none;
	}
}

.tmf-widget.testimonial-list .testimonial {
	margin-bottom: 50px;
}

.person-information {
	float: left;
	max-width: 200px;
	margin: 0 20px 20px 0;
}

.person-resume,
.person-vcard {
	margin: 10px 0;
}

.person-image {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

@media screen and (max-width: 550px) {
	.person-information {
		float: none;
		max-width: 200px;
		margin: 0;
	}
}

.super-lawyers-logo {
	display: inline-block;
	position: relative;
	top: 9px;
	margin-right: 15px;
}

.avvo-logo {
	display: inline-block;
	position: relative;
	margin-right: 15px;
}

.associations img {
	margin: 0 30px 20px 0;
}

#blog-posts .entry-read-more {
	color: #fff;
	text-decoration: none;
	background-color: #283656;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.page-navigation .page-numbers,
.page-navigation .last-page-num {
	color: #fff;
	text-decoration: none;
	background-color: #283656;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.page-navigation .current-page-num,
.page-navigation .page-numbers.current {
	color: #444;
	text-decoration: none;
	background-color: #eaebeb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}