/**
 * Global Styles
 * 
 * Provides basic styling for the child theme.
 * 
 * Package: TMF Child Theme
 * Author: The Modern Firm, LLC
 * Support: support@themodernfirm.com
 * Copyright: Copyright (c) 2013, The Modern Firm, LLC
 * 
 */



/* ======================================== *
	Global		
 * ======================================== */
body {
	font-family: 'Brawler', 'Times New Roman', serif;
	font-size: 17px;
	color: #313131;
}

h1, h1 a,
h2, h2 a,
h3, h3 a {
	color: #cd3529;
	font-weight: 400;
	font-family: 'Merriweather', 'Times New Roman', serif;
}

h1 {
	font-size: 1.5em;
}

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

h4, h4 a,
h5, h5 a,
h6, h6 a {}

a {
	color: #003674;
}

.wrapper {
	padding-left: 50px;
	padding-right: 50px;
}

@media screen and (max-width: 1050px) {
	.wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media screen and (max-width: 750px) {
	.wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}



/* ======================================== *
	Header			
 * ======================================== */
#header-wrapper {
	background: #efefef url(../images/background-header.jpg) no-repeat top center;
	border-bottom: 15px solid #cd3529;
	-webkit-background-size: cover;
	background-size: cover;
}

#header-container {
	padding-top: 40px;
}

#header {
	padding: 0 0 185px;
}

body.landing-page #header {
	padding: 0 0 125px;
}

#header-row {
	padding-bottom: 40px;
}

#header-2 {
	text-align: center;
}

#header-2 h3 {
	font-size: 1.1em;
	color: #003674;
	font-weight: 700;
	margin-bottom: 0px;
}

#header .location-phone,
#header .location-email {
	color: #cd3529;
	font-size: 1.7em;
}

html.mobile-nav #header-wrapper {
	padding-left: 0;
	padding-right: 0;
}

@media screen and (max-width: 1000px) {
	#header {
		padding: 0 0 150px;
	}


	body.landing-page #header {
		padding: 0 0 100px;
	}
}

@media screen and (max-width: 750px) {
	#header-wrapper {
		border-bottom: none;
	}

	#header {
		padding-bottom: 0;
	}

	body.landing-page #header {
		padding-bottom: 0;
	}

	#header #header-row {
		padding-bottom: 0;
	}
}

@media screen and (min-width: 750px) and (max-width: 1000px), screen and (max-width: 500px) {
	#header-2 h3 {
		font-size: 1em;
	}

	#header .location-phone,
	#header .location-email {
		font-size: 1.2em;
	}
}



/* ======================================== *
	Body			
 * ======================================== */
#body-wrapper {
	background: url(../images/background-body.png) repeat;
}

#body-container {
	background: #fff;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0 0 25px rgba(0,0,0, 0.4);
	box-shadow: 0 0 25px rgba(0,0,0, 0.4);
}

#home-body-content {
	position: relative;
	margin-top: -175px;
	padding-bottom: 50px;
	font-size: 0.9em;
}

#home-body-content > .span-16 > .inner {
	padding-left: 50px;
}

#home-body-content > .span-8 > .inner {
	padding-right: 50px;
}

#int-body-content {
	position: relative;
	margin-top: -225px;
	padding-bottom: 50px;
	background: #fff;
	font-size: 0.9em;
}

#int-body-content > .span-16 > .inner {
	padding-left: 50px;
}

#int-body-content > .span-8 > .inner {
	padding-right: 50px;
}

#home-body-2 {
	border-left: 2px solid #c0c2c3;
}

#int-sidebar {
	border-left: 2px solid #c0c2c3;
}

@media screen and (max-width: 1050px) {
	#home-body-content {
		margin-top: -175px;
	}

	#home-body-content > .span-16 > .inner {
		padding-left: 25px;
	}

	#home-body-content > .span-8 > .inner {
		padding-right: 25px;
	}

	#int-body-content > .span-16 > .inner {
		padding-left: 25px;
	}

	#int-body-content > .span-8 > .inner {
		padding-right: 25px;
	}
}

