/* General Styles */
body {
	font-family: 'Open Sans', sans-serif;
}
img {
	max-width: 100%;
}
.centered {
	text-align: center;
}
.btn-primary {
	background-color: #1191D5;
	border-color: #1191D5;
	text-transform: uppercase;
}
.resource-btn { 
	color: #fff !important; 
	transition: all .2s ease-in; 
	margin-top: .5em; 
}
a:visited,
a:active,
a:link { color: #1240AB;
	text-decoration: none; }
a.active { color: #4cc1fc;
	font-weight: 700; }
a.btn {
	color: #fff;
}
.header {
	position: relative;
	background: url('../img/cover-boy-teacher.jpg') top left no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 377px;
}
.employment {
	width: 100vw;
	background-color: #CC3180;
	background-size: cover;
	margin: 0;
	padding: 20px 20px;
}
.employment .opportunity {
	text-align: center;
}
.employment .opportunity h3 {
	font-weight: 700;
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.063em;
}
.employment .opportunity h3 a {
	color: #fff;
}
.therapy {
	position: relative;
	background: url('../img/boy-arms-teacher.jpg') top left no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 377px;
}
.about {
	position: relative;
	background: url('../img/therapist-a.jpg') top left no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 377px;
}
.social {
	position: relative;
	background: url('../img/group-of-teens.jpg') top left no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 377px;
}
.therapy-head h1,
.about-head h1 {
	margin-top: 1em;
}
.therapy-head p,
.mission p {
	margin-bottom: 1.6em;
}
.disorders1,
.disorders2 { padding-bottom: 3em; }
.disorders1 h2,
.disorders2 h2 { padding-bottom: 1em; }
.staff-intro {
	padding-bottom: 3.5em;
}
.staff-intro h2 {
	margin-bottom: 1em;
}
.staff {
	background-color: #6F6E6D;
	padding-top: 2.5em;
	padding-bottom: 3.5em;
}
.staff h2,
.staff h3,
.staff h4,
.staff p,
.staff blockquote { color: #fff; }
.staff blockquote {
	border: none;
	font-size: 2em;
	font-style: italic;
	color: #ddd;
	transition: all .2s ease-in;
}
.staff blockquote:hover {
	cursor: pointer;
	color: #fff;
}
.staff h2 {
	font-size: 2.2em;
	font-weight: 700;
	padding-bottom: 1em;
}
.staff h3 {
	line-height: 1.5;
	font-weight: 700;
}
.contact {
	position: absolute;
	left: 75%;
	top: 20%;
	width: 300px;
	height: 250px;
	background: url('../img/contact-bubble.svg') top left no-repeat;
}
.contact-info {
	color: #fff;
	width: 300px;
	position: absolute;
	top: 29px;
	left: 52px;
}
.contact-info a { 
	color: #fff;
	text-decoration: none;
}
.contact-info .contact-title {
	color: #B6E6FF;
	font-weight: 700;
}
.logo img {
	padding-top: 2em;
	padding-bottom: 1em;
}
/*.nav { height: 7em; }*/
.mini-nav {
	list-style: none;
	margin-top: 6em;
}
.mini-nav li {
	float: left;
	padding: 1.1em;
	font-size: 1.25em;
	text-transform: uppercase;
	font-weight: 700;
}
.mini-nav li a {
	transition: all .2s ease-in-out;
	cursor: pointer;
}
.mini-nav li a:hover {
	color: #4cc1fc;
}
.intro {
	background: #1240AB;
	color: #fff;
	line-height: 1.6;
}
.intro .welcome,
.intro .resource { padding: 2em 1.5em; }
.intro .welcome h1 { font-size: 1.375em; margin-top: 0;}
.ins { padding-top: 1em;
	padding-bottom: 0; }
.logos { display: flex; }
.logos img { margin: auto;}
.insurance { 
	background: #6F6E6D;
 	padding: 2em 1.5em; 
 	color: #fff;
	font-weight: 400; 
}
.map { min-height: 280px;
	background: url('../img/map-redraw-2x.png') top left no-repeat;
	background-size: cover;
}
.modal-content {
	padding: 2em 3em;
}
.footer {
	background: #002B63;
	padding: 2em 1.5em;
	color: #fff;
	font-weight: 400;
}
.footer a {
	color: #fff;
}
.footer .contact-column { 
	text-align: right;
}
.getting-started h1 {
	padding-top: .5em;
	padding-bottom: .5em;
}
.getting-started .swing-pic {
	padding-top: 1.5em;
	padding-bottom: 1em;
}
.getting-started .child-therapy {
	padding-top: 1.5em;
	padding-bottom: 2em;
}
.testimonial {
	padding-top: 2.6em;
	padding-bottom: 2.6em;
}
.testimonial blockquote::before {
	font-family: Arial;
	content: "\201C";
	color: #002863;
	font-size: 4em;
	position: absolute;
	left: 10px;
	top: -10px;
}
.testimonial blockquote {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.8;
	font-style: italic;
	border-left: 5px solid #002B63;
	color: #6f6e6d;
	padding: 1.2em 30px 1.2em 75px;
	position: relative;
}
.testimonial blockquote::after {
	content: '';
}
.testimonial blockquote span {
	display: block;
	color: #333;
	font-weight: bold;
	margin-top: 1em;
}
@media only screen 
	and (min-device-width: 320px)
	and (max-device-width: 568px)
	and (-webkit-min-device-pixel-ratio: 2) {
	/* Hide Contact Bubble */
	.contact { display: none; }
	.logo img {
		margin-left: 0px;
		margin-top: 0px;
	}
	.mini-nav {
		margin-top: 1em;
	}
	.mini-nav li {
		font-size: .725em;
	}
	.footer .contact-column {
		text-align: left;
	}
	.map { background-position: 50% 75%; }
}