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

/*-----------------------------------------------------------------------------------

Theme Name: Rogers Partners
Theme URI: http://rogers-partners.connektmedia.com
Description: A custom theme for Rogers Partners LLC
Author: Darren Cooney
Author URI: https://www.connekthq.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
Tags: 
	
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

dark-grey: #2f3136;
grey: #666;
green: #73c995;
dark-green: #227c46;

font-family: 'Lato', sans-serif;


-----------------------------------------------------------------------------------*/
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	resize: none;
}
img{ max-width: 100%; }
html {
	font-size: 62.5%;
	height: 100%; 
} 
body{
	background-color: #2f3136;
	padding:0;
	margin:0;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
strong{
	font-weight: 600;
}
.offscreen {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
.skip-to-content, 
.skip-to-content:hover {
	color:transparent; 
	height:0px;
	width:100%;
	text-align: center; 
	line-height:0px; 
	display:block;
	font-size: 16px;
	font-size: 1.6rem;
}
.ie8 .skip-to-content{
	left:-10000px; 
	position:absolute;
}

.skip-to-content:active, 
.skip-to-content:focus{
	color:#444; 
	width:auto; 
	height:auto; 
	line-height:1.4em;
}

a { 
	/* color: #73c995; */
	color: #227c46;
	text-decoration: none;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   transition: all 0.2s ease;  
}

a:hover { 
	color: #217b46;
	text-decoration: none;
}

p, 
ul li,
ol li,
input,
textarea,
table td,
body{	
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	line-height:1.5;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	list-style:none;
	-webkit-appearance: none;
}

p,
ul,
ol{
	margin:0 0 1.25em;	
}

p.intro{
	font-size: 22px;
	font-size: 2.2rem;
	margin: 0 0 20px;	
	font-weight: 300;
}

.entry-meta,
h4.subtitle,
p.meta{	
	font-weight: 400;
	line-height: 1;
	color:#666 !important;
}	

p.entry-meta{	
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	opacity: 1 !important;
}	

.light-grey{
	color:#999;
}
	
ul, ol, li{
	padding:0;	
	list-style:none;
}

ul{
	padding: 5px 10px;
	list-style:none		
}
	ul li,
	ol li ul li{
		margin:0 0 10px;
		padding:0 0 0 16px;
		list-style:none;
		background:url('img/ico-bullet.png') no-repeat 0 0.6em;	
	} 
	
		ul ul{
			margin:0 0 0 15px;
		}
			ul li li{
				font-size:1em;	
			}

ol{
	margin-left: 4px;
	padding:5px 10px;
	counter-reset: item
}
	ol li{
	  list-style: none;
	  margin: 0 0 10px 0;
	  padding: 0 0 0 22px;
	}	
	
	ol li:before { 
		content: counter(item) ". "; 
		counter-increment: item;
		color: #73c995; 
		font-weight: 300;
		margin-right: 4px;
		margin-left: -25px;
	}
	ol li ul li{}


h1,h2,h3,h4,h5,h6 {
	color: #227c46;
	padding: 0;
	margin:0 0 1em;
	line-height: 1.1;
	text-transform: none;
   font-weight: 400; 
   font-family: 'adobe-caslon-pro', Helvetica, Arial, sans-serif, serif; 
}
h1{
	font-size: 50px;
	font-size: 5rem;
	margin:0 0 1em;
}
.content-entry h1,
.listing h1{
   font-size: 3.4rem;
}
	h1.padding{
		margin-bottom: 50px;
	}
   h1 + h4{
      margin: -5px 0 20px;
      overflow: hidden;
   }

h2 {
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.25;
}
.content-entry h2{
	font-size: 2.8rem;   
}

h3 {
	font-size:22px;
	font-size:2.2rem;
	line-height: 1.2;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
}

p + h2,
p + h3,
p + h4,
p + h5{
	margin-top: 40px;
}
h4 {
	font-size:16px;
	font-size:1.6rem;
	text-transform: uppercase;
	margin: 0 0 10px;
	font-weight: 700;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
}
h5 {
	font-size:15px;
	font-size:1.5rem;
	margin: 15px 0 10px;
	text-transform: uppercase;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
}
h6 {
	font-size:12px;
	font-size:1.2rem;
	margin:0;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a{
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover{
	text-decoration: none; 
}

blockquote{
   border-left: 5px solid #73c995; 
   padding: 0 20px;
   margin: 40px 20px;
}
   blockquote p{
      font-weight: 500;
      font-style: italic;
      font-size: 1.8rem;
   }

/*-----------------------------------------------------------------------------------
// - Foundation overrides
-----------------------------------------------------------------------------------*/
.row {
  max-width: 1170px;
  padding: 0 20px;
}
	.row .row{
		padding: 0;
	}

/*-----------------------------------------------------------------------------------
// - Header
-----------------------------------------------------------------------------------*/
header.site-header{
	width: 100%;
	height: 100px;
	background: transparent;
   z-index: 1000;
   position: absolute;
   top: 0;
}	
   header.site-header ul{
      margin: 0;
      padding: 0;
   }      
      header.site-header ul li{
         background: none;
         padding: 0;
         margin: 0;
      }

/* - Logo */

.logo{
   position: absolute;
   left: 40px;
   top: 40px;
   width:200px;
}
	.logo a{	
		display: block;
		width: 100%;
		border: none !important;
		text-decoration: none !important;
	}
	.logo a img{
		border: none !important;
		text-decoration: none !important;   	
   }	
	
	
/*-----------------------------------------------------------------------------------
// - Main Navigation
-----------------------------------------------------------------------------------*/


.main-nav,
.main-nav .columns{
   height: 100px;      
}	 
.main-nav nav{
	position: absolute;
	top: 30px;
	right: 40px;
	width: auto;
}
	.main-nav nav ul.menu{
		padding: 0;		
		width: auto;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}   
	   
	.main-nav nav ul.menu > li{
		width: auto;
		display: inline-block;
		background: none;
		font-size: 17px;
		font-size: 1.7rem;
		font-weight: 400;
		margin: 0 0 0 15px;
		padding: 0;
		position: relative;
		line-height: 1;
		height: 74px;
	}    
	.main-nav nav ul.menu li.menu-item-92{
   	display: none;
   }  
   	.main-nav nav ul.menu > li > a{
   		color: #fff;
   		padding: 0 6px;
   		line-height: 1;
   		display: block;
			/* border-top: 3px solid transparent; */
   		height: 74px;
   		line-height: 110px;
   	}
   	
   	.main-nav nav ul.menu > li > a:hover{
         color: #73c995;
      }
   	.main-nav a{      	
         -webkit-transition: all 0.2s ease;
         -moz-transition: all 0.2s ease;
         transition: all 0.2s ease;
   	}
		 
	.main-nav nav ul.menu > li.current-menu-item > a,
	.main-nav nav ul.menu > li.current-page-ancestor > a,
	.main-nav nav ul.menu > li.current_page_ancestor > a,
	.tax-practice_cat .main-nav .menu-item-practice-areas > a,
	.single-practice .main-nav .menu-item-practice-areas > a,
	.single-lawyer .main-nav .menu-item-our-lawyers > a {
		background: none;
		color: #73c995;
		border-color: #73c995;	
	}
	
	
	
	/* Drop Menu */	
   .main-nav nav ul ul{
      display: inline-block;
      background: transparent;
		padding: 16px 0 0;  
		width: 200px;
		z-index: 10;
   	position: absolute;
   	top:100%;
   	left: -70px;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease;
      visibility:hidden;
      opacity: 0;
      top: 108%;
      border-radius: 3px;      
   }  
	.main-nav nav ul ul:after {
/* 		bottom: 100%; */
		left: 50%;
		top: -4px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(0, 0, 0, 0);
		border-bottom-color: rgba(27, 29, 32, 0.8);
		border-width: 10px;
		margin-left: -10px;
	}
	
      .main-nav nav ul ul ul{
         left: 105%; 
         top:0;  
         display: none !important;
      }    
   	.main-nav nav ul ul li{   		
			text-transform: none;
			margin: 0;
			display: block;
			font-size: 1.5rem;
			font-weight: 400;
			position: relative;
			text-align: center;
   	}   
   	.main-nav nav ul ul li:first-child{
	   	border-radius: 3px 3px 0 0;
	   	overflow: hidden;	
	   }  
   	.main-nav nav ul ul li:last-child{
	   	border-radius: 0 0 3px 3px;
	   	overflow: hidden;	
	   } 	 
   	.main-nav nav ul ul li:first-child:last-child{
	   	border-radius: 3px;
	   	overflow: hidden;	
	   } 	
   	.main-nav nav ul ul li a{
   		color: #fff;
   		display: block;
			padding: 15px 20px;
   		line-height: 1.1;
   		height: auto;
   		position: relative;   		
   		background: #000;
   		background: rgba(27, 29, 32, 0.8);
   	} 
   		.main-nav nav ul ul li a:hover,
   		.main-nav nav ul ul li.menu-item-has-children a:after{      		
      		color: #73c995 !important;
      		text-decoration: none;
   		}
   		.main-nav nav ul li ul li.current-menu-item a,
   		.main-nav nav ul li ul li.current-page-ancestor a{
   			color: #73c995;
   		}      
	
   	 
   .main-nav nav ul.menu li:hover > ul{ /* 2nd level hover */
      visibility: visible;
      opacity: 1;
      top: 100%;
   }
   .main-nav nav ul.menu ul li:hover > ul{ /* 3rd level hover */
      top: 0;
      left: 100%;
   }
   

/* - Toggle nav */   

#mnav-toggle{
	width:40px;
	height:40px;
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	display: none;
}	
#mnav-toggle a{
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
	position: relative;	
	display: block;
	width:40px;
	height:40px;
	background-color: rgba(0, 0, 0, 0.5);
}
#mnav-toggle span{
   display: block;
   width: 24px;
   height: 2px;
   position: absolute;
   top:40%;
   left: 8px; 
   z-index: 1;            
   background-color: #fff;
   -webkit-transition: all 0.2s ease;  
   -moz-transition: all 0.2s ease;  
   transition: all 0.2s ease;   
}
  
#mnav-toggle span.one{ top: 11px; } 
#mnav-toggle span.two{ top: 19px; }
#mnav-toggle span.three{ top: 27px; }

#mnav-toggle a:hover span{
	background-color: #73c995;	
}
	#mnav-toggle.open{}	
	
		#mnav-toggle.open span{
	      background-color: #fff !important; 
	      opacity: 1;
	      filter: alpha(opacity=0);                
	   }
	   #mnav-toggle.open span.one{ left: 0; }
	   #mnav-toggle.open span.two{ opacity: 0;}
	   #mnav-toggle.open span.three{ left:22px; }
	   
	   #mnav-toggle.open span.one,
	   #mnav-toggle.open span.three{
	      top: 19px;
	   }
	   #mnav-toggle.open span.one{ 
	      left: 8px;
	      -webkit-transform: rotate(-45deg);
	      -moz-transform: rotate(-45deg);
	      -ms-transform: rotate(-45deg);
	      transform: rotate(-45deg);
	   }
	   #mnav-toggle.open span.three{ 
	      left: 8px;
	      -webkit-transform: rotate(45deg);
	      -moz-transform: rotate(45deg);
	      -ms-transform: rotate(45deg);
	      transform: rotate(45deg);
	   }
	
   
      

