@charset "utf-8";
/* CSS Document */

#people-box {
	margin: 0 auto;
	width: 75%;	
	height: auto;
	padding-top: 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-family: "Century Gothic", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

.people-info {
	margin: 0 auto;
	width: 28em;
	padding-right: 4em;
	padding-left: 4em;
	color: #000;
	font-size: .9em;
	line-height: 1.5em;
	text-align: justify;

}


p:first-child {font-size: 2em; color: #8DB630;}
h2 {font-size: 2em; color: #8DB630; font-weight: normal; padding: 0 0 20px 0; margin: 0;}


/* Accordion */

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	line-height: 1;
	font-family: "Century Gothic", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	position: relative;
}
#cssmenu li {border-radius: 1em;}
#cssmenu {
	margin: 0 auto;
	width: 35em;
	margin-top: 1.5em;
	padding-bottom: 2em;
}
#cssmenu a {line-height: 1.3;}
#cssmenu > ul > li:nth-child(odd) {background: #E6F7C1;}
#cssmenu > ul > li:nth-child(even) {background: #E7EFD6;}
#cssmenu > ul > li > a {
	font-size: .95em;
	display: block;
	padding-left: 1em;
	margin-bottom: .5em;
	color: #3C3C3C;
}
#cssmenu ul li > a > span {display: block; padding: 1em;}
.name:hover {text-decoration: none; font-weight: bold;}
#cssmenu > ul > li.active {border-bottom: none;}
#cssmenu > ul > li.has-sub > a {background: url(../images/icon_plus.png) 95% center no-repeat;}
#cssmenu > ul > li.has-sub.active > a {background: url(../images/icon_minus.png) 95% center no-repeat;}
#cssmenu ul ul {display: none; background: #fff;}
#cssmenu ul ul li {padding: .5em;}
#cssmenu ul ul p {
	padding-left: 1.6em;
	display: block;
	color: #676767;
	font-size: .9em;
	line-height: 1.3em;
}
.phone::before {content: url(../images/icon-phone.png); margin-right: 7px;}
.email::before {content: url(../images/icon-email.png); margin-right: 7px;}
.website::before {content: url(../images/icon-web.png); margin-right: 7px;}
.email-link, .website-link {color: #607A2E;}
.email-link:hover, .website-link:hover {color: #000; font-weight: bold;}
.email-link:visited, .website-link:visited {color: #607A2E;}
.specialty {
	font-size: .75em;
	font-style: italic;
	float: right;
	margin-right: 5em;
	margin-top: .25em;
}


/* Responsive Content */

@media all and (max-width: 1500px) {
	#cssmenu {width: 26em !important;}
	
}

@media all and (max-width: 640px) {
	#people-box {width: 100%;}
	.people-info{font-size: .8em; line-height: 1.5em;}
	#cssmenu {width: 65% !important;}
	#cssmenu ul li a {height: 4em; padding-bottom: .5em;}
	.specialty {width: 22em; float: left;}
	p:first-child {font-size: 1.8em;}
	h2 {font-size: 1.4em;}
}

@media all and (max-width: 480px) {
	.people-info{width: 75% !important; padding: 0 2em;}
	.specialty {width: 15em;}
	#cssmenu {width: 75% !important;}
	#cssmenu ul ul p {padding-left: 1.4em;}
}