@charset "utf-8";
/* CSS Document */
/*===============================
	GLOBAL STYLES
===============================*/
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #333; 
}
.clearFloat {
	clear: both;
}
.center {
	text-align: center;
}
.is-sticky #phone {
	z-index: 9999;
}
/*===============================
	DOM TAGS
===============================*/
h1, h2, h3, h4 {
	font-family: 'Cinzel', serif;
	font-weight: 400;
	text-transform: uppercase;
}
ul, p {
	font-size: .9em;
}
/*===============================
	TYPOGRAPHY
===============================*/
.cinzel {
	font-family: 'Cinzel', serif;
	font-weight: 400;
}
.cinzelBold {
	font-family: 'Cinzel', serif;
	font-weight: 700;
}
.robotoRegular {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.robotoMedium {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.robotoBold {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
/*===============================
	SITE COLORS
===============================*/
.black {
	color: #333;
}
.gold {
	color: #ceb88c;
}
.beige {
	color: #efe3c6;
}
.grey {
	color: #ededed;
}
.teal {
	color: #52a896;
}
.white {
	color: #fff;
}
/*===============================
	HEADER
===============================*/
#masthead {
	background: url(../images/site-images/header-background.jpg);
	padding-bottom: 10px;
	box-shadow: 0 10px 10px rgba(0,0,0,.60);
}
#logo {
	position: absolute;
	z-index: 999;
}
.nav-menu {
	padding-top: 40px;
}
#primary-menu .menu-item {
	margin: 5px 0;
	width: 100%;
}
#primary-menu .menu-item a {
	font-family: 'Cinzel', serif;
	font-weight: 400;
	color: #333;
	text-transform: uppercase;
}
#primary-menu .menu-item a:hover {
	font-family: 'Cinzel', serif;
	font-weight: 400;
	color: #479283;
	text-transform: uppercase;
	text-decoration: none;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
	font-family: 'Cinzel', serif !important;
	font-weight: 700 !important;
	color: #479283 !important;
	text-transform: uppercase;
}
.menu-toggle {
	margin-top: 10px;
	background: #479283;
	color: #fff;
	box-shadow: none;
}
#header-phone {
	position: absolute;
	right: 8%;
	margin-top: 1.75%;
	color: #479283;
	font-size: 1.8em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	display: none;
}
#header-phone:hover {
	color: #333;
	text-decoration: none;
}

#header-phone:before {
	content: '\e111';
  	font-family: 'Glyphicons Halflings';
	margin-right: 8px;
	position: relative;
	top: 3px;
}
.menu-item-type-custom {
	display: block;
}

/*===============================
	FOOTER
===============================*/
#colophon {
	background: #efe3c6;
	padding-top: 25px;
	padding-bottom: 75px;
}
/*===============================
	HOMEPAGE
===============================*/
#homepage-hero {
	height: auto;
	background: url(../images/site-images/attorney-taking-notes-from-book.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
	border-bottom: 3px solid #52a896;
	position: relative;
	box-shadow: inset 0 10px 10px rgba(0,0,0,.40);
	padding-bottom: 40px;
}
#featured {
	margin-top: 50px;
}
#featured img {
	margin-bottom: 10px;
}
#phone {
	position: absolute;
	bottom: 0;
	background: url(../images/site-images/teal-gradient-background.png) no-repeat;
	right: 0;
}
#phone h1 {
	font-size: 1.1em;
	margin: 0;
	padding: 5px 0 5px 25px;
}
#phone h1:before {
  font-family: 'Glyphicons Halflings';
  content: '\e111';
  margin-right: 10px;
  position: relative;
  top: 3px;
}
#phone a:hover {
	text-decoration: none;
	color: #efe3c6;
}
.home #primary {
	padding: 50px;
}
.main-services {
	padding-top: 80px;
	margin-bottom: 20px;
}
#marital {
	background: url(../images/site-images/heart-icon.png) no-repeat center 10%;
}
#bankruptcy {
	background: url(../images/site-images/bankruptcy-icon.png) no-repeat top center;
}
#family {
	background: url(../images/site-images/family-icon.png) no-repeat top center;
}
#probate {
	background: url(../images/site-images/probate-icon.png) no-repeat top center;
}
#real-estate {
	background: url(../images/site-images/house-icon.png) no-repeat top center;
}