/*-----------------------------------------------------------------------------------
// - Homepage
-----------------------------------------------------------------------------------*/

.feature,
.feature-cta-group{
	padding: 100px 0;
	display: block;
	clear: both;
	width: 100%;
}


.feature.banner,
.page-banner{
	padding: 0;
	width: 100%;
   position: relative;
   background-color: #2f3136;
   background-position: center center;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover; 
} 
.feature.banner .gradient,
.page-banner .gradient{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 200px;
   z-index: 0;
   background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.02) 96%, rgba(0,0,0,0) 100%);
   background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.02) 96%,rgba(0,0,0,0) 100%);
   background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.02) 96%,rgba(0,0,0,0) 100%);
}
	.feature.banner .row,
	.feature.banner .columns{ 			
		height: 750px;
		min-height: 400px;
		position: relative;
		z-index: 2;
	}
	.feature.banner h1{
		color: #fff;
		margin: 30px 0 0;
		width: 100%;
		padding: 15px 0 5px 20px;
		background: #222;
		background: rgba(0, 0, 0, 0.6);
		border-left: 3px solid #73c995;
      line-height: 1.35;
      font-weight: 600;
      font-size: 4rem;
	}

/* Intro */      
.feature.intro{
   padding: 0;
} 
.feature.intro .half{
   float: left;
   width: 50%;
   padding: 80px 80px;
}
.feature.intro h2{
   display: none;  
}
.feature.intro .half.intro-title{
   background-color: #217b46;
   background-image: url('img/city-scape.jpg');
   text-align: right;     
   background-position: center center;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover; 
}
.feature.intro .half.intro-title .vertical-align{
	max-width: 500px;
	text-align: center;
	margin: 0 auto;	
}
.feature.intro .half.intro-title h2{
   display: inline-block;
   color: #fff;
   text-align: center;
   line-height: 1.4;
   font-size: 3.5rem;
}
.feature.intro .half .intro-content{
   max-width: 500px;  
   margin: 0 auto;
}
   .feature.intro h3{
      line-height: 1.4;
      margin-bottom: 30px;
   }



