/*colors
green: 95a725
light blue: 709ab1
dark blue: 002843
medium blue: 0d405c */

html,body {
	font-family: 'Gentium Basic', serif;
	height: 100%;
}

p, ul {font-size:1.1rem;}

a.anchor {
	display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}
@media only screen and ( max-width: 40em ) /* small */ {
	html,body { height:auto; -webkit-overflow-scrolling: touch;}
}

/* for blog styles */

.feedburnerFeedBlock ul, .feedburnerFeedBlock li {
    list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

div #creditfooter { 
    display: none; 
}

.feedburnerFeedBlock .headline a, .feedburnerFeedBlock .headline a:visited, .feedburnerFeedBlock .headline a:hover, .feedburnerFeedBlock .headline a:focus {
    text-decoration:none;
	pointer-events: none;
	cursor:default !important;
	color:#407b7e !important;
	font-size:2.5rem;
	line-height:2.2rem;
	font-family:'Gentium Basic', serif;
	font-weight:700;
}

/* newsletterForm*/	

div#mc_embed_signup {
	float: left;
	/*padding: 5px;	*/
	margin: 20px 0px 20px 0px;
	width: 100%;
	background-color: none;
	border-radius:3px;
	font-size: 14px !important;
}

.asterisk {
	color: #95a725 !important;
}

div#mc_embed_signup .button {
	background-color: transparent;
	border: 2px solid #95a725;
	color:#95a725 !important;
	line-height:1rem;
}

div#mc_embed_signup .button:hover {
	background-color: #95a725;
	color:#ffffff !important;
	border: 2px solid #95a725;
	border-radius:2px;
}

div#mc_embed_signup input {
	color: #000; 
	width:200px;
	padding: 6px;
	border-radius:3px;
	font-size:14px;
}

form { margin: 0;}
#hiddenNews {display:none;}

label {font-size: 0.78rem;}


/* Hero */
.hero {
background:
	radial-gradient(ellipse at center, rgba(112,155,177,1) 25%,rgba(112,155,177,0) 100%),
	url(../images/pageLayout/bgpattern.png) repeat,
	radial-gradient(ellipse at center, rgba(113,155,177,1) 0%,rgba(13,65,92,1) 100%);
}

/* Header */
#header {
	background: rgba(255, 255, 255, 1);
	padding-top:0.5rem;
	position:fixed;
	width: 100%;
	z-index:9999;
	box-shadow: 0px 0px 5px #002742;
}

#header p, #header p a {
	font-size:1rem;
	color: #002743;
	margin-top:0.25rem;
}

.header-phone a {color: #95a725 !important;}

@media only screen and ( max-width: 40em ) /* small */ {
	#header {position:relative;}
	#hero-bg {height:75%;}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em)  /* medium */ {
	#header p, #header p a {
	font-size:0.9rem;
	}
 }

/* header2 */

#header2 {text-align: center; padding:15rem 0 8rem; }

#header2 h2 {
	font-family: 'Open Sans', sans-serif;
	color:#ffffff; 
	font-weight:700; 
	font-size: 3.75rem; 
	text-transform:uppercase; 
	line-height:4.25rem; 
	text-shadow: 2px 1px 3px #002843;
}

#header2 .button {margin-top:2rem; }


@media only screen and (min-width: 40.063em) and (max-width: 64em)  /* medium */{
	#header2 {padding: 15rem 0 8rem;}
	#header2 h2 {font-size:2.6rem; line-height:3rem;}
}

@media only screen and ( max-width: 40em ) /* small */ {
	#header2 {padding:4rem 0;}
	#header2 h2 {font-size:2.25rem; line-height:2.25rem;}
	#header2 .button {margin-top: 0;}
}

/* Practice Areas */
#PracticeAreas {background: #002743; padding:2rem 0; box-shadow: inset 0 0px 5px -5px #000;}

#CrisisPlanning {background: url(../images/pageLayout/pic1.jpg) 50% 50% no-repeat; background-size:cover;}
#ElderLaw {background: url(../images/pageLayout/pic2.jpg) 50% 50% no-repeat; background-size:cover;}
#EstatePlanning {background: url(../images/pageLayout/pic3.jpg) 50% 50% no-repeat; background-size:cover;}