#marital:hover {
	animation: iconRollover .5s linear;
	-webkit-animation: iconRollover .5s linear;
	position: relative;
}
@keyframes iconRollover {
	0% { background-position: center 10%; }
	50% { background-position: center 15%; }
	100% { background-position: center 10%; }
}
@-webkit-keyframes iconRollover {
	0% { background-position: center 10%; }
	50% { background-position: center 15%; }
	100% { background-position: center 10%; }
}
#bankruptcy:hover, #family:hover, #probate:hover, #real-estate:hover {
	animation: iconRollover2 .5s linear;
	-webkit-animation: iconRollover2 .5s linear;
	position: relative;
}
@keyframes iconRollover2 {
	0% { background-position: center top; }
	50% { background-position: center 5%; }
	100% { background-position: center top; }
}
@-webkit-keyframes iconRollover2 {
	0% { background-position: center top }
	50% { background-position: center 5%; }
	100% { background-position: center top; }
}
.main-services a {
	color: #479283;
}
.main-services a:after {
	content: '\2192';
}

#attorneys-you-can-trust {
	background: #333;
	box-shadow: inset 0 10px 10px rgba(0,0,0,.40);
}
#banner {
	position: relative;
	top: -2px;
}
.wpcf7-form p {
	display: none;
}
.wpcf7-form textarea {
	width: 100%;
}
#wpcf7-f46-p43-o1 span {
	padding: 0 0 !important;
}
.form-control {
	margin: 0 0 20px 0;
}
#contactSectionHome {
	padding: 50px 0;
}
#home-submit {
	background: url(../images/site-images/arrow.png) no-repeat #52a896;
	background-position: 95% center;
	font-size: 24px;
	padding: .5em 2.5em;
	border: none;
	box-shadow: none;
	text-shadow: none;
	color: #fff;
	border-radius: 6px;
	font-weight: bold;
}
#home-submit:hover {
	background: url(../images/site-images/arrow.png) no-repeat #439b89;
	background-position: 95% center;
}
#contactus {
	position: absolute;
	top: 40%;
	right: 0;
	display: none;
}

/*===============================
	INTERIOR PAGES
===============================*/
.interior-hero {
	padding: 35px 0;
	box-shadow: inset 0 10px 10px rgba(0,0,0,.5);
}
.interior-hero h2 {
	color: #fff;
	font-size: 1.1em;
	text-align: center;
}
#areas-practice-hero {
	border-bottom: 6px solid #ceb88c;
	background: #479283;
}
#about-hero {
	border-bottom: 6px solid #ceb88c;
	background: #333;
}
#contact-hero {
	background: #ceb88c;
	border-bottom: 6px solid #eee3c8;
}
.page-template h3 {
	color: #479283;
}
.page-template #primary {
	position: relative;
}
#scales-of-justice {
	position: absolute;
	top: -50px;
	left: -346px;
}
.panel-default > .panel-heading {
	background-image: none !important;
	background: #f5f5f5;
	border-color: transparent !important;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: 0px solid transparent;
}
.panel {
	border: 0px solid transparent;
}
.panel-title {
	font-size: 24px;
	margin: 0;
	color: #333;
}
.panel-title a:hover {
	margin: 0;
	text-decoration: none !important;
	color: red;
}

a[aria-expanded="true"]:before {
	content: "\002b";
}
a[aria-expanded="true"] {
	font-weight: 700;
	color: #52a896;
	text-decoration: none;
}
.panel-title .collapsed:before {
	content: "\2212";
}
.page-template #primary ul {
	margin: 0 0 2em 1em;
}
.page-template #primary ul li {
	list-style: none;	
}
.page-template .entry-content ul li:before {
 	content: "\e013";
 	font-family: 'Glyphicons Halflings';
	margin-right: 1.5em;
	color: green;
}

.page-template-page-about #about-content {
	padding-bottom: 30%;
	background: url(../images/site-images/about-footer-image.jpg) no-repeat;
	background-size: contain;
	background-position: bottom center;
}
#cp, #jp, #mk {
	margin-bottom: 60px;
}
#cp img, #jp img, #mk img {
	margin-bottom: 15px;
}