@media screen and (max-width: 950px) {
	#home-body-2 {
		border-top: 2px solid #c0c2c3;
		border-left: 0;
		padding-top: 25px;
	}

	#int-sidebar {
		border-top: 2px solid #c0c2c3;
		border-left: 0;
		padding-top: 25px;
	}

}

@media screen and (max-width: 750px) {
	
	#home-body-content {
		margin-top: 0;
		padding: 25px 0;
	}

	#int-body-content {
		margin-top: 0;
		padding: 25px 0;
	}
}

/* ======================================== *
	Billboard
 * ======================================== */
#billboard {
	position: relative;
	top: -210px;

}

#billboard .top-curve {
	background: url(../images/billboard-curve.png) no-repeat bottom;
	height: 115px;
	-webkit-background-size: 100%;
	background-size: 100%;
}

#billboard #practice-areas {
	position: absolute;
	width: 100%;
	top: 130px;
	left: 0;
	text-align: center;
	vertical-align: top;
}

#billboard #practice-areas .practice-area {
	display: inline-block;
	margin: 0 50px;
	color: #fff;
	font-size: 1.2em;
	text-shadow: 0 0 5px rgba(0,0,0, 0.9);
	text-transform: uppercase;
	font-family: 'Merriweather', 'Times New Roman', serif;
	font-weight: 700;
	vertical-align: top;
	line-height: 1.2em;
}

#billboard #practice-areas .practice-area img {
	display: block;
	margin-bottom: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 0 3px #fff, 0 0 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 0 0 3px #fff, 0 0 15px rgba(0,0,0, 0.7);
	box-shadow: 0 0 0 3px #fff, 0 0 15px rgba(0,0,0, 0.7);
}

@media screen and (max-width: 1200px) {
	#billboard #practice-areas .practice-area {
		margin: 0 50px;
		font-size: 1em;
	}

	#billboard #practice-areas .practice-area img {
		width: 300px;
	}
}

@media screen and (max-width: 1050px) {
	#billboard #practice-areas .practice-area {
		margin: 0;
		font-size: 1em;
		width: 300px;
		text-align: center;
	}

	#billboard #practice-areas .practice-area img {
		width: 200px;
		margin: 0 auto 15px;
	}
}

@media screen and (max-width: 750px) {
	#billboard {
		position: relative;
		top: 0;
		background: url(../images/billboard-background.jpg) no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		padding: 25px 0;
	}

	#billboard #practice-areas {
		position: relative;
		top: 0;
		text-align: center;
	}

	#billboard #practice-areas .practice-area {
		display: block;
		margin: 25px auto;
	}

	#billboard .top-curve,
	#billboard .cutout {
		display: none;
	}

	#billboard #practice-areas .practice-area img {
		width: auto;
	}

}


/* ======================================== *
	Billboard
 * ======================================== */
#small-billboard {
	position: relative;
	top: -210px;
}

#small-billboard .top-curve {
	background: url(../images/billboard-curve.png) no-repeat bottom;
	height: 115px;
	-webkit-background-size: 100%;
	background-size: 100%;
}

#small-billboard .text {
	position: absolute;
	top: 150px;
	left: 25px;
	color: #fff;
	font-size: 1.6em;
	text-shadow: 2px 2px 8px rgba(0,0,0, 1);
	text-transform: uppercase;
	font-family: 'Merriweather', 'Times New Roman', serif;
	font-weight: 700;
}

@media screen and (max-width: 1100px) {
	#small-billboard .text {
		top: 130px;
	}
}


@media screen and (max-width: 750px) {
	#small-billboard {
		position: relative;
		top: 0;
		background: url(../images/billboard-background.jpg) no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

	#small-billboard .top-curve {
		display: none;
	}

	#small-billboard .bottom {
		display: none;
	}

	#small-billboard .text {
	position: relative;
	top: 0;
	left: 0;
	padding: 25px;
}

}

/* ======================================== *
	Footer			
 * ======================================== */
#footer-wrapper {
	border-top: 5px solid #cd3529;
	background: #f0f1f3 url(../images/background-footer.jpg) no-repeat center center;
}

#footer-container {
	padding: 50px 0 0;
}