/* Practice */
.feature.practice{}
.feature.practice h2,
.feature.practice p,
.feature.partnerships h2,
.feature.partnerships p{
   text-align: center;
}

/* Why */
   
.feature.why{
   background-color: #f2f2f4;
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	text-align: center;
}   
   .feature.why h2,
   .feature.why h3,
   .feature.practice h2,
   .feature.partnerships h2{
      color: #217b46;
   }
   .feature.why h3,
   .feature.why p{
      text-align: left;
   }
   .feature.why h2{
      margin: 0 0 70px;
   }
   .feature.why p.btn{
      margin: 70px 0 0;
   }

/* Difference */
   
.feature.difference{
   background-color: #217b46;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	text-align: center;
}
	.feature.difference p,
	.feature.difference h2{
		color: #fff;	
	}
	.feature.difference p.btn{
		margin: 15px 2% 0;
		display: inline-block;	
		width: 45%;
	}
	
.feature.partnerships{}
.feature.partnerships .article{
   width: 50%;
   float: left;
   margin: 40px 0 0;
   padding: 0 30px 50px;
   border-left: 3px solid #73c995;
   position: relative;
}

.feature.partnerships .article h3,
.feature.partnerships .article p{
   text-align: left;  
}
.feature.partnerships .article h3{
   font-size: 2.2rem;
	font-family: 'Lato', Helvetica, Arial, sans-serif;  
}
.feature.partnerships .article h3 a{
   color: #227c46;
}
.feature.partnerships .article h3 a:hover{
   color: #73c995;
}
.feature.partnerships .article p{
   margin: 20px 0 0;  
}
.feature.partnerships p.learn{
   position: absolute;
   bottom: 0;
   line-height: 1;
   font-weight: 600;
}
.feature.partnerships p.learn a{
   color: #808080;
}
.feature.partnerships p.learn a:hover{
   color: #73c995;
}

/*-----------------------------------------------------------------------------------
// - Site Styles
-----------------------------------------------------------------------------------*/
	
#page-content{
	width: 100%;
	min-height: 400px;
	display: block;
	padding: 0;
	background: #fff;
}
   .home #page-content{
      padding: 0;
   }

.content-block{
	overflow: hidden;
	padding:0 0 20px;
	width: 100%;
	display: block;
	margin: 0;
	clear: both;
}
.content-entry,
.listing{
   padding-top: 80px;
   padding-bottom: 60px;
}
.content-entry.no-padding-btm{
   padding-bottom: 0;
}
.content-entry.reduced-padding-top{
   padding-top: 30px;
}
.content-entry.no-padding-top{
   padding-top: 0;
}
.page-banner{
   height: 550px;
   margin: 0;
   display: block;
}

@media only screen and (min-width: 1600px) and (min-height: 1000px) {
   .page-banner{
      height: 700px;
   }
}


