/* Images */
 img.portrait {
	border-radius: 50%;
	height: 300px;
	margin: 0;
}
		
/* Layout */
.containRow,
.containColumn {
	display: flex;
	flex-wrap: wrap;
}
.containRow {
	flex-direction: column;
	justify-content: flex-start;
	margin: 0 0 2em 0;
}
.containRow .containColumn {
	margin: 0 0 1em 0;
}
.nameContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	margin: 0 0 0.25em 0;	
}
.containColumn {
	flex-direction: column;
	width: 45%;
}
.column {
	flex-direction: row;
	justify-content: space-around;
}
@media screen and (max-width: 600px) {
 	.containRow {
		flex-direction: column;
		align-content: center;
	}
	.containColumn {
		width: 100%;
	}
}	

/* Icons */
.email::before,
.phone::before,
.office::before	{
	display: inline-block;
    margin: 0 .5em 0 0;
}
.email::before {
    content: url('/Backup-Legecy/discover/staff/faculty/images/mail.svg');
	 width: 16px;
}
.phone::before {
    content: url('/Backup-Legecy/discover/staff/faculty/images/phone.svg');
	width: 14px;
}
.office::before {
    content: url('/Backup-Legecy/discover/staff/faculty/images/pin.svg');
	 width: 12px;
}

/* Borders */
.containColumn {
    /* border-radius: 10px;
    border: 2px solid #4c4c4c; */
	background-color: #effbfe;
}
img.portrait + .containColumn {
	border: none;
}

/* Typography */
h1 {
	padding: 0 .25em 0 0;
}
p {
	margin-top:0;
}
h3 {
	padding-top:1.5em;
}
address a {
	line-height: 2em;
}
.containRow .containColumn p.dept {
	color: #132e6c;
    font-size: 1.5em;
	padding: 0;
	margin: 0 0 0.5em 0;
}
h2.title {
	font-size: 2em;
	border-radius: 10px 10px 0 0;
	margin: 0;
	padding: 0 0 0.25em;
}
h2.title::after {
	content: "";
    background: var(--casc-sky-blue);
    display: flex;
	margin: .5em 0;
    width: 81px;
    height: 9px;
}
h2.title.course {
	font-size: 1.5em;
	padding: 1em 1em 0.5em 1em;
	margin: 0.75em 0 0;
}
.title.course + ul {
	flex-direction: row;
}				
h2.title + ul {
	display: flex;
	flex-direction: column;
    flex-wrap: wrap;
	border-radius: 0 0 10px 10px;
	padding: 0 1em 1em 3em;
	margin: 0 0 1em 0;
}
.single ul {
	margin: 0;
}
h2.title.course,
h2.title.course + ul {
	background: #DDD;
	color: black;
}
h2.title + ul li {
	margin: 0 3em 0 0;
}
.containRow p {
	padding: 0 0 1em 1.5em;
}
.containRow .containColumn p {
    padding: 0 1.5em 1em 1.5em;
}
.containColumn h2.title {
	padding: 0.5em;
}
.containRow .containColumn p.degree {
	color: #132e6c;
    font-size: 1.35em;
    margin: 0;
	padding: 0;
}