.about-email-link {
	padding-left: 25px;
	font-weight: bold;
}
.about-email-link:before {
	content: "\2709";
	margin-right: 8px;
}
#wpcf7-f46-p43-o1 {
	border: 2px solid #479283;
	box-sizing: border-box;
	padding: 20px 10px;
	border-radius: 5px;
}
#wpcf7-f46-p43-o1 h4 {
	color: #479283;
	background: url(../images/site-images/blue-line.png) repeat-x;
	background-position: left center;

}
#wpcf7-f46-p43-o1 span {
	background: #fff;
	padding: 0 8px;
}
#contact-page-submit {
    background: url(../images/site-images/arrow.png) no-repeat #f18426;
    background-position: 95% center;
    font-size: 24px;
    padding: .5em 2.5em;
    border: none;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    border-radius: 6px;
    font-weight: bold;
}
#contact-page-submit:hover {
    background: url(../images/site-images/arrow.png) no-repeat #e56a00;
    background-position: 95% center;
    font-size: 24px;
    padding: .5em 2.5em;
    border: none;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    border-radius: 6px;
    font-weight: bold;
}
#home-submit, #contact-page-submit {
	width: 100%;
}
.disclaimer {
	display: block !important;
	font-style: italic;
	font-size: 1.1em;
	margin-bottom: 35px;
	margin-top: 10px;
}
#locations {
	background: #479283;
	padding: 25px 0 40px 0;
	color: #fff;
}
.address, .location-phone, .fax {
	position: relative;
}
.location-phone a {
	color: #fff;
	text-decoration: none;
}
.address:before {
 	content: "\e062";
 	font-family: 'Glyphicons Halflings';
	position: absolute;
	left: -25px;
}
.location-phone:before {
 	content: "\e182";
 	font-family: 'Glyphicons Halflings';
	position: absolute;
	left: -25px;
}
.fax:before {
 	content: "\e045";
 	font-family: 'Glyphicons Halflings';
	position: absolute;
	left: -25px;
}

@media (min-width: 600px) {

}
@media (min-width: 768px) {
ul, p {
	font-size: 1.2em;
}
#masthead {
	background: url(../images/site-images/header-background.jpg);
	height: 106px;
	padding-bottom: 0;
	box-shadow: 0 10px 10px rgba(0,0,0,.60);
}
#primary-menu .menu-item {
	margin: 0 25px;
	width: auto;
}
.menu-item-type-custom, #menu-item-52 {
	display: none;
}
#header-phone {
	position: absolute;
	right: 8%;
	margin-top: 0;
	color: #479283;
	font-size: 1.8em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	display: block;
}
#header-phone:hover {
	color: #333;
	text-decoration: none;
}

#header-phone:before {
	content: '\e111';
  	font-family: 'Glyphicons Halflings';
	margin-right: 8px;
	position: relative;
	top: 3px;
}
#home-submit, #contact-page-submit {
	width: auto;
}
#phone h1 {
	font-size: 1.8em;
	margin: 0;
	padding: 15px 0 10px 25px;
}
#homepage-hero {
	height: auto;
	background: url(../images/site-images/attorney-taking-notes-from-book.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
	border-bottom: 3px solid #52a896;
	position: relative;
	box-shadow: inset 0 10px 10px rgba(0,0,0,.40);
	padding-bottom: 0;
}
#wpcf7-f46-p43-o1 span {
	padding: 0 8px !important;
}
.interior-hero h2 {
	color: #fff;
	font-size: 1.6em;
	text-align: center;
}
.interior-hero {
	padding: 75px 0;
	box-shadow: inset 0 10px 10px rgba(0,0,0,.5);
}
#contactus {
	position: absolute;
	top: 40%;
	right: 0;
	display: block;
}
}
@media (min-width: 1024px) {
#header-phone {
	position: absolute;
	right: 8%;
	margin-top: 0;
	color: #479283;
	font-size: 1.8em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	display: block;
}

}
@media (min-width: 1200px) {

}
@media (min-width: 1366px) {
#header-phone {
	position: absolute;
	right: 10px;
	margin-top: 2.25%;
	color: #479283;
	font-size: 1.8em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	display: block;
}
}
@media (min-width: 1440px) {
}
@media (min-width: 1600px) {
#header-phone {
	position: absolute;
	right: 8%;
	margin-top: 1.75%;
	color: #479283;
	font-size: 1.8em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	display: block;
}
}
@media (min-width: 1920px) {

}
/*===============================
	TYPOGRAPHY
===============================*/
/*===============================
	TYPOGRAPHY
===============================*/
/*===============================
	TYPOGRAPHY
===============================*/
/*===============================
	TYPOGRAPHY
===============================*/