/*
 Theme Name:   NEW Cellino & Barnes
 Author:       Algonquin Studios
 Author URI:   http://algonquinstudios.com
*/


/* ============================================================== */
/* General Styles */

html
{	min-width: 0; }

body
{	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #444;
	margin: 0;
	background: #fff; }

h1, h2, h3, h4
{	font-weight: 400;
	color: #000; }

h1
{	font-size: 30px;
	line-height: 1.2em;
	margin: 37px 0 25px 0; }

h2
{	font-size: 26px;
	line-height: 1.2em;
	margin: 28px 0 14px 0; }

h3
{	font-size: 22px;
	line-height: 1.2em;
	margin: 24px 0 14px 0; }

h4
{	font-size: 18px;
	line-height: 1.2em;
	margin: 21px 0 14px 0; }

h5, h6
{	font-weight: 700;
	font-size: 14px;
	line-height: 1.2em;
	color: #000;
	margin: 21px 0 14px 0; }

h6
{	color: #444; }

p
{ 	margin: 1em 0; }

blockquote
{	border-color: #ddd; }

hr
{	margin: 28px 0;
	border: 0;
	border-bottom: 1px dashed #bbb;
	clear: none; }

b, strong
{	font-weight: 700; }

a
{	font-weight: 700;
	text-decoration: none; }

a:link, a:visited
{	color: #0578b3; }

a:hover, a:focus, a:active
{	color: #034567; }

input, select, textarea
{	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #444;
	margin: 0; }

input[type="text"], input[type="password"], input[type="search"], select, textarea
{	padding: 5px;
	border: 1px solid #ccc; }

input[type="submit"]
{	font-weight: 700;
	color: #fff;
	padding: 5px 10px;
	background: #0578b3;
	border: 0;
	border-radius: 4px;
	cursor: pointer; }

input[type="submit"]:hover, input[type="submit"]:focus
{	background: #034567; }

img
{	max-width: 100%;
	height: auto; }

iframe
{	max-width: 100%;
	z-index: 1;
}

table
{	width: auto; }

@media screen and (max-width: 991px) {
	
	table:not(.Data), table:not(.Data) tbody, table:not(.Data) tr, table:not(.Data) th, table:not(.Data) td
	{	width: auto;
		display: table-row; }

}

/* HTML5 elements */
aside, footer, header, main, section
{	display: block; }

::selection
{	color: #fff;
	background: #0578b3; }

::-moz-selection
{	color: #fff;
	background: #0578b3; }

*
{	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }

/* ============================================================== */
/* Classes */

/* Content rows */

.row
{	margin: 0;
	border-top: 1px solid #ccc;
	box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,0.08); }

/* Alternate BG for content rows */
.alt
{	background: #f1f1f1 url(images/template/alt_bg.png) repeat left top; }


/* Container for setting layout width and centering content */

.container
{	padding: 20px;
	margin: 0 auto;
	width: auto;
	max-width: 1400px; }

#PriNav .container
{	padding: 0; }

@media screen and (min-width: 768px) {

	.container
	{	padding: 30px; }

}

@media screen and (min-width: 992px) {

	#PriNav .container
	{	padding: 0 30px; }

}

@media screen and (min-width: 1200px) {

	.container
	{	padding: 50px; }

	#Header .container
	{	padding: 30px 50px; }

	#PriNav .container
	{	padding: 0 50px; }

}

@media screen and (min-width: 1400px) {

	.container, #Header .container, #PriNav .container
	{	padding-left: 0;
		padding-right: 0;
		max-width: none;
		width: 1300px; }

}

.container > :first-child, .col.first > :first-child
{	margin-top: 0; }

.container > :last-child
{	margin-bottom: 0; }

/* Multi-column content */

@media screen and (min-width: 768px) {

	.container .col
	{	float: left;
		margin: 0;
		padding-left: 3%; }

	.container .col.first
	{	padding: 0 3% 0 0; }

	.container .two_third
	{	width: 66.7%; }

	.container .col.half
	{	width: 50%; }

	.container .one_third
	{	width: 33.3%; }

	.container .col > :first-child
	{	margin-top: 0; }

	.container .col > :last-child
	{	margin-bottom: 0; }

}

/* Call to action button */

.action
{	font-size: 24px;
	font-weight: 900;
	text-transform: uppercase;
	padding: 15px 20px 15px 65px;
	background: #0578b3 url(images/template/icon_email2.png) no-repeat 20px center;
	border-radius: 10px;
	display: inline-block; }

.action:link, .action:visited, .action:hover
{	color: #fff;
	text-decoration: none; }

.action:hover
{	background-color: #034e74; }


/* Page title */

.title
{	font-size: 29px;
	line-height: 1em;
	padding-bottom: 29px;
	margin: 25px 0;
	background: url(images/template/divider_sm.png) no-repeat left bottom; }

.row > .container > .title
{	margin-top: 0; }

.title.alt
{	text-align: center;
	margin: 0 0 37px 0;
	background: url(images/template/divider.png) no-repeat center bottom; }

.container > .title:first-of-type
{	margin-top: 0; }


/* Polaroid-style photo frame */
.photo
{	border: 5px solid #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}

/* Image alignment */

img.alignright
{	float: right;
	margin: 0 0 20px 20px; }

img.alignleft
{	float: left;
	margin: 0 20px 20px 0; }

/* Clear containers with floating content */
.clearfix:after, .container:after
{	content: " ";
	display: block;
	clear: both; }

/* Data Tables */

.Data
{	border-collapse: collapse;
	border: 1px solid #ccc; }

.Data th, .Data td
{	padding: 5px 10px;
	border: 1px solid #ddd; }

.Data th
{	background: #f1f1f1; }

.Data td p
{	margin: 0; }

/* Ninja Forms */

.ninja-forms-cont
{	max-width: 500px; }

.ninja-forms-cont .field-wrap
{	margin: 10px 0 0 0; }

.ninja-forms-cont .field-wrap label
{	margin: 0; }

.ninja-forms-cont .textarea-wrap textarea
{	height: 110px;
	display: block; /* Removes weird bottom margin */ }

.ninja-forms-cont .ninja-forms-field:focus, .ninja-forms-cont textarea:focus
{	background: #d9f1fd;
	outline: 0; }

.ninja-forms-field-error p
{	margin: .5em 0 1em 0; }

/* ============================================================== */
/* Layout Styles */

#JumpLink
{	padding: 5px 15px;
	background: #034567;
	display: block; }

#JumpLink:link, #JumpLink:visited
{	color: #fff; }

#JumpLink:hover
{	color: #fff;
	background: #0578b3; }

@media screen and (min-width: 800px) {

	#JumpLink
	{	position: absolute;
		top: 0;
		left: -999em; }

	#JumpLink:focus
	{	left: 0; }

}

/* -------------------------------------------------------------- */
/* Header */

#Header
{	text-align: center;
	background: #f5f8f9 url(images/template/header_bg.png) repeat left top;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2); }

#Logo img
{	max-width: 100%;
	height: auto;
	border: 0; }

#Extras
{	padding-top: 10px; }

#google_translate_element div
{	width: 100%;
	overflow: hidden; }

#google_translate_element select
{	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 3px;
	margin: 0;
	width: 100%; }

.goog-logo-link
{	display: none; }

.tel
{	font-size: 38px;
	font-weight: 700;
	line-height: 100%;
	padding: 10px 0 0 0;
	margin: 0; }

.tel small
{	font-size: 37px; }

.tel a:link, .tel a:visited, .tel a:hover
{	color: #034567;
	text-decoration: none; }

@media screen and (min-width: 600px) and (max-width: 767px) {

	#google_translate_element div
	{	width: 150px; }

	#google_translate_element select
	{	width: 150px; }

	#google_translate_element, .tel
	{	vertical-align: middle;
		padding: 0;
		display: inline-block; }

	.tel
	{	font-size: 30px;
		line-height: 90%;
		margin-left: 20px; }

	.tel small
	{	font-size: 29px; }

}

@media screen and (min-width: 768px) {

	#Logo
	{	float: left;
		margin-top: 0; }

	#Extras
	{	float: right;
		text-align: right;
		padding: 0; }

	#google_translate_element
	{	float: right; }

	#google_translate_element div
	{	width: 200px; }

	#google_translate_element select
	{	width: 200px; }

	.tel
	{	clear: both; }

}

/* -------------------------------------------------------------- */
/* Primary Navigation */

/* Menu toggle */

#MenuLink
{	font-size: 16px;
	padding: 6px 15px 6px 46px;
	background: #0578b3 url(images/template/hamburger.gif) no-repeat 20px center;
	background-size: 16px;
	display: block; }

#MenuLink:link, #MenuLink:visited
{	color: #fff; }

#MenuLink:hover
{	color: #fff;
	background-color: #034567; }

#PriNav .container
{	display: none; }

/* Primary navigation menu */

#Menu
{	list-style: none;
	margin: 0;
	padding: 0; }

#Menu > li > a
{	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 20px;
	border-bottom: 1px solid #f1f1f1;
	display: block; }

#Menu a:link, #Menu a:visited
{	color: #034567; }

#Menu .current-menu-ancestor > a:link, #Menu .current-menu-ancestor > a:visited, 
#Menu .current-menu-item > a:link, #Menu .current-menu-item > a:visited
{	color: #0578b3; }

#Menu a:hover
{	color: #0578b3;
	text-decoration: none; }

.sub-menu
{	position: absolute;
	list-style: none;
	left: -999em;
	padding: 10px;
	margin: 0 10px;
	width: 200px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	z-index: 1000;
	display: none; }

#Menu > li:hover .sub-menu
{	left: auto; }

.sub-menu li
{	margin: 0; }

.sub-menu a
{	padding: 5px;
	border-bottom: 1px solid #f1f1f1;
	display: block; }

.sub-menu > li:first-of-type > a
{	border-top: 1px solid #f1f1f1; }

/* Search form */

#Search
{	padding: 6px 20px; }

#Search label
{	position: absolute;
	left: -999em; }

#Search input[type="search"], #Search input[type="text"]
{	padding-right: 26px;
	width: 100%; }

#Search input[type="image"]
{	vertical-align: middle;
	padding: 5px;
	margin: -4px 0 0 -27px;
	width: 26px;
	height: 26px; }

@media screen and (min-width: 480px) and (max-width: 767px)  {

	#Menu > li
	{	float: left;
		text-align: center;
		width: 50%; }

	#Menu > li:nth-of-type(odd)
	{	border-right: 1px solid #f1f1f1;
		clear: left; }

}	

@media screen and (min-width: 768px) {

	#PriNav
	{	background: #fff;
		border-top: 1px solid #ccc; }

	#MenuLink
	{	display: none; }

	#PriNav .container
	{	display: block; }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

	#Menu > li
	{	float: left;
		text-align: center;
		width: 33.3%;
		border-left: 1px solid #f1f1f1; }

	#Menu > li:nth-of-type(3n+1)
	{	border-left: 0;
		clear: left; }

}

@media screen and (min-width: 992px) {

	#Menu
	{	float: left; }

	#Menu > li
	{	float: left; }

	#Menu > li > a
	{	padding: 10px 20px;
		border: 0; }

	#Menu > li:first-of-type > a
	{	padding-left: 0; }

	.sub-menu
	{	display: block; }

	#Search
	{	float: right;
		padding: 6px 0 0 0; }

	#Search input[type="search"]
	{	width: 200px; }

}

/* -------------------------------------------------------------- */
/* Page Content */

#Banner
{	height: 290px;
	background: no-repeat center top;
	background-size: cover; }

#breadcrumbs
{	font-size: 12px;
	margin: 0;
	color: #888;
	clear: left; }

#breadcrumbs a
{	font-weight: normal; }

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover
{	color: #888; }

@media screen and (min-width: 800px) {

	#Main .container
	{	padding-top: 0;
		padding-bottom: 0 ; }

	#Content
	{	position: relative;
		float: right;
		padding: 30px 0 30px 30px;
		width: 80%; }

	#Content:after 
	{	content: '';
		position: absolute;
		top: 0;
		left: -1px;
		width: 0;
		height: 100%;
		border-left: 1px solid #ccc; }

	#Full
	{	padding: 30px 0; }

	#Inner
	{	float: left;
		width: 65%;
		padding-right: 30px; }

}

@media screen and (min-width: 992px) {

	#Content
	{	width: 85%; }

	#Inner
	{	width: 70%; }

}

@media screen and (min-width: 1200px) {

	#Content
	{	padding: 50px 0 50px 50px; }

	#Inner
	{	padding-right: 50px; }

}

/* -------------------------------------------------------------- */
/* Callouts */

.callout, #Callouts .ninja-forms-cont, #EvalForm .ninja-forms-cont
{	color: #fff;
	padding: 15px;
	margin: 0 0 20px 0; }

#Callouts > .textwidget:last-of-type .callout
{	margin: 0; }

.callout a
{	font-weight: normal;
	display: block; }

.callout a:link, .callout a:visited, .callout a:hover
{	color: #fff;
	text-decoration: none; }

.callout a:hover
{	opacity: .75; }

.callout h2, #Callouts .ninja-forms-cont h2, #EvalForm .ninja-forms-cont h2
{	font-size: 30px;
	font-weight: 900;
	line-height: 1em;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 10px 32px;
	background: no-repeat left 4px;
	background-size: 24px;
	border-bottom: 1px solid #fff; }

.callout p
{	line-height: 1.35em;
	margin: 10px 0 0 0; }

.callout.chat
{	background-color: #07a3f3; }

.callout.chat h2
{	background-image: url(images/template/icon_chat.png); }

.callout.call
{	background-color: #0578b3; }

.callout.call h2
{	background-image: url(images/template/icon_call.png); }

.callout.promise
{	background-color: #034e74; }

.callout.promise img
{	float: left;
	width: 65px;
	max-width: none;
	height: auto;
	border: 0; }

.callout.promise p
{	margin-left: 80px; }

.callout.promise p:first-of-type
{	margin-top: 0; }

@media screen and (min-width: 600px) and (max-width: 767px) {

	.callout.chat, .callout.call
	{	float: left;
		margin: 0 1.5% 3% 0;
		width: 48.5%; }

	.callout.call
	{	margin: 0 0 0 1.5%; }

	.callout.promise
	{	clear: both; }

}

@media screen and (min-width: 800px) {

	#Main #Callouts
	{	float: right;
		width: 35%; }

	#Hero .foci
	{	float: left;
		width: 34%; }

}

@media screen and (min-width: 992px) {

	#Main #Callouts
	{	width: 30%; }

	#Hero .foci
	{	margin-right: 2%;
		width: 25%; }

	#Hero .callout
	{	margin-bottom: 25px;
		min-height: 135px; }

	#Hero .callout.promise
	{	margin: 0; }

	#Hero .ninja-forms-cont
	{	float: left;
		margin: 0;
		width: 31%;
		min-height: 455px; }

}

@media screen and (min-width: 1400px) {

	#Hero .foci
	{	margin-right: 30px;
		width: 255px; }

	#Hero .ninja-forms-cont
	{	width: 350px; }

	#Hero .callout
	{	padding: 20px; }

	#Hero .callout h2, #Hero .ninja-forms-cont h2
	{	font-size: 36px;
		line-height: 1em;
		padding-left: 45px;
		background-size: 32px; }

	#Hero .callout.promise p
	{	font-size: 15px;
		line-height: 1.3em; }

}

/* -------------------------------------------------------------- */
/* Case Evaluation Form */

#Callouts .ninja-forms-cont, #EvalForm .ninja-forms-cont
{	max-width: none;
	background-color: #034567;
	clear: both; }

#Callouts .ninja-forms-cont h2, #EvalForm .ninja-forms-cont h2
{	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	padding-top: 0px;
	margin: 0 0 15px 0;
	background-image: url(images/template/icon_email2.png);
	background-position: left -1px; }

#Callouts .ninja-forms-field, #EvalForm .ninja-forms-field
{	background: #fff;
	border: 0;
	border-radius: 4px; }

#Callouts .ninja-forms-required-items, #Callouts .ninja-forms-req-symbol, #EvalForm .ninja-forms-required-items, #EvalForm .ninja-forms-req-symbol
{	display: none; }

#Callouts input[type="submit"], #EvalForm input[type="submit"]
{	color: #034567;
	background: #ccc;
	border: 1px solid #fff; }

#Callouts input[type="submit"]:hover, #Callouts input[type="submit"]:focus, #EvalForm input[type="submit"]:hover, #EvalForm input[type="submit"]:focus
{	color: #fff;
	background: #07a3f3; }

#EvalForm .close
{	float: right;
	margin: 5px; }

#EvalForm .close:link, #EvalForm .close:visited, #EvalForm .close:hover
{	color: #fff; }

@media screen and (min-width: 480px) and (max-width: 799px) {

	#Callouts .ninja-forms-cont .field-wrap label
	{	float: left;
		padding-right: 10px;
		width: 20%; }

	#Callouts .field-wrap:not(.submit-wrap) .ninja-forms-field
	{	width: 80%; }

	#Callouts .submit-wrap
	{	padding-left: 20%; }

}

@media screen and (max-width: 991px) {

	#Hero #Callouts .ninja-forms-cont
	{	margin: 0; }

}

@media screen and (min-width: 992px) {

	#Hero #Callouts .ninja-forms-cont
	{	clear: none; }

}

@media screen and (min-width: 1200px) {

	#Callouts .text-wrap label, #EvalForm .text-wrap label
	{	float: left;
		font-weight: normal;
		line-height: normal;
		color: #034567;
		padding: 5px;
		width: 23%;
		background: #fff;
		border-right: 1px solid #ccc;
		border-radius: 4px 0 0 4px;
		display: inline-block; }

	#Callouts .text-wrap .ninja-forms-field, #EvalForm .text-wrap .ninja-forms-field 
	{	float: left;
		width: 77%;
		border-radius: 0 4px 4px 0; }

	/* Home page form */

	#Hero .ninja-forms-cont
	{	padding: 25px; }

	#Hero .ninja-forms-cont h2
	{	font-size: 24px;
		line-height: 1em; }

	#Hero .ninja-forms-cont label, #Hero .ninja-forms-cont input
	{	font-size: 16px; }

	#Hero .field-wrap
	{	margin: 17px 0 0 0; }

	#Hero input[type="submit"]
	{	font-size: 18px;
		padding: 7px 15px; }

}

/* Floating Form */

#ExpandBtn
{	position: fixed;
	font-size: 21px;
	line-height: 1em;
	text-transform: uppercase;
	padding: 8px 10px 8px 44px;
	background: #034567 url(images/template/icon_pointer.png) no-repeat 10px center;
	background-size: 24px;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	z-index: 2002;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }

#ExpandBtn:link, #ExpandBtn:visited, #ExpandBtn:hover
{	color: #fff; }

#ExpandBtn:hover, #ExpandBtn:active, #ExpandBtn:focus
{	text-decoration: none;
	background-color: #0578b3; }

#EvalForm
{	background: #034567;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	z-index: 2003;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }

#EvalForm .ninja-forms-cont
{	margin: 0; }

#EvalForm .text-wrap label
{	float: left;
	font-weight: normal;
	line-height: normal;
	color: #034567;
	padding: 5px;
	width: 23%;
	background: #fff;
	border-right: 1px solid #ccc;
	border-radius: 4px 0 0 4px;
	display: inline-block; }

#EvalForm .text-wrap .ninja-forms-field 
{	float: left;
	width: 77%;
	border-radius: 0 4px 4px 0; }

@media screen and (max-width: 767px) {

	#ExpandBtn
	{	bottom: 0;
		left: 0;
		font-size: 18px;
		line-height: 1em;
		border-radius: 4px 4px 0 0; }

	#EvalForm
	{	position: static;
		width: 100%; }

	#EvalForm .ninja-forms-cont
	{	padding-bottom: 55px; }

	#EvalForm .close
	{	display: none; }

}

@media screen and (min-width: 768px) {

	#ExpandBtn
	{	top: 267px;
		right: -48px;
		border-radius: 0 0 4px 4px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);}

	#ExpandBtn.open
	{	right: 277px; }

	#EvalForm
	{	position: fixed;
		top: 100px;
		right: -325px;
		width: 330px;
		min-height: 367px; }

	#EvalForm.open
	{	right: 0; }

}

/* ============================================================== */
/* HOME PAGE CONTENT */

/* -------------------------------------------------------------- */
/* Verdicts */

#Verdicts
{	padding: 15px;
	margin-bottom: 20px;
	background: url(images/template/verdicts_bg.jpg) no-repeat center center;
	background-size: cover; }

#Verdicts h1
{	font-weight: 900;
	color: #034567;
	line-height: .8em;
	text-transform: uppercase;
	margin: 0 0 10px 0; }

#Verdicts small
{	font-size: 21px;
	font-weight: 400; }

#Verdicts .inner
{	padding: 20px;
	background: rgba(255,255,255,.7);
	border: 1px solid #fff;
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1); }

#Verdicts ul
{	list-style: none;
	margin: 0;
	padding: 0; }

#Verdicts li, #Verdicts p
{	font-size: 18px;
	line-height: 1.2em;
	margin: 0 0 12px 0; }

#Verdicts a
{	font-weight: bold; }

#Verdicts a:link, #Verdicts a:visited, #Verdicts a:hover
{	text-decoration: none; }

#Verdicts li a:link, #Verdicts li a:visited
{	color: #034567; }

#Verdicts li a:hover
{	color: #0578b3; }

#Verdicts p
{	margin: 0; }

#Verdicts p a:link, #Verdicts p a:visited
{	color: #0578b3; }

#Verdicts p a:hover
{	color: #034567; }

@media screen and (min-width: 800px) {

	#Verdicts
	{	float: left;
		margin: 0 3% 0 0;
		width: 63%;
		height: 386px; }

}

@media screen and (min-width: 992px) {

	#Verdicts
	{	padding: 25px;
		margin-right: 2%;
		width: 40%;
		height: 455px; }

	#Verdicts h1
	{	font-size: 36px;
		margin: 0 0 30px 0; }

	#Verdicts small
	{	font-size: 24px; }

}

@media screen and (min-width: 1400px) {

	#Verdicts
	{	padding: 50px;
		margin: 0 30px 0 0;
		width: 635px;
		height: 455px; }

	#Verdicts .inner
	{	padding: 25px 25px 0 25px;
		width: 360px;
		height: 270px;
		overflow-x: hidden;
		overflow-y: auto; }

}

/* -------------------------------------------------------------- */
/* Welcome */

#Welcome
{	font-size: 16px;
	line-height: 1.5em; }

#Welcome .title
{	margin-top: 0; }

#Welcome .photo
{	margin-bottom: 20px; }

@media screen and (min-width: 480px) {

	#Welcome .photo
	{	float: right;
		margin-left: 20px;
		max-width: 50%;
		height: auto; }

}

@media screen and (min-width: 600px) {

	#Welcome .photo
	{	float: left;
		margin-left: 0;
		max-width: 33%; }

	#Welcome .inner
	{	margin-left: 36%; }

}

@media screen and (max-width: 767px) {

	#Welcome .first
	{	margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 1px dashed #bbb; }

}

@media screen and (min-width: 992px) {

	#Welcome .photo
	{	margin-left: 0;
		max-width: 47%; }

	#Welcome .inner
	{	margin-left: 53%; }

}

/* -------------------------------------------------------------- */
/* Locations */

#Locations ul
{	list-style: none;
	margin: 0;
	padding: 0; }

.office
{	float: left;
	text-align: center;
	width: 47%;
	margin: 0 3% 20px 3%; }

.office img
{	border: 0; }

#Locations a:link, #Locations a:visited
{	color: #0578b3; }

#Locations a:hover
{	color: #034567; }

#Locations a:hover img
{	opacity: .75; }

#Locations strong
{	display: block; }

@media screen and (max-width: 419px) {

	.office:nth-of-type(odd)
	{	margin-left: 0;
		clear: left; }

	.office:nth-of-type(even)
	{	margin-right: 0; }

}

@media screen and (min-width: 420px) and (max-width: 599px) {

	.office
	{	width: 29.33%; }

	.office:nth-of-type(3n+1)
	{	margin-left: 0;
		clear: left; }

	.office:nth-of-type(3n)
	{	margin-right: 0; }

}

@media screen and (min-width: 600px) and (max-width: 991px) {

	.office
	{	width: 20.5%; }

	.office:nth-of-type(4n+1)
	{	margin-left: 0;
		clear: left; }

	.office:nth-of-type(4n)
	{	margin-right: 0; }

}

@media print, screen and (min-width: 992px) {

	#Locations li
	{	font-size: 16px; }

	.office
	{	width: 11.71%;
		margin: 0 1.5%; }

	.office:first-of-type
	{	margin-left: 0; }

	.office:last-of-type
	{	margin-right: 0; }

	#Locations strong
	{	margin-top: 5px; }

}

/* -------------------------------------------------------------- */
/* Practice Areas */

#Practices
{	font-size: 18px;
	line-height: 1.33em;
	color: #fff;
	padding: 20px;
	margin-bottom: 20px;
	background: #0578b3; }

#Practices .title
{	font-size: 32px;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	background-image: url(images/template/divider_sm_white.png); }

#Practices ul
{	list-style: circle;
	margin: 20px 0 0 18px;
	padding: 0; }

#Practices li
{	margin-top: 10px; }

#Practices a
{	font-weight: 400; }

#Practices a:link, #Practices a:visited, #Practices a:hover
{	color: #fff; }

#Practices a:hover
{	text-decoration: underline; }

@media print, screen and (min-width: 600px) {

	#Practices
	{	float: right;
		margin: 0 0 20px 20px;
		max-width: 50%; }

}

@media screen and (min-width: 768px) {

	#Practices
	{	margin: 0 0 30px 30px;
		padding: 30px;
		max-width: 350px; }

}

/* END HOME PAGE CONTENT */
/* ============================================================== */


/* -------------------------------------------------------------- */
/* Blog */

.post
{	padding: 0 0 30px 0;
	border-bottom: 1px dashed #bbb; }

.title a
{	font-weight: 400; }

.title a:link, .title a:visited
{	color: #0578b3; }

.title a:hover
{	color: #034567; }

.meta
{	font-size: 13px; }

.more-posts
{	padding-top: 10px; }

/* Comments */

#respond
{	border-top: 1px dashed #bbb; }

.commentlist, #comments .children
{	list-style: none;
	padding: 0;
	margin: 1em 0; }

.commentlist
{	padding-bottom: 1em; }

.commentlist > li, #comments .children > li
{	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #eee; }

.comment.alt
{	background: transparent; }

.commentlist > li:last-of-type, #comments .children > li:last-of-type
{	padding: 0;
	margin: 0;
	border: 0; }

.commentlist .comment-author
{	float: left;
	margin: 0 15px 10px 0;
	width: 64px; }

.avatar
{	border: 0;
	box-shadow: none; }

.comment-author cite
{	font-size: 12px; }

.says
{	display: none; }

.comment-meta, .reply
{	font-size: 13px; }

.comment-meta, .comment-body p, .reply
{	margin-left: 84px; }

#comments .children
{	margin: 15px 0 0 84px;
	padding-left: 15px;
	border-left: 2px solid #ccc; }

#respond label
{	display: block; }

#comment
{	width: 600px;
	max-width: 100%; }

/* -------------------------------------------------------------- */
/* Sidebar */

#Sidebar
{	padding: 10px 0 0 0; }

/* Sub Navigation */

#Sidebar nav
{	padding-bottom: 30px; }

.nested_nav
{	list-style: none;
	margin: 0;
	padding: 0; }

.nested_nav li
{	line-height: 1.2em; }

.nested_nav a
{	padding: 10px;
	border-bottom: 1px solid #ddd; 
	display: block; }

.nested_nav > li:first-child > a
{	border-top: 1px solid #ddd; }

.nested_nav a:link, .nested_nav a:visited
{	color: #0578b3; }

.nested_nav .current_page_item a:link, .nested_nav .current_page_item a:visited, .nested_nav .current_page_item a:hover
{	color: #034567; }

.nested_nav a:hover
{	color: #034567; }

.nested_nav .children
{	list-style: none;
	margin: 0;
	padding: 0; }

.nested_nav .children a:before
{	content: "\00BB";
	margin-right: 4px; }

@media screen and (min-width: 800px) {

	#Sidebar
	{	position: relative;
		float: left;
		padding: 30px 0;
		width: 20%; }

	#Sidebar:after 
	{	content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 100%;
		border-right: 1px solid #ccc; }

}

@media screen and (min-width: 992px) {

	#Sidebar
	{	width: 15%; }

}

@media screen and (min-width: 1200px) {

	#Sidebar
	{	padding: 50px 0; }

}

/* Badges */

.badge
{	text-align: center;
	padding: 0 10px 10px 10px;  }

.badge img
{	border: 0; }

@media screen and (min-width: 480px) and (max-width: 799px) {

	.badge
	{	vertical-align: middle;
		width: 50%;
		display: inline-block; }

}

@media screen and (min-width: 768px) and (max-width: 799px) {

	.badge
	{	width: 25%;}

}

@media print, screen and (min-width: 800px) {

	#Badges .badge
	{	vertical-align: middle;
		padding: 0 3%;
		width: 25%;
		display: inline-block; }

	#Badges .badge:last-of-type
	{	border: 0; }

}

@media screen and (min-width: 992px) {

	#Sidebar > .badge
	{	padding: 20px 20px 0 20px; }

	#Sidebar > .badge:first-of-type
	{	padding-top: 0; }

}

/* Blog Stuff */

.widget
{	padding: 0 0 30px 0; }

.widget h2
{	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	margin: 0; }

.widget ul
{	list-style: none;
	margin: .5em 0 0 0;
	padding: 0; }

.widget li
{	padding: 3px 0;
	border-bottom: 1px solid #eee; }

/* -------------------------------------------------------------- */
/* Map */

#Map
{	position: relative; }

.hcard
{	position: absolute;
	left: 50px;
	bottom: 17px;
	width: 315px;
	padding: 20px;
	background: rgba(255,255,255,.9);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1); }

.hcard .title
{	margin-top: 0;
	padding-bottom: 19px; }

.hcard address
{	font-style: normal;
	display: block; }

.hcard p
{	margin: 0; }

#Map iframe
{	height: 370px;
	width: 100%;
	display: block; }

@media screen and (max-width: 479px) {

	.hcard
	{	display: none; }

}

/* -------------------------------------------------------------- */
/* Engagement */

#Engagement .first
{	margin-left: 0;
	padding-left: 0;
	border: 0; }

#Engagement .widget
{	padding: 0; }

#Engagement h3
{	font-weight: normal;
	font-size: 24px;
	line-height: 1em;
	text-transform: none;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	background: url(images/template/divider_sm.png) no-repeat left bottom; }

#Engagement p
{	margin: 1em 0 0 0; }

/* Twitter feed */

.really_simple_twitter_widget
{	list-style: none;
	margin: 0;
	padding: 0; }

.really_simple_twitter_widget li
{	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd; }

/* Social buttons */

.buttons
{	list-style: none;
	margin: 0;
	padding: 0; }

.buttons li
{	margin: 0 0 20px 0;
	padding-left: 42px;
	background: #888 no-repeat 13px center;
	background-size: 16px; }

.buttons > li:last-of-type
{	margin: 0; }

.buttons .facebook
{	background-color: #3b5999;
	background-image: url(images/social/picons06.png); }

.buttons .twitter
{	background-color: #55acee;
	background-image: url(images/social/picons03.png); }

.buttons .google
{	background-color: #dd4b39;
	background-image: url(images/social/picons40.png); }

.buttons .chat
{	background-color: #07a3f3;
	background-image: url(images/template/icon_chat.png); }

.buttons .call
{	background-color: #0578b3;
	background-image: url(images/template/icon_call.png); }

.buttons .email
{	background-color: #034e74;
	background-image: url(images/template/icon_email.png); }

.buttons a
{	font-size: 18px;
	line-height: 1em;
	padding: 10px 20px;
	border-left: 1px solid rgba(255,255,255,.1);
	display: block; }

.buttons a:link, .buttons a:visited, .buttons a:hover
{	color: #fff;
	text-decoration: none; }

.buttons a:hover
{	background: rgba(255,255,255,.1); }

@media screen and (max-width: 599px) {

	#Engagement section:not(:last-of-type)
	{	padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ccc; }

}

@media screen and (min-width: 600px) and (max-width: 991px) {

	#Engagement section
	{	float: left;
		padding-left: 3%;
		padding-bottom: 30px;
		width: 50%; }

	#Engagement section:nth-of-type(odd)
	{	padding-right: 3%;
		padding-left: 0;
		border-right: 1px dashed #ddd;
		clear: left; }

	#Engagement section:nth-of-type(3), #Engagement section:nth-of-type(4)
	{	padding-bottom: 0; }

}

@media screen and (min-width: 992px) {

	#Engagement
	{	padding: 0; }

	#Engagement section
	{	float: left;
		padding: 0 3%;
		width: 25%;
		min-height: 300px;
		border-left: 1px dashed #ddd; }

	#Engagement section:first-of-type
	{	margin-left: 0;
		padding-left: 0;
		border: 0; }

	#Engagement section:nth-of-type(4)
	{	margin-right: 0;
		padding-right: 0; }

}

/* -------------------------------------------------------------- */
/* Offices */

#Offices address
{	font-style: normal; }

#Offices a
{	font-weight: normal; }

#Offices a:link, #Offices a:visited
{	color: #0578b3; }

#Offices a:hover
{	color: #034567; }

@media screen and (min-width: 600px) {

	#Offices address
	{	text-align: left; }

}

/* -------------------------------------------------------------- */
/* Footer */

#Footer
{	color: #666;
	background: #e3e3e3; }

#Footer p
{	margin: 0 0 10px 0; }

#Footer ul
{	list-style: none;
	line-height: 100%;
	margin: 0;
	padding: 0; }

#Footer li
{	margin-right: 5px;
	padding-right: 8px;
	border-right: 1px solid #aaa;
	display: inline-block; }

#Footer li:last-of-type
{	margin: 0;
	padding: 0;
	border: 0; }

#Footer a:link, #Footer a:visited, #Footer a:hover
{	font-weight: normal;
	color: #666; }

@media screen and (min-width: 992px) {

	#Disclaimer
	{	float: right; }

}

/* -------------------------------------------------------------- */
/* Scroll Link */

#ScrollLink
{	position: fixed;
	right: 0;
	bottom: 0;
	white-space: nowrap;
	padding: 4px 8px;
	width: 50px;
	background: #0578b3;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
	z-index: 2001; }

#ScrollLink:link, #ScrollLink:visited
{	color: #fff; }

#ScrollLink:hover
{	color: #fff;
	text-decoration: none;
	background: #034567; }

/* ============================================================== */
/* Print Styles */

@media print {

	#google_translate_element, #MenuLink, #PriNav, #Banner, #Sidebar, #Callouts, #Map, #Engagement, #ScrollLink, #ExpandBtn, #EvalForm, #JumpLink
	{	display: none; }

	.row, #Header, #Verdicts, #Verdicts .inner, #Practices, #Footer
	{	padding: 0;
		margin: 0;
		background: transparent;
		border: 0;
		box-shadow: none; }

	.row, #Footer
	{	border-top: 1px solid #ccc; }

	.container
	{	padding: 30px 0; }

	#Header .container
	{	padding: 0 0 20px 0; }

	.title, .title.alt
	{	padding: 0;
		background: none; }

	#Logo
	{	float: left;
		margin-top: 0;
		width: 25%; }

	#Extras
	{	float: right;
		text-align: right;
		padding: 0; }

	.tel, .tel small
	{	font-size: 24px; }

	#Verdicts .inner
	{	margin: 15px 0 0 0; }

	#Welcome .photo
	{	float: right;
		margin-left: 20px;
		max-width: 25%;
		height: auto; }

	#Practices
	{	margin: 0 0 20px 20px; }
	
	#Practices, #Practices .title, #Practices a:link, #Practices a:visited
	{	color: #000; }

	#Footer .container
	{	padding: 30px 0 0 0; }

}