#footer #success-stories {
	background-color: #fff;
	background-color: rgba(255,255,255,0.6);
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0, 0.3);
	box-shadow: 0 0 5px rgba(0,0,0, 0.3);
}

@media screen and (max-width: 850px) {
	#footer-wrapper {
		background: #f0f1f3 url(../images/background-footer-vert.jpg) no-repeat center center;
	}
}

/* ======================================== *
	Copyright			
 * ======================================== */
#copyright-wrapper {
	background-color: #1a2441;
	background-image: url(../ie-gradient.php?from=1a2441&to=212d53);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a2441), to(#212d53));
	background-image: -webkit-linear-gradient(#1a2441, #212d53);
	background-image: -moz-linear-gradient(#1a2441, #212d53);
	background-image: -ms-linear-gradient(#1a2441, #212d53);
	background-image: -o-linear-gradient(#1a2441, #212d53);
	background-image: linear-gradient(#1a2441, #212d53);
}

#copyright {
	padding: 50px 0 5px;
	color: #fff;
}

#copyright {}

#copyright p {
	color: #fff;
}

#copyright a {
	color: #fff;
}

#copyright .payment-icons {
	position: absolute;
	top: 55px;
	right: 25px;
}

@media screen and (max-width: 800px) {
	
	#copyright {
		text-align: center;
	}

	#copyright .payment-icons {
		position: relative;
		top: 0;
		left: 0;
		margin-top: 10px;
	}
}



/* ======================================== *
	Breadcrumbs			
 * ======================================== */
#breadcrumbs {}
#breadcrumbs a {}



/* ======================================== *
	Person Information
 * ======================================== */	
.person-information {
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

.person-information .person-image {
	-webkit-box-shadow: 0 0 0 3px #fff, 0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 0 3px #fff, 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 0 3px #fff, 0 0 10px rgba(0,0,0,0.5);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 15px;
}

.person-information .person-name {
	color: #cd3529;
	font-weight: 400;
	font-size: 1.5em;
	margin-bottom: 20px;
}

.person-information .attorney-title {
    font-weight: 600;
    font-style: italic;
}

.person-information .resume {
	display: inline-block;
	margin-right: 15px;
	font-size: .95em;
	margin-top: 6px;
}

.person-information .vcard {
	display: inline-block;
	margin-top: 6px;
	font-size: .95em;
}

.person-information .social-icons {
	margin-top: 6px;
}

.person-information .person-phone span{
	background: url(../images/icon-phone-blue.png) no-repeat left center;
	width: 25px;
	height: 19px;
	top: 4px;
	position: relative;
	display: inline-block;
}

.person-information .person-fax {
	position: relative;
	top: -3px;
}

.person-information .person-fax span{
	background: url(../images/icon-fax-blue.png) no-repeat left center;
	width: 24px;
	height: 23px;
	top: 8px;
	position: relative;
	display: inline-block;
}


.person-information .person-email {
	position: relative;
	top: -5px;
}

.person-information .person-email span{
	background: url(../images/icon-email-blue.png) no-repeat left center;
	width: 20px;
	height: 13px;
	top: 2px;
	position: relative;
	display: inline-block;
	margin: 0 3px 0 3px;
}

#more-success {
	text-decoration: underline;
}

#more-success:hover {
	text-decoration: none;
}

.success-wrap {
	text-align: center;
}

.as-seen-in {
	padding-left: 25px;
}

.story-links {
	font-size: 1.2em;
	text-align: center;
	font-weight: 700;
}


.search-form {
	margin-bottom: 40px;
}

.search-form input[type=text] {
	padding: 4px 5px;
}

.search-form input[type=submit] {
	background-color: #2b3c6a;
	background-image: url(../ie-gradient.php?from=2b3c6a&to=172142);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2b3c6a), to(#172142));
	background-image: -webkit-linear-gradient(#2b3c6a, #172142);
	background-image: -moz-linear-gradient(#2b3c6a, #172142);
	background-image: -ms-linear-gradient(#2b3c6a, #172142);
	background-image: -o-linear-gradient(#2b3c6a, #172142);
	background-image: linear-gradient(#2b3c6a, #172142);
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #11182f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}