.page-template-practice-areas{}
   .page-template-practice-areas .practice-list{
      margin-bottom: 20px;
   }
   .page-template-practice-areas .practice-list h3{
      padding-right: 20%;  
   }
   .page-template-practice-areas .list ul{
      display: block;
      border-left: 3px solid #73c995;
      margin: 4px 0 0;
      padding: 2px 0 0 20px;
   }
   .page-template-practice-areas .practice-list ul li{
      background: none;
      margin: 0 0 8px;
      padding: 0;
      line-height: 1.1;
      font-size: 1.6rem;
   }
   .page-template-practice-areas .practice-list ul li a{
      color: #555;  
   }
   .page-template-practice-areas .practice-list ul li a:hover{
      color: #73c995;
   }

.jump-menu{
   position: relative;
   padding-left: 100px;
}
   .jump-menu em{
      font-style: normal;
      position: absolute;
      left: 0;
      top: -1px;  
   }
   .jump-menu span{
      opacity: 0.5;
   }
   .jump-menu a{
      color: #808080;
   }
	.jump-menu a:hover{
   	color: #73c995;
	}

.lawyer-listing{}
	.lawyer-listing .lawyer img{
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		margin: 0 0 20px;
		border: 4px solid transparent;
      -webkit-transition: all 0.2s ease;  
      -moz-transition: all 0.2s ease;  
      transition: all 0.2s ease;   
	}
	.lawyer-bio img{
   	margin: 0 0 20px;
   	padding: 0 0 20px;
   	border-bottom: 1px solid #efefef;
   	width: 100%;
   	max-width: 480px;
	}
	.lawyer-listing .lawyer{
		text-align: center;
		padding-bottom: 30px;
	}
	.lawyer-listing .owl .lawyer{
		padding: 0 10px 30px;
	}
	.lawyer-listing .lawyer h3{
		font-size: 2rem;
		margin: 0 0 5px;
		color: #555;
	}
	.lawyer-listing .lawyer p{
		color: #73c995;	
	}
	.lawyer-listing .lawyer a{
		display: block;	
	}
	.lawyer-listing .lawyer a:hover img{
      border-color: #73c995;	
   }
   
   .lawyer-listing .owl-theme .owl-controls{
	   position: absolute;
	   left: 0;
	   top: 30%;
	   margin-top: -20px;
	   width: 100%;
	   height: 1px;
	   margin: 0;
	   padding: 0;
   }
   
	.lawyer-listing .owl-theme .lawyer{
		padding-bottom: 0;
	}
   .lawyer-listing .owl-theme .owl-controls .owl-buttons{
		position: relative;
		width: 100%;
		width: calc(100% + 80px);
		margin-left: -40px;  
	}
   .lawyer-listing .owl-theme .owl-controls .owl-buttons .owl-prev,
   .lawyer-listing .owl-theme .owl-controls .owl-buttons .owl-next{
		width: 22px;
		height: 41px;
		background: url('img/ico-owl-arrows.png') no-repeat left top;
		position: absolute;
		left: 0;
		top: -11px;
		text-indent: -9999px;
		overflow: hidden;
	   opacity: 0.5;
	}
   .lawyer-listing .owl-theme .owl-controls .owl-buttons .owl-next{
	   background-position: right top;
	   left: auto;
	   right: 0;
   }
   
   .lawyer-listing .owl-theme .owl-controls .owl-buttons .owl-prev:hover,
   .lawyer-listing .owl-theme .owl-controls .owl-buttons .owl-next:hover{
	   opacity: 1;
   }
   .lawyer-listing .owl-theme .owl-controls .owl-buttons .owl-prev:hover{
	   background-position: left bottom;
	   opacity: 1;
   }
   .lawyer-listing .owl-theme .owl-controls .owl-buttons .owl-next:hover{
	   background-position: right bottom;
	   opacity: 1;
   }   
   
   .lawyer-listing .owl-theme .owl-controls .owl-buttons .owl-prev.disabled,
   .lawyer-listing .owl-theme .owl-controls .owl-buttons .owl-next.disabled{
	   opacity: 0.2 !important;
   }
   

.lawyer-details{}
	.lawyer-details h1{
		margin: 0 0 10px;
	}	
	.lawyer-details h3{
		color: #73c995;
		margin: 0 0 30px;
	}
	.lawyer-details header h4{
      color: #808080;
      padding: 20px 0 0;
      margin: 0 0 20px;	
      font-size: 1.8rem;
      text-transform: none;
      font-weight: 600;
   }

article.lawyer-wrap{
   background-position: 50% top;
   background-repeat: no-repeat;
   -webkit-background-size: 1800px 1200px;
   -moz-background-size: 1800px 1200px;
   background-size: 1800px 1200px;
}
	
.lawyer-expand{
   display: block;
   padding: 20px 45% 0 0;
   margin-left: -22px;
}	

.lawyer-cta{
   display: block;
   clear: both;
   padding: 80px 0;
   background-color: #227c46;
}
   
   .lawyer-cta .row{
      position: relative;
   }
	
	.lawyer-cta h2,
	.lawyer-cta h3,
	.lawyer-cta h4,
	.lawyer-cta p{
      color: #fff;	
   } 
	.lawyer-cta p{
      font-size: 1.5rem;
      margin: 0;	
   }
   .lawyer-cta .columns.title{
      padding: 0 30px 0 0;
   	position: absolute !important;
   }  
   .lawyer-cta .columns.desc{
      padding: 0 30px;
      border-left: 2px solid #73c995;
   } 
   .lawyer-cta .columns.desc a{
      color: #d3e5da;  
   } 
   .lawyer-cta .columns.desc a:hover{
      color: #fff;
      text-decoration: underline;  
   }
	.lawyer-cta h2{
   	text-align: right;
   	margin: 0;   	
   	width: 100%;
	}
	
