/************************ Directory ************************/

/****** Views ******/

/* Alumni */

.alumni h2 {
	margin: 0 0 1em 0;
	}

.alumni .fas {
	color: #FEBC11;
	}

.alumni {
  	overflow-wrap: break-word;
	}

.alumni .views-row {
	padding: .5em 0;
	border-bottom: 1px solid #DCE1E5;
	overflow: hidden;
	clear: both;
	}
	
.alumni .views-row:last-of-type {
	padding: .5em 0;
	border-bottom: none;
	}	

/* Directory Icons */

/* Content */

.page-node-type-people .fab,
.page-node-type-people .fas,
.page-node-type-people .icon {
	color: #FEBC11;
	}

/* Views */

.path-people .directory-fa-icons a {
	color: #FEBC11;
	}

.path-people .directory-fa-icons a:hover,
.path-people .directory-fa-icons a:focus {
	color: #e5b53d;
	}
	
/* Directory Buttons */
	
.path-people .directory-button a {
	border-radius: .125em;
	font-size: .75em;
	text-decoration: none;
	float: left;
	padding: .25em .5em;
	margin: .25em .5em .25em 0;
	}
	
.path-people .directory-button a { 
  	color: #000;
  	background: #DCE1E5; /* Default background color */
  	text-decoration: none;
 	}	

.path-people .directory-button a:hover,
.path-people .directory-button a:focus {
	border: none;
	color: #fff;
  	background: #5E707E; /* Hover background color */
	text-decoration: none;
	}

/* Directory Teaser */

.directory-teaser {
  	overflow-wrap: break-word; /* Prevents text from overflowing div box */
	}

.directory-teaser .views-row {
	padding: .5em 0;
	border-bottom: 1px solid #DCE1E5;
	overflow: hidden;
	clear: both;
	}
	
.directory-teaser .views-row:last-of-type {
	border-bottom: none;
	}

/* Grid Teaser */	

.grid-teaser .views-field-title {
	padding: .25em 0 0 0;
	margin: 0;
	}

/* People Teaser */	

.people-teaser .views-row {
	padding: .5em 0;
	}
	
.people-teaser .field--name-body p,
.people-teaser .field--name-field-job-title {
	padding: .125em 0;
	margin: 0;
	}	

/****** Begin breakpoint: desktop ******/
  
@media all and (min-width: 60.0625em) {

/* Alumni View */

.alumni .views-view-grid .views-col {
	float: left;
    width: 25%;  	
  	margin: 0;
    padding: .25em;
	}

/* Directory Teaser */

.directory-teaser .group-first {
	float: left;
    width: 30%;  	
  	margin: 0;
    padding: .25em .75em .25em 0;
	}

.directory-teaser .group-second {
	float: left;
    width: 70%;  	
   	margin: 0;
    padding: .25em;
	}
	
.directory-teaser .group-third {
	float: left;
    width: 40%;  	
  	margin: 0;
    padding: .25em;
	}
	
.directory-teaser .group-fourth {
	float: left;
    width: 30%;  	
  	margin: 0;
    padding: .25em;
	}

/* Grid Teaser */

.grid-teaser .views-col .views-field-field-image {
	width: 96%;
	}

.grid-teaser .views-col {
  	width: 25%;
	}

.grid-teaser .views-col {
  	margin-bottom: 1em;
	}

/* People Teaser */

.people-teaser .group-left {
	width: 10%;
  	margin: 0;
    padding: 0;
	}

.people-teaser .group-right {
    width: 90%;  	
  	margin: 0;
    padding: 0 0 0 1em; 
	}
	
/* People Node */	

.page-node-type-people .ds-2col-stacked .group-left {
  	float: left;
    width: 30%;  	
  	margin: 0;
    padding: 0 0 1em 0; 
	}

.page-node-type-people .ds-2col-stacked .group-right {
  	float: left;
  	width: 70%;
  	margin: 0;
    padding: 0 0 1em 2em; 
	}

}
/****** End breakpoint: desktop ******/

/****** Begin breakpoint: tablet ******/
  
@media all and (min-width: 45.0625em) and (max-width: 60em) {

/* Alumni View */

.alumni .views-view-grid .views-col {
	float: left;
    width: 33.33%; 	
  	margin: 0;
    padding: .25em;
	}
	
/* Directory Teaser */

.directory-teaser .group-first {
	float: left;
    width: 14%;  	
  	margin: 0;
    padding: .25em .75em .25em 0;
	}

.directory-teaser .group-second {
	float: left;
    width: 30%; 	
   	margin: 0;
    padding: .25em;
	}
	
.directory-teaser .group-third {
	float: left;
    width: 56%; 	
  	margin: 0;
    padding: .25em;
	}
	
.directory-teaser .group-fourth {
	float: none;
    width: 100%;   	
  	margin: 0;
    padding: .25em;
    clear: both;
	}	
	
/* Grid Teaser */

.grid-teaser .views-col .views-field-field-image {
	width: 96%;
	}

.grid-teaser .views-col {
  	width: 33.33%;
	}

.grid-teaser .views-col {
  	margin-bottom: 1em;
	}

/* People Teaser */

.people-teaser .group-left {
	width: 14%;
  	margin: 0;
    padding: 0;
	}

.people-teaser .group-right {
    width: 86%;  	
  	margin: 0;
    padding: 0 0 0 1em; 
	}
	
/* People Node */	

.page-node-type-people .ds-2col-stacked .group-left {
  	float: left;
    width: 40%;  	
  	margin: 0;
    padding: 0 0 1em 0; 
	}

.page-node-type-people .ds-2col-stacked .group-right {
  	float: left;
  	width: 60%;
  	margin: 0;
    padding: 0 0 1em 2em; 
	}
	
}
/****** End breakpoint: tablet ******/

/****** Begin breakpoint: mobile ******/
@media all and (max-width: 45em) {

/* Alumni View */

.alumni .views-view-grid .views-col {
	float: none;
    width: 100%; 	
  	margin: 0;
    padding: .25em;
	}
	
/* Directory Teaser */

.directory-teaser .group-first {
	float: left;
    width: 28%;  	
  	margin: 0;
    padding: .25em .75em .25em 0;
	}

.directory-teaser .group-second {
	float: left;
    width: 72%; 	
   	margin: 0;
    padding: .25em;
	}

.directory-teaser .group-third {
	float: none;
    width: 100%; 	
  	margin: 0;
    padding: .25em;
	}
	
.directory-teaser .group-fourth {
	float: none;
    width: 100%;   	
  	margin: 0;
    padding: .25em;
    clear: both;
	}

/* Grid Teaser */

.grid-teaser .views-col .views-field-field-image {
	width: 100%;
	}

.grid-teaser .views-col {
  	width: 100%;
  	margin-bottom: 1em;
	}

/* People Teaser */

.people-teaser .group-left {
	float: none;
    width: 100%; 
  	margin: 0 0 .5em 0;
    padding: 0;
	}

.people-teaser .group-right {
	float: none;
    width: 100%;  	
  	margin: 0;
    padding: 0; 
	}

/* People Node */	

.page-node-type-people .ds-2col-stacked .group-left {
  	float: none;
    width: 100%;  	
  	margin: 0;
    padding: 0 0 .5em 0; 
	}	

.page-node-type-people .ds-2col-stacked .group-right {
  	float: none;
    width: 100%;  	
  	margin: 0;
    padding: 0; 
	}
	
/* Exposed Filters: Activate if you want to hide in views */

.views-exposed-form { 
	display: none;
	}

}
/****** End breakpoint: mobile ******/