/*
Theme Name: Tarolli 2018
Theme URI: http://dancollinsdesign.com
Description: The 2018 Tarolli Website
Author: Nicholas Rhodes | Daniel Collins Design
Version: 1
*/


/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, 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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3{margin: 0; padding: 0; font-weight: normal; font-size: 1em}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

a{color: #3e97b5;; text-decoration: none}
a:hover {color: #a31f37;; text-decoration: none;}
a:hover, input#searchsubmit:hover{cursor: pointer;}


p{
margin: 0 0 20px 0;
}

.imageright {
text-align: right;
}

img{max-width: 100%; height: auto}

.clear{clear: both}

input, textarea, select{-webkit-appearance: none; outline: 0}

/*End of Reset*/
html, body{padding: 0; margin: 0;}
body{font-size: 16px; line-height: 1.4em; background-color: #fff; overflow-x: hidden; font-family: "proxima-nova", sans-serif; font-weight: 400}
.wrap{width: 92%; max-width: 1170px; margin: 0 auto; padding: 0 4%; position: relative; clear: both;}

ul.strip{margin: 0; padding: 0; list-style-type: none;}


#hero{border-top: 10px solid #a31f37; position: fixed; top: 0; background-color: #fff; width: 100%; z-index: 10; -webkit-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.5);
box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.25);}
.nav-bar{overflow: visible;}
.logo{max-width: 170px; float: left; width: 100%; margin-top: 21px; position: relative; z-index: 11}
#primary-nav{float: right; margin: 35px 0 5px 0;}
#primary-nav li{display: inline-block; margin-right: 18px;}
#primary-nav li:last-child{margin-right: 0}
#primary-nav li a{color: #062539; font-size: 1.25em; font-weight: 400; display: block; height: 55px;}

#primary-nav li a:hover, .archive #primary-nav li.menu-item-142 a{color: #a31f37}

#mobile{display: none; z-index: 12; width: 25px; height: 25px; position: absolute; right: 4%; top: 23px; background: transparent url('images/mobile-sprite.png') 0 5px no-repeat;}
#mobile.active{background-position: 0 -72px}

@media only screen and (max-width: 1100px){
	#primary-nav li{margin-right: 8px;}
  #primary-nav li:last-child{margin-right: 0}	
	#primary-nav li a{font-size: 1.175em}
}

@media screen and (min-width: 980px){
	#primary-nav{display: block !important;} 
}

@media screen and (max-width: 980px){
	#mobile{display: block}
	#hero{padding-bottom: 15px;}
	#primary-nav{display: none; position: absolute; top: 36px; left: 0; background-color: #3e97b5; width: 100%; padding: 45px 0}	
	#primary-nav li, #primary-nav li:last-child{display: block; width: 80%; margin: 0 auto}
	#primary-nav li a{border-bottom: 1px solid #66a8bf; height: auto; padding: 15px 0}
	#primary-nav li a:hover, .archive #primary-nav li.menu-item-142 a, #primary-nav li.current_page_item a{color: #fff; border-bottom: 1px solid #66a8bf;}
	.mobile-shadow{display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 10; height: 75px; -webkit-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.5);}
	.logo{height: 40px; width: 130px;margin-top: 16px;}
}

.home-image{position: absolute; top: 100px; width: 100%; background-size: cover; height: 880px; overflow: hidden}
.home-image img{visibility: hidden; }


#home-hero{margin-top: 265px; margin-bottom: 100px;}
#home-hero h1{color: #fff; font-size: 8.438em; line-height: .875em; font-weight: 700; max-width: 720px}
#home-hero h1 span{font-size: .407em; font-weight: 400; display: block; line-height: 1em}