.practice-details{}
.practice-details h2{
   padding: 30px 0 0;
   margin: 0 0 10px;
}
   .practice-details .lawyer-listing .lawyer{
      padding: 10px;
   }
	


/*-----------------------------------------------------------------------------------
// - Filters / Search
-----------------------------------------------------------------------------------*/

.practice-filter-nav{
   display: block;
   width: 100%;
   margin: 0 0 20px;
   padding: 0;
}
   .practice-filter-nav li{
      display: inline-block;
      vertical-align: top;
      background: none;
      padding: 0;
      margin: 0 20px 0 0;  
      font-size: 1.7rem;
   }
      .practice-filter-nav li a{
         display: block;
         padding: 10px 0;
         color: #227c46;
      }
      .practice-filter-nav li a span{
         display: inline-block;  
      }
      .practice-filter-nav li a i{
         margin: 0 0 0 7px;
         font-size: 20px;
         position: relative;
         top: 2px;
      }
      .practice-filter-nav li a .fa-angle-up{
         display: none;
      }
      .practice-filter-nav li a:hover,      
      .practice-filter-nav li a.active{
         color: #73c995;  
      }
      .practice-filter-nav li a.active .fa-angle-up{
         display: block;
      }
      .practice-filter-nav li a.active .fa-angle-down{
         display: none;
      }
      
      
h3.filter-results{
   padding: 30px 0 0;
   margin: 0 0 35px;
   color: #808080;
   font-size: 1.6rem;
   position: relative;
   top:-1px;
   border-top: 1px solid #f7f7f7;
}
   h3.filter-results strong{
      color: #555;
   }
   h3.filter-results a{
      display: inline-block;
      margin: 0 0 0 10px;
      padding: 8px 14px 9px;
      background: #f7f7f7;
      color: #227c46;
      border-radius: 3px;
      font-size: 1.2rem;
      position: relative;
      top: -1px;
      left: 2px; 
      line-height: 1; 
      text-transform: uppercase;    
   }  
   @media only screen and (max-width: 48.000em) {
	   h3.filter-results a{
		   display: block;
		   clear: both;
		   left: 0;
		   margin: 15px 0 0;
		   text-align: center;
		   max-width: 190px;
	   }
	}
   @media only screen and (max-width: 480px) {
	   h3.filter-results a{
			max-width: 100%;  
		   margin: 25px 0 0;
		}
	}
      h3.filter-results a span{
         font-weight: bold;
         position: relative;
         left: -1px;
         top: 1px; 
         font-size: 14px;
         margin: 0 2px 0 0;
      }
      h3.filter-results a:hover{
         background-color: #227c46;  
         color: #fff;
      }

#practice-filters{
   display: none;
	padding: 0;
	background: #f7f7f7;
}
   #practice-filters .filters-wrap{
      display: block;
      overflow: hidden;
      padding: 30px 0 20px;
      position: relative;
   }
      #practice-filters .filters-wrap:before{
         width: 50%;
         height: 100%;
         background: #efefef;
         position: absolute;
         left: 50%;
         top: 0;
         z-index: 0;  
         content: '';
      }
	
	.term-titles,
	.term-results{
		width: 50%;
		float: left;
		padding: 0 0 0 0;
	}
	.term-titles h3{
   	font-size: 2rem;
   	margin: 20px 0 30px;
   	position: relative;
	}	
	@media only screen and (max-width: 48.000em) {
		.term-titles h3{
			font-size: 1.5rem;	
		}
		.term-titles h3 a{
			padding: 0 20px 0 0;
		}
	}
	.term-titles a{
		color: #227c46;
		display: block;
		padding: 0 30px;
		position: relative;
	}
	   .term-titles h3.active:after{
			left: 100%;
			top: 50%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(239, 239, 239, 0);
			border-left-color: #f7f7f7;
			border-width: 15px;
			margin-top: -15px;
      }
	.term-titles a:hover,
	.term-titles h3.active a{ 
		color: #73c995;
	}
	
	.term-results{
		padding: 0 0 0 45px;
	}
	
	@media only screen and (max-width: 48.000em) {
		.term-results{
			padding: 0 0 0 30px;
		}
	}
		.term-results ul{
			margin: 20px 0 0;
			padding: 0;
			display: none;
		}
			.term-results ul.active{
				display: block;	
			}
			.term-results ul li{
				background: none;
				font-size: 1.45rem;
				padding: 0;
				margin: 3px 0 8px;	
			}
			.term-results ul li a{
				color: #808080;
			}
			.term-results ul li a:hover,
			.term-results ul li a.active{
				color: #73c995;	
			}
		
	
	

/*-----------------------------------------------------------------------------------
// - Toggle
-----------------------------------------------------------------------------------*/

.toggle{
	overflow: hidden;
	clear: both;
	display: block;
	padding: 0;	
	margin:10px 0 0;
}

   .toggle.active h3.clickable a,   
   .toggle.active h3.clickable a:hover{
	   color: #73c995;
	   background: transparent;
   }
	
   .toggle.active  h3.clickable a:before{
      content: '\f068';
      color: #73c995;
      font-weight: normal;
   }
   
   .toggle h3.clickable{
   	margin: 0; 
   	clear: both;
   	display: block;
   	padding:0;
   	position: relative;
   	cursor: pointer;
   	color:#666;
      text-transform: none;
   	font-weight: 300;
   	line-height: 1.3;
      font-family: 'Lato', Helvetica, Arial, sans-serif;
   }
   .toggle h3.clickable a{
   	color: #217b46;
   	padding: 8px 16px 8px 24px;
   	display: block;
   }
   .toggle h3.clickable a:before{		   
      font-family: 'FontAwesome';
      content: '\f067';
      margin:0;
      color: #217b46;
      position: absolute;
      left: 4px;
      top:14px;
      font-size: 12px;
   }  	
   	
   	.toggle h3.clickable:hover a:before,
   	.toggle h3.clickable a:hover{
   		color: #73c995;
   		text-decoration: none;
   	}
   
   .toggle .content{
   	display: none;
   	padding: 0 0 0 24px;
   }
   	
   	.toggle .content .inner{
   		padding: 20px 20px 10px 0;
   	}
   	