#PracticeAreas figure {
	height:12rem; 
	margin:0;
	overflow:hidden;
}

#PracticeAreas figcaption {
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 75%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 75%);
	-webkit-transform: translate3d(0,70%,0);
	transform: translate3d(0,70%,0);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

#PracticeAreas figcaption h3 {
	position: absolute;
	top: 10%;
	left: 0;
	padding:2rem;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

#PracticeAreas figcaption p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1rem 2rem;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
	color:#0d405c;
	font-size:1rem;
}

#PracticeAreas a:hover figcaption h3 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

#PracticeAreas a:hover figcaption,
#PracticeAreas a:hover figcaption p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity:1;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em)  /* medium */{
	#PracticeAreas figcaption h3 {padding: 1rem 0.5rem; font-size:1.5rem;}
	#PracticeAreas figcaption p {padding: 1rem 0.5rem;}
	#PracticeAreas a:hover figcaption h3 {
		-webkit-transform: translate3d(0,55px,0);
		transform: translate3d(0,55px,0);
	}
}

@media only screen and ( max-width: 40em ) /* small */ {
	#PracticeAreas figure {margin-bottom:1rem;}
}

/* body section */
.bodySection{ background: #fff; padding-bottom: 3rem; padding-top:10rem;}

/* About Attorney Section */
#aboutAttorney {
	background: 
	linear-gradient(to bottom, rgba(13, 64, 92, 0.9) 25%, rgba(13, 64, 92, 0.4) 100%),
	url(../images/pageLayout/bgpattern.png) repeat,
	#0d405c;
	padding:4rem 0 2rem;
}

#aboutAttorney h3 {
	color: #ffffff; 
	font-size: 2rem;
	text-transform:uppercase;
	line-height:1;
	margin-top:0;
}

#aboutAttorney h4 {
	font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 0;
	color: #ffffff;
}

#aboutAttorney p {color: #ffffff; font-size:1.1rem;}

@media only screen and ( max-width: 40em ) /* small */ {
	#aboutAttorney img {display: block; margin:0 auto;}
	#aboutAttorney h3, #aboutAttorney h4 {text-align:center;}
	#aboutAttorney .button {display: block; margin:0 auto;}
}

/* resources section */
#Resources {
	padding: 1rem 0 1rem; 
	background:linear-gradient(to top, rgba(13, 64, 92, 0.9) 25%, rgba(13, 64, 92, 0.4) 100%),
	url(../images/pageLayout/bgpattern.png) repeat,
	#0d405c;
	}
	
#Resources h3 {
	text-align:center; 
	color:#ffffff; 
	margin-bottom:1rem;
	font-size:2rem;
}

#Resources article {background: rgba(255, 255, 255, 1); border:none; position:relative;}
#Resources h4 {color:#002843; text-align:center;}
#Resources p {color:#002843;}
#Resources hr {border-color: #002843;}

#Resources a > article {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

#Resources a:hover > article {
	transform:translateY(-1rem);
	-webkit-transform:translateY(-1rem);}

/* social media */
.followUs {margin-top: 0.75rem;}
.followUs .size-36 {font-size:1.5rem !important;}