.more-button{text-align: center}
.more-button a{display: inline-block; transition: all .5s; background-color: rgba(255,255,255,.2); color: #fff; text-transform: uppercase; font-weight: 700; border: 2px solid #fff; border-radius: 5px; padding: 23px 40px;}
.more-button a:hover{background-color: rgba(255,255,255,.5)}
.more-button a span{display: inline-block; background-color: #fff; color: #4e4e4f; font-size: .675em; padding: 4px; line-height: .875em; margin-left: 15px; border-radius: 100px;}

@media screen and (max-width: 980px){
	.home-image{top: 80px; height: 330px;}
	#home-hero{margin-top: 145px; margin-bottom: 25px}
	#home-hero h1{font-size: 3.375em; max-width: 270px;}
	
	.more-button{position: relative; left: -5%; width: 110%; padding: 25px 0;}
	.more-button a{font-size: .875em; background-color: rgba(255,255,255,.2); padding: 15px 25px;}
	
}

.practice-areas div.pa{background-color: #a31f37; border-radius: 5px; text-align: center; padding: 0 20px 80px 20px; margin-bottom: 80px;}
.practice-areas h2{font-size: 1.688em; font-weight: bold; color: #fff; text-align: center; margin: 0; padding: 60px 0 55px 0}
.areas{max-width: 972px; margin: 0 auto; overflow: hidden;}
.pa-global{background-color: #a31f37}
.pa-global div.pa{margin-bottom: 0}

.area{display: block; float: left;  margin: 0; width: 20%; padding-bottom: 20%; position: relative;}
.area a{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: all .5s}
.area a:hover{background-color: rgba(255,255,255,.15); border-radius: 5px; transition: all .5s;}
.area:after{content: ""; height: 100%; background-color: red;}
.area .image{height: 70%; display: block; width: 100%; margin: 0 auto; line-height: 60%}
.area .image img{display: block; margin: 0 auto; top: 50%; position: relative; transform: translateY(-50%)}
.area h3{color: #fff; font-size: 1.063em; width: 80%; margin: 0 auto;}

.aw{position: absolute; width: 90%; height: 98%; padding: 0 4%; background-color: rgba(255,255,255,.1); border-radius: 5px;}


@media screen and (max-width: 920px){
	.area{display: inline-block; float: none; width: 29%; padding-bottom: 29%; margin: 0}
	.practice-areas h2{padding: 40px 0;}
	.practice-areas div.pa{padding-bottom: 40px; margin-bottom: 25px;}
}

@media screen and (max-width: 720px){
	.area{display: block; float: left; width: 46%; padding-bottom: 46%; margin: 0 2% 2% 2%}
	.practice-areas h2{padding: 40px 0;}
	.practice-areas div.pa{padding-bottom: 40px; margin-bottom: 25px;}
	.area:last-child{float: none; clear: both; margin: 0 auto}
}

@media screen and (max-width: 480px){
	.area{height: 50px;}
}


@media screen and (max-width: 360px){
	.area{display: block; float: left; width: 96%; padding-bottom: 66%; margin: 0 2% 2% 2%; height: auto;}
}

#latest-news{background-size: cover; padding: 80px 0}
#latest-news .news-list{background-color: rgba(62,151,181,.8); border-radius: 5px; overflow: hidden; padding: 65px 100px; margin-bottom: 60px;}
#latest-news .news{width: 44%; padding-right: 6%; float: left; border-right: 1px solid #fff;}
#latest-news .news:last-child{float: right; padding-right: 0; border: 0}
#latest-news .news h2 a{color: #fff; font-size: 2.2em; line-height: 1em;}
#latest-news .news .date{font-size: 1.063em; font-weight: 700; color: #fff; margin: 25px 0}
#latest-news .news .excerpt{font-size: 1.25em; color: #fff; line-height: 1.4em}


@media screen and (max-width: 960px){
	#latest-news .news h2 a{font-size: 1.875em}
	#latest-news .news .date{font-size: .938em; margin: 25px 0 20px 0}
	#latest-news .news .excerpt{font-size: 1.125em}
}

@media screen and (max-width: 760px){
	#latest-news{padding: 25px 0}
	#latest-news .news-list{padding: 25px}
	#latest-news .news{width: 100%; float: none; padding: 0; border: 0}
	#latest-news .news h2 a{font-size: 1.875em}
	#latest-news .news .date{font-size: .938em; margin: 25px 0 20px 0}
	#latest-news .news .excerpt{font-size: 1.125em}
	#latest-news .news:first-child{border-bottom: 1px solid #fff; padding-bottom: 25px; margin-bottom: 25px;}
	#latest-news .more-button{background-color: transparent; margin-top: 0; padding-top: 0}
  #latest-news .more-button a{font-size: .938em; background-color: rgba(255,255,255,.2); padding: 15px 25px;}
  #latest-news .more-button a span{font-size: .675em; padding: 4px; line-height: .875em; margin-left: 15px; border-radius: 100px;}
}


footer{background-color: #062539; clear: both; overflow: hidden; padding: 65px 0; position: relative}
footer .wrap{position: static;}
footer .t{position: absolute; top: -80px; right: -100px; bottom: 0; width: 520px; z-index: 1}
footer .logo{margin-bottom: 25px;}
footer .contact-info{width: 470px; float: left; position: relative; z-index: 2}
footer .address{clear: both; color: #fff; width: 50%; float: left}
footer .address h4{margin: 0}
footer .phones{width: 50%; float: left;}
footer .phones a{color: #fff;}
footer .phones span{color: #3e97b5; display: inline-block; width: 80px;}
footer .nav{border-left: 1px solid #3e97b5; width: 240px; float: left; padding-left: 30px; position: relative; z-index: 2}
footer .nav a{color: #3e97b5; font-size: 1.25em; line-height: 1.4em}
footer .nav a:hover{color: #fff}
.social{margin-top: 10px;}
.social a{display: inline-block; background-color: #3e97b5; color: #062539; width: 25px; height: 25px; border-radius: 5px; font-size: 1.125em; text-align: center; line-height: 25px;}
.social a:hover{background-color: #fff}
.social .fa-facebook{font-size: 1.2em; color: #062539; position: relative; top: 5px; left: 2px;}
.social span{color: #062539;}
.social li{display: block; float: left; margin: 0 20px 0 0}


@media screen and (max-width: 840px){	
	footer .logo, footer .contact-info{width: 50%;}
	footer .address, footer .phones{width: 100%;}
	footer .phones{clear: both; width: 100%; margin-top: 35px;}
	footer .social{margin-top: 35px;}
}

@media screen and (max-width: 640px){
	footer .t{display: none}
	footer .logo, footer .contact-info, footer .address, footer .phones{width: 100%; float: none}
	footer .phones{margin: 35px 0; padding: 0 0 35px 0; border-bottom: 1px solid #3e97b5; max-width: 240px;}
	footer .nav{border: 0; padding: 0;}
	footer .social{margin-top: 35px;}
}





.main-content-wrap{background: #fff url('images/background-pattern.png') top left repeat-x; margin-top: 100px; padding-top: 110px;}
.main-content-wrap .hero h1{color: #a31f37; font-size: 3.75em; font-weight: 700; line-height: 1em; margin-bottom: 35px;}
.main-content-wrap .content-wrap{padding: 0 8%; width: 84%; background-color: rgba(255,255,255,.95); border-bottom-left-radius: 0px; border-bottom-righ-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-size: cover; background-repeat: no-repeat; background-position: top center }
.children{border-bottom: 10px solid #f2f2f2; padding: 30px 0 25px 0}
.children ul{display: table; width: 100%; text-align: center;}
.children ul li{display: table-cell; vertical-align: middle;}
.children a{font-size: .875em; font-weight: 700; text-transform: uppercase; color: #3e97b5}
.children a:hover, .children a.active{color: #a31f37}

.children ul li a.active{color: #a31f37}
.content h2{color: #062539; font-size: 2em; line-height: 1em; margin-bottom: 25px;}
.content h3{color: #a31f37; font-size: 1.3em; font-weight: 700; margin-bottom: 10px}
.content{font-size: 1.25em; color: #062539; line-height: 1.4em; padding: 80px 0 50px 0}

@media screen and (max-width: 900px){
	.main-content-wrap{margin-top: 80px; padding-top: 50px;}
	.main-content-wrap .hero h1{font-size: 2.188em; margin-bottom: 20px;}
	.content{font-size: 1.125em}
	.content h2{margin-bottom: 20px;}
	.children ul li{display: block; width: 33%; float: left; padding: 10px 0}
	.children ul li:nth-child(3n+1){clear: both}
}

@media screen and (max-width: 640px){	
	.children ul li{display: block; width: 100%; float: none; padding: 5px 0; text-align: left}
}


#main-news-list .news{border-bottom: 10px solid #f2f2f2; padding-bottom: 50px; margin-bottom: 50px;}
#main-news-list h2 a{color: #3e97b5; font-size: 2.5em; line-height: 1em}
#main-news-list h2 a:hover{color: #062539}
#main-news-list .date{font-size: 1.063em; color: #a31f37; font-weight: bold; margin: 20px 0}
#main-news-list .excerpt{font-size: 1.25em; color: #062539; line-height: 1.4em}
#main-news-list .excerpt p{display: inline;}
#main-news-list .excerpt a{color: #3e97b5;}
#main-news-list .excerpt a:hover{color: #a31f37;}
#main-news-list{padding: 100px 0}

@media screen and (max-width: 900px){
	#main-news-list{padding: 50px 0}
	#main-news-list .news h2 a{font-size: 1.875em}
	#main-news-list .news .date{font-size: .938em; margin: 25px 0 20px 0}
	#main-news-list .news .excerpt{font-size: 1.125em}
}

.load-more{margin: 0 auto; width: 80px; text-align: center; color: #a31f37; font-size: .75em; font-weight: 700; text-transform: uppercase}
.load-more span{font-size: 2.5em; border: 1px solid #a31f37; border-radius: 100px; display: block; width: 80px; height: 80px; line-height: 80px; margin: 0 auto; margin-bottom: 10px;}
.load-more:hover, .load-more:hover span{border-color: #062539; cursor: pointer; color: #062539}
		
.no-more-news{font-weight: 700; text-align: center; color: #a31f37}

.single .hero h1{margin-bottom: 0}
.single .date{font-size: 1.063em; color: #a31f37; font-weight: 700; margin: 30px 0 35px 0}
.single .content-wrap .content h2{font-size: 1.875em; color: #3e97b5; margin-bottom: 10px;}

#more-news{border-top: 10px solid #f2f2f2; margin-top: 10px; padding-top: 40px; margin-bottom: 50px;}
#more-news h3{font-size: 1.688em; color: #a31f37; font-weight: 700; text-align: center; border-bottom: 1px solid #dcdcdc; padding-bottom: 40px; margin-bottom: 40px;}
#more-news .news-list{overflow: hidden;}
#more-news .news{width: 44%; padding-right: 6%; float: left; border-right: 1px solid #dcdcdc;}
#more-news .news:last-child{float: right; padding-right: 0; border: 0}
#more-news .news h2 a{color: #3e97b5; font-size: 2.2em; line-height: 1em;}
#more-news .news h2 a:hover{color: #062539}
#more-news .news .date{font-size: 1.063em; font-weight: 700; color: #a31f37; margin: 25px 0}
#more-news .news .excerpt{font-size: 1.25em; color: #062539; line-height: 1.4em}


@media screen and (max-width: 960px){
	#more-news .news h2 a{font-size: 1.875em}
	#more-news .news .date{font-size: .938em; margin: 25px 0 20px 0}
	#more-news .news .excerpt{font-size: 1.125em}
}

@media screen and (max-width: 760px){
	#more-news{padding: 35px 0px 0px 0px}
	#more-news .news-list{padding: 25px 0px}
	#more-news .news{width: 100%; float: none; padding: 0; border: 0}
	#more-news .news h2 a{font-size: 1.875em}
	#more-news .news .date{font-size: .938em; margin: 25px 0 20px 0}
	#more-news .news .excerpt{font-size: 1.125em}
	#more-news .news:first-child{border-bottom: 1px solid #fff; padding-bottom: 25px; margin-bottom: 25px;}
}

#attorney-list{overflow: hidden; margin-bottom: 30px;}
.attorney{float: left; width: 22%; margin-bottom: 30px;}
.attorney:nth-child(4n+4){float: right}
.attorney:nth-child(4n+1){clear: both; margin-right: 4%}
.attorney:nth-child(4n+2){margin-right: 4%}

.attorney.visible-four-1,
.attorney.visible-four-2,
.attorney.visible-four-3,
.attorney.visible-four-4{float: left;}
.attorney.visible-four-1,.attorney.visible-four-2{margin: 0 4% 0 0}
.attorney.visible-four-4{float: right; margin-right: 0}

.attorney h2{text-align: center; padding: 20px 0; background-color: #f2f2f2;}
.attorney h2 a{color: #3e97b5; font-size: 1em; font-weight: 700;}
.attorney .meta{position: relative; color: #fff}
.attorney .meta .image{line-height: 0}
.attorney .meta .details{display: none; font-size: 1.063em}
.attorney .meta h3{color: #fff; font-weight: 700}
.attorney .meta .sep{display: block; width: 20px; border-bottom: 1px solid #fff; margin: 10px 0}
.attorney .meta li{color: #fff}
.attorney .meta a{color: #fff}
.attorney:hover .details{display: block; padding: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(62,151,181, .8)}
.attorney:hover h2{background-color: rgb(62,151,181)}
.attorney:hover h2 a{color: #fff}

@media screen and (max-width: 960px){
  .attorney:nth-child(4n+4),
  .attorney:nth-child(4n+1),
  .attorney:nth-child(4n+2),
  .attorney{width: 29%; margin: 15px 2%; clear: none; float: left;}	
	.attorney:nth-child(3n+1){clear: both}
#attorney-form li a span span {
    font-size: .75em;
}	
}

@media screen and (max-width: 640px){
	.attorney:hover .details{display: none}	
  .attorney:nth-child(4n+4),
  .attorney:nth-child(4n+1),
  .attorney:nth-child(4n+2),
	.attorney:nth-child(3n+1),
  .attorney{width: 46%; margin: 10px 2%; clear: none}	
	.attorney:nth-child(2n+1){clear: both}
}


#attorney-form{padding: 60px 0 50px 0; overflow: hidden;}
#attorney-form h3{color: #062539; font-size: 1.25em; margin-bottom: 20px}
#attorney-form input{font-size: 1em; padding-left: 4%; width: 100%; border: 1px solid #e4e4e4; border-radius: 5px; background-color: #f2f2f2; height: 60px;}
#attorney-form .field-wrap{overflow: hidden; border-radius: 5px; overflow: hidden; margin-bottom: 40px; position: relative;}
#attorney-form button{display: block; position: absolute; top: 0; right: 0; width: 170px; height: 60px; line-height: 60px; font-size: 1em; background-color: #3e97b5; border: 0; color: #fff; font-weight: 700; text-transform: uppercase;}
#attorney-form button span.fa{margin-left: 10px;}
#attorney-form button:hover{background-color: #062539; cursor: pointer}

#attorney-form li{display: block; float: left; width: 16%; margin-right: .75%}
#attorney-form li:last-child{margin-right: 0}
#attorney-form li a{position: relative; border: 1px solid #3e97b5; text-align: center; display: block; border-radius: 5px; padding: 15px 0; color: #3e97b5; text-transform: uppercase; font-size: .875em; font-weight: 700}
#attorney-form li a:hover, #attorney-form li a.current{background-color: #3e97b5; color: #fff;}
#attorney-form li a:hover::after, #attorney-form li a.current::after{
content: "";
position: absolute;
bottom: -6px;
left: 50%;
margin-left: -7px;
border-width: 6px 6px 0;
border-style: solid;
border-color: #3e97b5 transparent;
display: block;
width: 0;}
#attorney-form li a span{display: table; width: 100%; height: 100%;}
#attorney-form li a span span{display: table-cell; vertical-align: middle;line-height: 1em;}

@media screen and (max-width: 900px){
	#attorney-form h3{font-size: 1.125em}
	#attorney-form input{height: 52px;}
	#attorney-form button{width: auto; height: 52px; line-height: 52px;}
	#attorney-form span.fa{margin-right: 10px}
	#attorney-form .text{display: none}
	#attorney-form li{display: block; float: none; width: 100%; padding: 0 !important; margin: 10px 0}
	#attorney-form li a, #attorney-form li a.current{font-size: .875em; display: block; text-align: left; color: #3e97b5; border: 0; padding: 0; background-color: transparent;}
	#attorney-form li a:hover::after, #attorney-form li a.current::after{content: none}
	#attorney-form li a:hover, #attorney-form li a.current{color: #a31f37; background-color: transparent}
	#attorney-form li a span, #attorney-form li a span span{display: inline; height: auto; width: auto;}
#attorney-form li a span span {
    font-size: 1em;
}		
}

.attorney-profile{ padding-top: 0; background: transparent url('images/grey-background.jpg') top center repeat-x}
.attorney-image{display: none}
.attorney-profile-image{padding-top: 110px; background-repeat: no-repeat; background-position: calc(100% + -50px) 0;}
.attorney-profile .sep{display: block; width: 170px; height: 10px; background-color: #a31f37; margin: 40px 0}
.attorney-profile h2{font-size: 2.5em; font-style: italic; color: #062539; line-height: 1em; margin-top: 10px;}
.attorney-profile h3.secondary{font-size: 1.75em; font-style: italic; color: #062539; line-height: 1em; margin-top: 10px;}
.attorney-profile .meta{max-width: 400px; overflow: hidden; margin-bottom: 10px;}
.attorney-profile .item{overflow: hidden; margin-bottom: 30px; font-size: 1.25em; color: #a31f37}
.attorney-profile .item a{color: #a31f37}
.attorney-profile .item a:hover{color: #3e97b5}
.attorney-profile .item span{color: #3e97b5; display: block; float: left; width: 25%; font-size: .8em}
.attorney-profile .item ul{width: 75%; float: right; line-height: 1.4em}
.attorney-profile li{float: left; margin-right: 20px;}
.attorney-profile .pas li{float: none}
.attorney-profile li a{color: #3e97b5; font-size: 1.688em}
.attorney-profile ul.pas li a{font-size: 1em}
.attorney-profile ul.pas li a:hover{color: #3e97b5}
.attorney-profile li span.fa-print{font-size: 1.35em}
.attorney-profile .content-wrap{background-color: rgba(255,255,255,.95); padding-top: 80px; padding-bottom: 80px; overflow: hidden}
.attorney-profile .biography{width: 60%; color: #062539; font-size: 1.25em; line-height: 1.4em; float: left}
.attorney-profile .details{float: right; border-top: 10px solid #a31f37; padding-top: 20px; width: 28%; font-size: 1.063em; color: #3e97b5}
.attorney-profile .details h2{font-size: 1em; font-style: normal; font-weight: 700; margin-bottom: 5px; margin-top: 15px;}
.attorney-profile .details p{margin-bottom: 10px;}
.attorney-profile .meta li.social{margin: 0 15px 0 0;}
.attorney-profile .meta li.social a {display: inline-block; background-color: #3e97b5; color: #fff; width: 25px; height: 25px; border-radius: 5px; font-size: 1.125em; text-align: center; line-height: 25px;}
.attorney-profile .meta li.social a span{color: #fff; float: none; width: 100%; font-size: .765em; line-height: 25px;}
.attorney-profile .meta li.social a .fa-facebook{font-size: 1em; color: #fff; position: relative; top: 5px; left: 2px;}
.attorney-profile .meta li a:hover, .attorney-profile .meta li span:hover{color: #a31f37; cursor: pointer}
.attorney-profile .meta li.social a:hover{background-color: #a31f37; color: #fff}

@media screen and (max-width: 1120px){	
	.attorney-profile-image{background-position: calc(100% + 150px) 0}
}


@media screen and (max-width: 900px){
	.attorney-profile h2{font-size: 1.563em}
.attorney-profile h3.secondary{font-size: 1.25em}
	.attorney-profile .sep{margin: 20px 0}	
}

@media screen and (max-width: 640px){
	.attorney-image{display: block; position: absolute; top: 0; width: 100%;}
	.attorney-profile-image{position: relative; background-image: none !important; padding-top: 350px;}	
	.attorney-profile .meta, .attorney-profile h1{background-color: rgba(255,255,255,1); width: 108%; max-width: 120%; padding: 0 4%; position: relative; left: -4%}
	.attorney-profile h1{ padding-top: 20px;}
  .attorney-profile .biography, .attorney-profile .details{font-size: 1.125em; width: 100%; float: none; margin: 0}
	.attorney-profile .details{margin-top: 30px;margin-bottom: 50px;}
	.attorney-profile .content-wrap{padding: 0; width: 100%;}
	
	.attorney h2 a {
    font-size: .75em;
}

.attorney h2 {
    padding: 5px 0;
}
#attorney-form {
    padding: 30px 0 30px 0;
}	
.content {
    padding: 40px 0 40px 0;
}	
	
.attorney-profile {
    background: none;
}
	
footer {
    padding: 20px 0;
}}




@media print{
	* {background-image: none !important; background-color: #fff !important}
	#hero, footer{display: none}
	.main-content-wrap{margin-top: 0; padding-top: 0}
	.content, .attorney-profile-image{padding: 0}
	.main-content-wrap .content-wrap{padding: 0; width: 100%}
	.attorney-profile .meta li.social a{background-color: #fff}
	.attorney-profile .meta li.social a span, .attorney-profile .meta li.social a .fa-facebook{color: #3e97b5}
	.attorney-profile .sep{display: none}
	.attorney-profile h2{margin-bottom: 20px}
	.practice-areas{display: none}
}