.practice .toggle .content .inner{
   padding: 0 20px 10px 0;
}
   .practice .toggle .content ul{
      padding: 0;
      margin: 0;
   }   
   .practice .toggle .content ul li{
      padding: 0;
      margin: 3px 0 7px;
      background: none;
   }  
   .toggle .content ul li a{
      color: #808080;
   }  
   .toggle .content ul li a:hover{
      color: #73c995;
   } 

	
.toggle + p,
.toggle + h2,
.toggle + h3,
.toggle + h4,
.toggle + ul,
.toggle + ol{
	margin-top: 30px;
}


/*-----------------------------------------------------------------------------------
// - Sidebar
-----------------------------------------------------------------------------------*/

.sidebar{
   padding-top: 5px;
	padding-right: 50px;
}
.sidebar .widget{
   margin: 0 0 40px;  
}
.sidebar.right{
   padding-right: 0.9375rem;
   padding-left: 50px;
}
   .sidebar h3.widget-title{    
      font-size: 1.8rem;
      padding: 0 0 20px;
      margin: 0 0 20px;
      position: relative;
   }
   .sidebar h3.widget-title:after {
      background-color: #ccc;
      bottom: 0;
      content: "";
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      width: 20px;
   }
   .sidebar .select2-container{
      width: 100%;
   }
   .sidebar ul{
      margin: 0;
   }
   .sidebar ul li{
	   font-size: 1.6rem;
   }
   

.alm-listing{
   margin: 0;
   padding: 0;
}   
.alm-listing li{
   padding: 0;
   margin: 0 0 40px;
   display: block;
   background: none;  
}

.alm-listing li h3{
   margin: 0 0 10px;  
}   
.alm-listing li p{
   margin: 0 0 10px;
   font-size: 1.6rem;
}
.alm-listing li p span{
   opacity: 0.6;
}

.listing .alm-btn-wrap{
   text-align: center;
   display: block;
   padding: 10px 0;
   overflow: hidden;
}

.listing button.alm-load-more-btn{
   display: inline-block;
   padding: 16px 32px !important;
}
.listing button.alm-load-more-btn.done{
   background-color: #009cdc;   
   opacity: 0.3;
   filter: alpha(opacity=30);
   cursor: default;
}
	
.widget{
	overflow: hidden;
	display: block;
}	
.error404 .entry-content{
	text-align: center;
}

/*-----------------------------------------------------------------------------------
// - Listing styles
-----------------------------------------------------------------------------------*/

ul.listing{
	padding:0 0 5px;
}
	ul.listing.feature li{
		margin:0;
	}
	ul.listing li{
		background: none;
		margin-bottom: 20px;
		padding: 0;
		overflow: hidden;
		margin-bottom: 15px;
		position: relative;
	}
	ul.listing li img{
		position: absolute;
		left: 0;
		top: 2px;
		width: 60px;
		height: 60px;
	}
	ul.listing li .thumb{
		margin:0 0 10px 0;	
		width: 100%;
		position: relative;
		z-index: 1;
	}
		ul.listing li .thumb a{
			display: block;
		}
			
				
	ul.listing h2{
		margin:0;		
	}
	ul.listing h3{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.2em;
		margin: 0 0 10px;
	}
	ul.listing .text{
		padding:10px 0;
	}
	
	
ul.search-results{
	padding:0 0 40px;
	margin: 0;
}  
   p.results{
      position: relative;
      top: -20px;
      margin: 0 0 22px;
   }
   
   
.searchform{
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 0 10px;
}
	.searchform input{
		height: 42px;
		width: 100%;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #f7f7f7;
	}
	
	.searchform button{
		width: 40px;
		height: 40px;
		position: absolute;
		z-index: 1;
		right: 1px;
		top: 1px;
		padding: 0;	
		-webkit-border-radius: 0 3px 3px 0;
		-moz-border-radius: 0 3px 3px 0;
		border-radius: 0 3px 3px 0;
	}





/*-----------------------------------------------------------------------------------
// - Newsletter
-----------------------------------------------------------------------------------*/

.newsletters{}
   .newsletters .columns{
      padding-bottom: 40px;
   }
   .newsletters img{
      margin-bottom: 20px;
   }
   
.newsletter-forms{
   padding: 20px;
   background-color: #f9f9f9;
}
   .newsletter-forms h3,
   .newsletter-forms label,
   .newsletter-forms input{
      margin: 0 0 6px;  
   }
   .newsletter-forms label{
      font-size: 1.3rem;
      opacity: 0.8;
   }
   .newsletter-forms button{
      font-weight: 400; 
      margin-top: 4px;  
   }
   .newsletter-forms .subscribe{
      padding: 30px 0 0;
   }
   .newsletter-forms textarea{
      height: 120px;
   }
   .newsletter-forms #response{
      display: none;  
   }
   