.followUs a:link, .followUs a:visited {color:#719bb1 !important;}
.followUs a:hover, .followUs a:active {color:#94a625 !important;}
.followUs .small-block-grid-6 > li {padding-bottom: 0;}

.twitter {margin-top:-1rem;}
#Share {text-align: center;}
#Share h2 {color: #ffffff;}
#Share .size-36 {font-size:2rem;}
#Share a:link, #Share a:visited {color:#ffffff;}
#Share a:hover, #Share a:active {color: #95a625;}
 
@media only screen and (min-width: 40.063em) and (max-width: 64em)  /* medium */{
	#socialMedia {text-align:center;}
	.twitter {margin-bottom:0;}

}
@media only screen and ( max-width: 40em ) /* small */ {
	.twitter {margin-bottom: 0;}
}


/*Contact Form*/

.contactSection {
	background: 
	linear-gradient(rgba(0, 40, 67, 0.75),rgba(0, 40, 67, 0.75)), 
	url(../images/pageLayout/bgfield.jpg) center center no-repeat; 
	background-attachment: fixed;
	padding:2rem 0;
}
	
.contactSection h2 {
	font-family:'Open Sans', sans-serif; 
	color: #ffffff; 
	text-align:center;
	font-size:2.5rem;
	text-transform:uppercase;
	margin-top:0;
	margin-bottom: 1.5rem;
	font-weight:700;
	text-shadow: 2px 1px 3px #002843;
}

.contactSection h3 {
	font-family:'Gentium Basic', serif;
	color:#ffffff;
	text-align:center;
	margin-bottom: 0;
	text-shadow: 2px 1px 3px #002843;
}

.contactForm {padding: 1rem 0;}

.contactForm img {display:block; text-align:center; margin:0 auto; border:0;}

.contactForm input, .contactForm textarea {border: none; background-color: rgba(255,255,255,0.75);}
.contactForm .button {background: transparent; border: 2px solid #94a625;}

.reveal-modal.open {background-color: #0d405c; display:inherit !important; z-index:9999;}
.contactForm.show-for-small-only {display: none !important;}

::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

:-ms-input-placeholder {  
   color: #000;  
}

@media only screen and ( max-width: 40em ) /* small */ {
	.reveal-modal.open { display:inherit !important; min-height:50vh; margin-top:70px;}
	.reveal-modal .close-reveal-modal {font-size: 1.5rem; top: 0.4rem;}
}

/*footer styles*/
.footerNav {
	background: #002843;
	padding:0.5rem 0;
	margin-bottom:1rem;
}

.footerNav ul{
	display: table;
  margin: 0 auto;
  font-family:'Gentium Basic', serif;
}


.footerNav li a:link, .footerNav li a:visited {color: #94a625;}
.footerNav li a:active, .footerNav li a:hover {color: #ffffff;}

#footer {
	background: #0d405c;
	position:relative;
	z-index:2;
}

#footer h3 {color: #719bb1;}
#footer p {color: #ffffff;}


#footer p a:link, #footer p a:visited {color: #ffffff;}
#footer p a:hover, #footer p a:active {color: #94a625;}

#footer .size-24 {display:block !important; text-align:center;}
#footer span {display: inline-block;}

#footerSEO p {
	font-size:0.6rem !important;
	margin-top:1rem;
	margin-bottom: 0;
	text-align:left !important;
	color: #002843;
}

.copyright {
	color:#719bb1; 
	padding:0.5rem 0;
	position:relative;
	z-index:1;
}

.copyright p {font-size:0.5rem !important; margin-bottom:0.5rem; color: #719bb1 !important;}
.copyright a:link, .copyright a:visited {font-size:0.5rem; color: #719bb1;}
.copyright a:hover {color: #ffffff;}

.copyright .inline-list {margin-bottom: 0;}

#IMS-Sig {padding:0 0.5rem;}

@media only screen and (min-width: 40.063em) and (max-width: 64em)  /* medium */{
	#footer h3 {font-size:1.5rem;}
	#footer p {font-size:0.9rem;}
}

@media only screen and ( max-width: 40em ) /* small */ {
	#footer span .hide-for-small {display:none !important;}
	ul.footerNav {font-size:0.8rem; }
	#IMS-Sig {padding:0;}
	#footer .size-24 {display:inline-block !important;}
}



/* Text overrides */

h1 {
	font-family: 'Open Sans', sans-serif;
	color:#0e415c;
	font-weight:700;
	line-height:3rem;	
}

h2 {
	font-family: 'Open Sans', sans-serif;
	color: #709bb1;
	font-size: 2rem;
}

h3 {font-family: 'Gentium Basic', serif; color: #002843; }

h4 {font-family: 'Gentium Basic', serif; color: #002843; }

a:link, a:visited { color:#709ab1;}

a:hover, a:active {text-decoration:none; color: #94a625;}

.caption {font-size:0.8rem; font-style:italic;}

@media only screen and (min-width: 40.063em) and (max-width: 64em)  /* medium */{
	h2 {font-size:1.75rem;}
}

@media only screen and ( max-width: 40em ) /* small */ {
	h2 {font-size:1.75rem;}

}
/* variation to panel - frames for videos and other elements*/

.flex-video {
	margin-bottom: 0;
	padding-top:0;
	padding-bottom:56.5%;
}

.flex-video iframe {border:0;}

.vidbg {
	background-color: rgba(118, 155, 161, 0.5);
	width: 100%;
	height:250px;
	display:table;
}

.vidbg p {
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}

/* for iframes */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,  
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border:0;
}

/*Special Needs tabs*/
.tabs dd.active a {
	background: #efefef;
}

.tabs dd > a {
	background: #dedede;
	font-family: 'Gentium Basic', serif;
}

.tabs-content {
	background: #efefef;
	padding: 0 1rem;
}

.accordion dd > a {
	background: #dedede;
	border: 0.1rem solid #fff;
	font-family: 'Gentium Basic', serif;
}

.accordion .content.active {
	background: #efefef;
}

/* button overides*/

.button {
	background: #95a625;
	border: 2px solid #95a625;
	color: #ffffff !important;
	display: inline-block;
	vertical-align: middle;
	
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	font-family:'Open Sans', sans-serif;
	line-height: 0.75rem;
}

.button.secondary {
	border: 2px solid #002843;
	color: #ffffff !important;
	background: #002843;
}

.button:hover, .button:focus, .button:active, .button.secondary:hover, .button.secondary:focus, .button.secondary:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	background: #0e415c;
	color: #ffffff !important;
	border: 2px solid #0e415c;
}


/* icon sizes */
.size-24 {font-size:1.5rem !important;}
.size-36 {font-size:2rem !important;}

/* Navigation */
.contain-to-grid {margin-top:-1.5rem;}

.contain-to-grid, .top-bar, .top-bar.expanded, .top-bar.expanded .title-area, .top-bar-section ul, .top-bar-section ul li, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background: transparent;}

.top-bar .name {float:left; height:70px; background:transparent; clear:none;}
.top-bar .button2 {width: 20%; padding:0.5rem;}
.top-bar-section ul li > a.button {background: transparent; border: 1px solid #002843; color: #002843 !important;}


.top-bar .toggle-topbar a {
	height:auto;
	line-height:0;
	padding: .45rem 0 .35rem 0;
}

.top-bar-section ul li > a, .top-bar-section .dropdown li.title h5 a {
	color:#002743;
	font-family:'Open Sans', sans-serif;
	font-size:0.9rem;
	text-transform:uppercase;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background: transparent !important;
	padding: 0 1rem;
	color: #002743 !important;
	line-height:2.25rem;
}

.top-bar-section .has-dropdown > a:after {display: none;}
.top-bar-section li:not(.has-form) a:not(.button):hover {background: #95a725 !important; color: #ffffff !important;}
.top-bar-section .has-dropdown > a {padding-right: 1rem !important;}

.top-bar-section ul.dropdown {
	background: #ffffff; 
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.top-bar-section .dropdown li a {color: #001a36; text-align:left;}

@media only screen and ( max-width: 40em ) /* small */ {
	.contain-to-grid {margin-top:0rem;}
	.top-bar-section {margin-top:0; display:block;}
	.top-bar, .top-bar .name {height:60px; }
	.top-bar .logo {padding-right: 4rem;}
	.top-bar-section .has-dropdown > a:after {border-color: transparent transparent transparent #abc2ab;}
	.top-bar-section .dropdown {box-shadow: none;}
	.top-bar-section li:not(.has-form) a:not(.button) {padding: 0.5rem 0.75rem;}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em)  /* medium */{
	.contain-to-grid {margin-top:0;}
	.top-bar-section {margin-top:0; display:block;}
	.top-bar-section .dropdown li a {font-size:0.75rem;}
	.top-bar-section li:not(.has-form) a:not(.button) {padding:0 0.7rem;}
	.top-bar-section ul li > a, .top-bar-section .dropdown li.title h5 a {font-size:0.85rem;}
	.top-bar-section .has-dropdown > a {padding-right:0.7rem !important;}
}