/***  1.3 THE GRID  ***/

.section, 
.container, 
.site-container, 
.section-container, 
.grid, 
.cols {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
}

.grid, 
.cols {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.section:after, 
.container:after, 
.site-container:after, 
.section-container:after, 
.grid:after, 
[class*="grid-"]:after, 
[class*="col-"]:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* Columns */

[class*="col-"] {
  width: 100%;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-eighth {width: 12.5%;} /*  1/8 Column  */
.col-sixth {width: 16.6666%;} /*  1/6 Column  */
.col-fifth {width: 20%;} /*  1/5 Column  */
.col-fourth {width: 25%;} /*  1/4 Column  */
.col-third {width: 33.3333%;} /*  1/3 Column  */
.col-three-eighths {width: 37.5%;} /*  3/8 Column  */
.col-two-fifths {width: 40%;} /*  2/5 Column  */
.col-half {width: 50%;} /*  1/2 Column  */
.col-three-fifths {width: 60%;} /*  3/5 Column  */
.col-five-eighths {width: 62.5%;} /*  5/8 Column  */
.col-two-thirds {width: 66.6666%;} /*  2/3 Column  */
.col-three-fourths {width: 75%;} /*  3/4 Column  */
.col-four-fifths {width: 80%;} /*  4/5 Column  */
.col-five-sixths {width: 83.3333%;} /*  5/6 Column  */
.col-seven-eighths {width: 87.5%;} /*  7/8 Column  */

@media screen and (min-width: 901px) and (max-width: 1200px) {
    
.laptop-col-eighth {width: 12.5%;} /*  1/8 Column  */
.laptop-col-sixth {width: 16.6666%;} /*  1/6 Column  */
.laptop-col-fifth {width: 20%;} /*  1/5 Column  */
.laptop-col-fourth {width: 25%;} /*  1/4 Column  */
.laptop-col-third {width: 33.3333%;} /*  1/3 Column  */
.laptop-col-three-eighths {width: 37.5%;} /*  3/8 Column  */
.laptop-col-two-fifths {width: 40%;} /*  2/5 Column  */
.laptop-col-half {width: 50%;} /*  1/2 Column  */
.laptop-col-three-fifths {width: 60%;} /*  3/5 Column  */
.laptop-col-five-eighths {width: 62.5%;} /*  5/8 Column  */
.laptop-col-two-thirds {width: 66.6666%;} /*  2/3 Column  */
.laptop-col-three-fourths {width: 75%;} /*  3/4 Column  */
.laptop-col-four-fifths {width: 80%;} /*  4/5 Column  */
.laptop-col-five-sixths {width: 83.3333%;} /*  5/6 Column  */
.laptop-col-seven-eighths {width: 87.5%;} /*  7/8 Column  */
.laptop-col-full {width: 100%;}
  
}

@media screen and (max-width: 900px) {

.col-custom, 
.col-eighth, 
.col-sixth, 
.col-fifth, 
.col-fourth, 
.col-third, 
.col-three-eighths, 
.col-two-fifths, 
.col-half, 
.col-three-fifths, 
.col-five-eighths, 
.col-two-thirds, 
.col-three-fourths, 
.col-four-fifths, 
.col-five-sixths, 
.col-seven-eighths {width: 100%;}

}

@media screen and (min-width: 601px) and (max-width: 900px) {
    
.tablet-col-fourth {width: 25%;}
.tablet-col-third {width: 33.3333%;}
.tablet-col-two-fifths {width: 40%;}
.tablet-col-half {width: 50%;}
.tablet-col-three-fifths {width: 60%;}
.tablet-col-two-thirds {width: 66.6666%;}
.tablet-col-three-fourths {width: 75%;}
  
}

@media screen and (min-width: 421px) and (max-width: 600px) {
		
.mobile-col-third {width: 33.3333%;}
.mobile-col-two-fifths {width: 40%;}
.mobile-col-half {width: 50%;}
.mobile-col-three-fifths {width: 60%;}
.mobile-col-two-thirds {width: 66.6666%;}
	
}

/* Spaced Columns */

.grid-spaced-xs, 
.cols-spaced-xs {
  width: calc(100% + 10px);
  margin: -5px;
}

.grid-spaced-sm, 
.cols-spaced-sm {
  width: calc(100% + 20px);
  margin: -10px;
}

.grid-spaced, 
.grid-spaced-md, 
.cols-spaced-md {
  width: calc(100% + 30px);
  margin: -15px;
}

.grid-spaced-lg, 
.cols-spaced-lg {
  width: calc(100% + 50px);
  margin: -25px;
}

.grid-spaced-xl, 
.cols-spaced-xl {
  width: calc(100% + 70px);
  margin: -35px;
}

.grid-spaced-xs > [class*="col-"], 
.cols-spaced-xs > [class*="col-"] {padding: 5px;}

.grid-spaced-sm > [class*="col-"], 
.cols-spaced-sm > [class*="col-"] {padding: 10px;}

.grid-spaced > [class*="col-"], 
.cols-spaced > [class*="col-"], 
.grid-spaced-md > [class*="col-"], 
.cols-spaced-md > [class*="col-"] {padding: 15px;}

.grid-spaced-lg > [class*="col-"], 
.cols-spaced-lg > [class*="col-"] {padding: 25px;}

.grid-spaced-xl > [class*="col-"], 
.cols-spaced-xl > [class*="col-"] {padding: 35px;}

.bio {position: relative;}

.bio-cols .bio-meta, 
.bio-cols .bio-meta li {
  margin-left: 0;
	list-style: none;
}

.bio-title {
	margin-top:10px;
}

.bio-position {
	margin-top:5px;
}

.bio-text-wrap {
	text-align:center;
}

/***  THUMB STYLES  ***/

.bio-cols .bio-inner {
  position: relative;
  display: block;
  overflow: hidden;
text-align: center;
}

.bio-cols .bio-link {cursor: pointer;}

.bio-cols .bio-inner .bio-portrait {margin-bottom: 10px;}

.bio-cols .bio-inner .bio-title, 
.bio-cols .bio-inner .bio-meta {margin: 0;}

@media screen and (max-width: 420px) {

.bio-thumb {
  text-align: center;
}

}



/***  DEPARTMENT SELECT  ***/

.department-select {max-width: 300px;}