.form-wrap{
   width: 80%;
   clear: both;
   padding: 0 0 10px;
   overflow: hidden;
}
   .form-wrap .error{
      font-size: 14px;
      margin: -5px 0 0;
      padding: 0 0 10px;
      font-weight: normal;
   }
   
   .form-wrap button,
   .form-wrap .loading{   
     float: left;
   }
   .form-wrap .loading{
      background: url(img/ajax-loader.gif) no-repeat center center;
      width: 20px;
      height: 20px;
      margin: 15px 0 0 10px;
      display: none;
   }
   
   .response{
      display: none;
   }
   

/* --------------------------------------------------------------------------- */
/* Button Styles */
/* --------------------------------------------------------------------------- */

.btn,
input[type=submit],
button{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center; 
	height: auto;
	line-height: 1;
	width: auto;
	display: inline-block;
	-webkit-appearance: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   cursor: pointer;
}
   
	.btn a, 
	input[type=submit],
	button{
		display: block;	
		padding: 17px 30px; 
		color: #fff;
      background: #227c45;
		border: 1px solid #227c45;	
		-webkit-border-radius: 3px;	
		-moz-border-radius: 3px;	
		border-radius: 3px;	
	}	
	button,
	input[type=submit]{
   	cursor: pointer;
   	font-weight: 400;
	}
	
   	.btn a:hover,
   	input[type=submit]:hover,
   	button:hover{
   		color: #fff;
         background: #2e9857;
         border-color: #2e9857;
   		text-decoration: none !important;
   	}
   	.btn a:active, 
   	.btn a:focus,
   	input[type=submit]:active{
   		color: #fff;
   		text-decoration: none;
         background: #2e9857;
   		border-color: #2e9857;
   		box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
   	}
   	
   	input[type=submit]:focus{
	   	color: #fff;
   	}
   	
   	
   
   .btn.dark-green a{
	   color: #fff;
	   border-color: #217b46;
	   background-color: #217b46;
   }
	   .btn.dark-green a:hover,
	   .btn.dark-green a:active,
	   .btn.dark-green a:focus{
		   color: #fff;
		   border-color: #2b9557;
		   background-color: #2b9557; 
	   }
   
   .btn.inverse a{
	   color: #73ca96;
	   border-color: #73ca96;
	   background-color: transparent;
   }
	   .btn.inverse a:hover,
	   .btn.inverse a:active,
	   .btn.inverse a:focus{
		   color: #fff;
		   border-color: #73ca96;
		   background-color: #73ca96; 
	   }
	   
   
   .btn.white.inverse a{
	   color: #fff;
	   border-color: #fff;
	   background-color: transparent;
   }
	   .btn.white.inverse a:hover,
	   .btn.white.inverse a:active,
	   .btn.white.inverse a:focus{
		   color: #217b46;
		   border-color: #fff;
		   background-color: #fff; 
	   }
	   
   
   
.more-btn{ 
	text-align: center;
	padding: 25px 0 0;
}
.more-btn p{
	display: inline-block;
}
   
.link-button{
   text-transform: uppercase
}  
   .link-button a{
	   color: #203e65;
	}

/* --------------------------------------------------------------------------- */
/* - Form Styles */
/* --------------------------------------------------------------------------- */

