/*Stylesheet for TallTrees - Learning Community*/
/*Out Of The Box - duartbreedt@gmail.com*/


/* SECTIONS */
/* Section 01 */
#section-01 {
	padding-top: 0;
}
#section-01 img{
	width: 100%;
}
#section-01 .row {
	opacity: 0;
}
#section-01 .row:nth-child(2) img {
	margin-top: -50px;
}
.panel-group.our-educators {
	display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
}
.educator-profile {
	margin-top: 5px;
	margin-bottom: 0;
    border-radius: 4px;
    flex-basis: 48%;
    flex-shrink: 0;
}
.educator-profile h3 {
	margin: 0 0 20px 0;
    padding: 0;
    text-align: left;
    font-size: 35px;
}
.educator-profile h4 {
	font-family: 'calib';
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
}
.educator-profile p {
	margin: 0;
	padding: 0;
	text-align: left;
}
.educator-profile .panel-body {
	padding-top: 50px;
}
.inter-hyperlinks {
	margin-top: 50px;
}
.philosophy-icons > div {
	padding-left: 0px;
	padding-right: 0px;
}
.philosophy-icons {
	text-align: left;
}
.philosophy-icons .panel-title a {
	text-decoration: none;
	display: grid;
    grid-template-columns: 30% auto;
}
.philosophy-icons .panel-title a img {
	display: inline-block;
	width: 100%;
	padding: 0 10px 0 0;
}
.philosophy-icons .panel-title a:hover, .philosophy-icons .panel-title a:focus {
	text-decoration: none;
}
.philosophy-icons .panel-title a p {
	display: inline-block;
    align-self: center;
    font-family: 'letter';
    font-weight: bold;
    text-transform: uppercase;
    color: #AAA;
    font-size: 1.7rem;
    padding: 0;
    margin: 0;
}
.philosophy-icons .panel-body p {
	margin-top: 20px;
}
.quote-section {
	background-color: #668d7b;
	background-color: #AAA;
	color: #EEE;
}
.content-section {
	padding-bottom: 50px;
	padding-top: 50px;
}
@media all and (min-width: 1200px){
	#section-01 {
		background-image: url("/images/about/section-01-lg.jpg");
		height: 100vh;
	}
}
@media all and (max-width: 1200px){
	#section-01 {
		background-image: url("/images/about/section-01-md.jpg");
		height: 100vh;
	}
}
@media all and (max-width: 992px){
	#section-01 {
		background-image: url("/images/about/section-01-sm.jpg");
		background-attachment: scroll;
		height: 100vh;
	}
}
@media all and (max-width: 768px){
	#section-01 {
		background-image: url("/images/about/section-01-xs.jpg");
		background-attachment: scroll;
		height: 100vh;
	}
	.philosophy-icons .panel-title a p {
		font-size: 1.3rem;
		padding-bottom: 0;
	}
}