body { font-family:Arial, sans-serif; color:#4d4d4f; }
a:hover { text-decoration:none; }
button:focus {outline:0;}
hr { padding:0; width:350px; margin:30px auto; }
h1 { font-size:26px; margin:0; padding:0; color:#fff; text-align:center; }
h2 { font-size:18px; font-weight:bold; margin:0; padding:0; }
section > header p { font-size:18px; line-height:30px; margin-bottom:5px; }
article > header p { font-size:16px; }
article p { font-size:14px; line-height:22px; }

.text-green { color:#33715a; }
.bg-green { background:#2e966f; color:#fff; }
.icon { margin-bottom:30px; }
.no-bull { margin:0; padding:0; list-style-type:none; }
.vertical-center { position:absolute; top:50%; transform:translateY(-50%); }
.spaced li { padding-bottom:10px; font-weight:bold; }
.indent { padding-left:15px; display:block; }

#header { position:relative; border-top:8px solid #2e966f; }
.logo { margin:30px 0; position:relative; }
.logo.is-active { z-index:20; }
#hamburger { display:none; }
#nav { z-index:10; }
#nav ul a { display:block; position:relative; font-size:14px; color:#666; height:26px; line-height:26px; padding:0 7.5px; box-sizing:border-box; }
#nav-mask { z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; transition:opacity 0.25s ease-out;}
#nav-mask.is-active { z-index:5; opacity:.4; cursor:pointer; transition:opacity 0.25s ease-in; }

#hero { background-size:cover; }
#hero .caption { display:block; background:#2e966f; }

#front-page article h2 { margin-bottom:30px; }

section > header, #content footer, #content article { padding-top:40px; padding-bottom:40px; }


#fnf { text-align:center; padding:40px 0; }

#therapeutic-expertise ul h2 { font-size:14px; margin:10px 0 0; }

.comment { color:#2e966f; padding:20px 20px 20px 70px; border:1px solid #b4b4b4; position:relative; margin:0 auto 40px; }
.comment:after { content:' '; width:91px; height:86px; display:block; position:absolute; left:-43px; top:50%; transform:translateY(-50%); }
.comment.female:after { background:url(../images/comment-woman.png) 0 0 no-repeat; }
.comment.male:after { width:113px; background:url(../images/comment-man.png) 0 0 no-repeat; left:-57px; }

.item { position:relative; }
.panel { background:#f1f1f3; height:265px; position:relative; margin-bottom:0; text-align:center; }
.panel .vertical-center { left:50%; transform:translate(-50%, -50%); }
.popout ul { padding:0 10px 0 10px; list-style-type:none; text-align:left; margin:0; font-size:14px; }
.popout ul:first-child { padding-top:20px; }
.popout ul:last-child { padding-bottom:30px; }
.popout ul li { padding-bottom:3px; }

#footer { background:#33715a; color:#fff; padding-top:60px; padding-bottom:40px; text-align:center; }
#footer img { margin:0 auto; margin-bottom:30px; }
.encrypt-email {
	cursor: pointer;
}

@media (min-width:1430px) {
	.container { width:1400px; padding-left:85px; padding-right:85px; }
	#content .row { margin-left:-85px; margin-right:-85px; }
}
@media (max-width:1199px) {
	#hamburger { display:block; position:absolute; right:0; top:20px; z-index:20; }
	#nav { display:none; }
	.logo { max-width:66%; }
	#nav { border-bottom:8px solid #2e966f; max-height:0; overflow:hidden; transition:max-height 0.25s ease-out; width:100%; display:block; position:absolute; top:-8px; left:0; background:#fff; }
	#nav.is-active { max-height:500px; transition:max-height 0.25s ease-in; }
	#nav .logo { margin-top:38px; }
	#nav ul { list-style-type:none; margin:120px 0 20px 0; padding:15px; text-align:right; }
	#nav li { padding:0; margin:0; }
	#nav ul a { line-height:36px; font-size:18px; font-weight:bold; height:auto; padding:0 30px; }
	#nav ul a:hover { background:#2e966f; border-radius:4px; color:#fff; }
	#hero .caption { position:relative; border-top-left-radius:0; border-bottom-left-radius:0; width:100%; padding:15px; }
	.item:last-child .popout { margin-bottom:50px; }
}
@media (max-width:768px) {
	h1 { font-size:18px; }
	.icon { width:100px; }
}

@media (min-width:1200px) {
	#nav { float:right; position:absolute; top:76px; z-index:5; right:0; }
	#nav ul { list-style-type:none; padding:0; margin:0; }
	#nav li { display:inline-block; padding:0; margin:0; }
	#nav a:hover { color:#2e966f; }
	#nav a:after { content:" "; position:absolute; top:0; left:0px; width:100%; display:block; }
	#nav a.active { color:#fff; padding:0 20px; }
	#nav a.active:after { background:#2e966f; padding:0 0px; height:100%; border-radius:4px; box-sizing:content-box; z-index:-1; }
	#hero { height:540px; }
	#hero .caption { position:absolute; bottom:60px; right:0; width:480px; height:130px; border-top-left-radius:10px; border-bottom-left-radius:10px; }
	#hero .caption h1 { position:absolute; top:50%; transform:translateY(-50%); width:100%; }
	.comment { width:670px; }
	.panel { margin-bottom:185px; }
	.item:hover .popout { max-height:1000px; transition:max-height 0.25s ease-in; }
	.popout { overflow:hidden; max-height:0px; transition:max-height 0.25s ease-out; z-index:10; width:90%; border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin:0; position:absolute; top:100%; left:5%; }
	.popout {
		background: rgb(42,91,73);
		background: -moz-linear-gradient(top, rgba(39,132,97,1) 0%, rgba(46,150,111,1) 4%);
		background: -webkit-linear-gradient(top, rgba(39,132,97,1) 0%,rgba(46,150,111,1) 4%);
		background: linear-gradient(to bottom, rgba(39,132,97,1) 0%,rgba(46,150,111,1) 4%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5b49', endColorstr='#33715a',GradientType=0 );
	}
}