label{
	color:#808080;
	font-weight:400;
	display: inline-block;
	margin: 15px 0 7px;
	font-size:14px;
	font-size:1.4rem;		
}
input,
textarea{
	background: #fff;
	border:1px solid #ccc;
	font-size:15px;
	font-size:1.5rem;	
	color:#808080;
	font-weight: 300;
	width:100%;
	padding: 5px 7px;		
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}
input.error,
textarea.error{
	border-color: #9f0b0b !important;
	background: #ffecec !important;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
	input:focus,
	textarea:focus{
		border-color: #999;
		-webkit-box-shadow:  0 0px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow:  0 0px 2px rgba(0, 0, 0, 0.1);
		box-shadow:  0 0px 2px rgba(0, 0, 0, 0.1);
		color:#000;
	}

p.form-allowed-tags{
	font-size: 1.4rem;
}
	
.thanks{
	padding:10px;
	background:#9db863;
	border: 1px solid #87a24c;
	color: #fff;
	border-radius: 3px;
	margin:0 0 10px;
	line-height: 1.5em;
}
input:invalid, textarea:invalid{
	border-color: inherit;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.select2-search { display: none !important; }

/* --------------------------------------------------------------------------- */
/* - .site-footer */
/* --------------------------------------------------------------------------- */

footer.site-footer{
	margin: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	display: block;
	padding: 0;
	color: #fff;
	font-weight: 400;
	background-color: #2f3136;
}
   footer.site-footer .widgets{
      padding: 100px 0;
      display: block;
      overflow: hidden;
   }
   footer.site-footer .widgets .textwidget{
      padding-right: 30px;  
   }
   footer.site-footer p,
   footer.site-footer li,
   footer.site-footer a{
      color: #777;
   }
   footer.site-footer a{
      -webkit-transition: color 0.15s linear;
      -moz-transition: color 0.15s linear;
      transition: color 0.15s linear;  
   }
   footer.site-footer a:hover{
      color: #73c995;
   }
	
   footer.site-footer p,
   footer.site-footer li{
      font-size: 1.5rem;
   }	  
   
   footer.site-footer ul{
      clear: both;
      padding: 0; 
      margin: 0;
   }
   footer.site-footer ul ul{
      display: none !important;  
   }
   footer.site-footer li{
      background: none;
      display: block;  
      margin: 0 0 8px;
      float: none;
      vertical-align: top;
   }
   
   footer.site-footer .copyright{
      border-top: 1px solid #404249; 
      padding: 30px 0;       
   }
   footer.site-footer .copyright .columns{
      padding: 0;
   }
   footer.site-footer .copyright p{
      line-height: 1;
      margin: 0;
      font-size: 1.2rem;
   }
		
/* --------------------------------------------------------------------------- */
/* - .widget-social-media */
/* --------------------------------------------------------------------------- */
	
.widget-social-media{
	margin: 0;
	display: inline-block;
	vertical-align: top;
}
	.widget-social-media ul {
		margin: 0;
		padding: 0;
	}
	.widget-social-media ul li{
		display: inline-block;
		float: none;
		background: none;
		margin: 0;
		padding: 0;
		width: auto;
		height: 34px;
		line-height: 34px;
		font-size: 18px;
   	position: relative;
	}
	header.site-header .widget-social-media ul li{
   	padding-top: 2px;
   	margin: 0 2px;
   }
	.widget-social-media ul li.facebook{
   	font-size: 18px;
   	top: -1px;
	}
	.widget-social-media ul li.twitter{
      top: -1px;	
   }
	.widget-social-media ul li.google{
		font-size: 16px;
   }
	.widget-social-media ul li.linkedin{

   }
		.widget-social-media ul li a{		
			width: 100%;
			height: 30px;
			line-height: 30px;
			display: block;
			text-align: center;
			padding: 0 7px;
		}		
		.widget-social-media ul li a:hover{
			filter: alpha(opacity=100);
			opacity: 1;
		}
		.widget-social-media ul li a em{
   		position: relative;
		}
		.widget-social-media ul li.linkedin a em{
   		top:-1px;
      }
	
	
/* --------------------------------------------------------------------------- */
/* MISC */
/* --------------------------------------------------------------------------- */

.edit-post{position:fixed; bottom:0; right:10px; z-index:99999; border-radius:4px 4px 0 0; overflow: hidden; text-transform: uppercase; font-size:1em; font-weight: bold;}
.edit-post a{background:rgba(0, 0, 0, 0.2);color:rgba(255, 255, 255, 0.6);padding:8px 14px 4px;display:block;  text-decoration: none;}
.edit-post:hover{background:rgba(0, 0, 0, 0.8);color:rgba(255, 255, 255, 1);}
.rollover{ cursor:pointer;}
.centered-text{text-align: center;}
.spacer{ height:20px; clear:both; display:block}
.hand{cursor:help;}
.black{color:#000;}
.red{color:#C00; background:#fff; padding:5px;}
.green{color:#678f05; text-decoration: underline;}
.grey{color:#999;}
.error{
   display: block; color: #C00;
}
.white{color:#fff;}
.clearfix:after {clear:both;content:"."; display:block;	height:0; visibility:hidden;}
.clearfix {	display:inline-block;}
.clear {clear: both;height: auto; overflow: hidden; width:100%; padding:0; margin:0;}
.disabled{cursor:default !important;}
.padding-top{ padding-top:20px;}
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}

	
.vertical-align{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
	

hr{
   border: none;
	border-top:1px solid #efefef;
	padding:0;
	margin-top:70px;
	margin-bottom: 80px;
	height: 1px;
	width: 100%;
	display: block;
	clear: both;
	overflow: hidden;
}
.divider{
	width: 100%;
	height: 5px;
	clear: both;
	display: block;
	margin: 40px 0;
	overflow: hidden;
}
	.divider.sm{
		border-top: 1px solid #e1e1e1;
		width: 50px;
		margin: 0;
		clear: both;
		display: inline-block;
		float: left;
	}

img.padding-bottom{
   padding-bottom: 20px;
}
.screen-reader-text{
	display: none;
}
.bypostauthor{}
.sticky{}
.alignleft { float: left; }
.alignright { float: right; }

.alignleft {
  float: left;
  margin: 3px 25px 35px 0;
  text-align:left;
}
.alignright {
  float: right;
  margin: 3px 0 35px 25px;
  text-align:right;
}
.aligncenter, .alignnone{
	margin: 0 auto 35px auto;
	display: block;
	clear: both;
}
.wp-caption,
.gallery-caption{
	padding:5px 0 10px;
}
.wp-caption.aligncenter,
.wp-caption.alignnone{
	text-align: center;
	margin:20px auto;
	width: auto !important;
}	
p.wp-caption-text{
	text-align:center;
	margin:0;
	color:#999;
	font-size:14px;
	font-size: 1.4rem;
	line-height: 1.3em;
	padding:10px 10px 0;
}


/* Alerts */
.alert,
.moderation{
	padding-left: 76px;
	font-weight: 400;
	font-size: 1.4rem;
	padding: 5px 7px;
	background: #ffffcc;
	margin: 0 0 10px 76px;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #e9e4c1;
	color:#222;
}

/* Responsive Videos */
iframe{
	margin:0;
	width: 100%;
	max-width: 100%;
}
#video-wrapper{
	width:100%;
	display: none;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
	margin-top: 20px;
}
	.video-container iframe,  
	.video-container object,  
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin:0;
	}
	
	
table{}
	table td{}
	
.social-follow{
	position: absolute;
	right: 2px;
	top: -20px;
}
	.social-follow a{
		color: #fff;	
		font-size: 20px;
		display: inline-block;
		padding: 0 6px;
		border-radius: 2px;
	}
	.social-follow a:hover,
	.social-follow a:focus{
		color: #73c995;
	}

	.social-follow a span{
		display: none;	
	}