/* Interactive
   @mixin ========================================================================= */
/* */
menu {
  display: block; }

summary {
  display: list-item; }

/* Scripting
   @mixin ========================================================================= */
canvas {
  display: inline-block; }

template {
  display: none; }

/* Hidden
   @mixin ========================================================================= */
[hidden] {
  display: none; }

img {
  position: relative; }

.bio .wrap, main {
  width: 100%;
}
.bio h2 {
	font-size:1.5em;
	font-weight:900;
}
.wrap {
	width:100%;
  margin-left: auto;
  margin-right: auto; }
  .wrap::after {
    clear: both;
    content: "";
    display: block; }

@media screen and (max-width: 2560px) {
  .staff-thumbnails {
    position: relative;
  margin-bottom:20px;
    text-align: center;
    width: calc(25% - 25px);
    display: inline-block;
    margin-left: 20px; }
    .staff-thumbnails img {
     width:100%; } }

@media screen and (max-width: 1200px) {
  .staff-thumbnails {
    position: relative;
    text-align: center;
    width: calc(25% - 25px);
    display: inline-block;
    margin-left: 20px; }
    .staff-thumbnails img {
      width:100%; } }

@media screen and (max-width: 900px) {
  .staff-thumbnails {
    position: relative;
    text-align: center;
    width: calc(50% - 30px);
    display: inline-block;
    margin-left: 20px; }
    .staff-thumbnails img {
      width:100%; } }

@media screen and (max-width: 630px) {
  .staff-thumbnails {
    position: relative;
    text-align: center;
    width: calc(50% - 30px);
    display: inline-block;
    margin-left: 20px; }
    .staff-thumbnails img {
      width:100%; } }

@media screen and (max-width: 460px) {
  .staff-thumbnails {
    position: relative;
    text-align: center;
    width: calc(50% - 30px);
    display: inline-block;
    margin-left: 20px; }
    .staff-thumbnails img {
      width:100%; } }

.row-1,
.row-1a,
.row-1b,
.row-2,
.row-2a,
.row-2b,
.row-3,
.row-3a,
.row-3b,
.row-4,
.row-4a,
.row-4b,
.row-5,
.row-5a,
.row-5b,
.row-6,
.row-6a,
.row-6b,
.row-7,
.row-7a,
.row-7b {
  width: 0em;
  height: 0em;
  visibility: hidden;
  opacity: 0; }

.desktop-expansion-module.show-row {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.desktop-expansion-module .schedule {
  text-align: center;
  padding-top: 5em; }
  .desktop-expansion-module .schedule li {
    list-style-type: none;
    font-size: .8em;
    padding-top: 1.5em; }

.desktop-expansion-module img.bio.expanded.staff-img {
	
  width: 40%;
  height: auto;
  padding-top: 3em; }

.desktop-expansion-module .staff-bio {
	
  position: absolute;
  width: 100%;
  color: black;
  background-color: rgba(255, 255, 255, 1);
  display: inline-block;
  padding-bottom:3em;
}

.desktop-expansion-module .description, .desktop-expansion-module .social-media {
  padding-top: 1em;
  padding-bottom: 3em;
  width: calc(50% - 40px);
  float: left;
  clear: both;
  margin-left: 20px;
  margin-right:20px;
  line-height: 3.5em; }
  .desktop-expansion-module .description ul, .desktop-expansion-module .social-media ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    .desktop-expansion-module .description ul li, .desktop-expansion-module .social-media ul li {
      list-style-type: none;
      padding: 2em;
      float: left; }
      .desktop-expansion-module .description ul li img, .desktop-expansion-module .social-media ul li img {
        width: 100%;
        height: auto; }

.desktop-expansion-module .staff-img {
  height: 60%;
  width: auto;
  margin-left: 5em; }
.mobile-expansion-module h2 {
	
  padding-top:20px;
  text-align: center; }

.mobile-expansion-module p {
  padding-left: 4em;
  padding-right: 4em; }

.mobile-expansion-module .bio.staff-thumbnails {
  margin: 0px;
  float: left;
  width: 100%; }

.mobile-expansion-module .show-row {
  opacity: 1;
  visibility: visible;
  color: black;
  width: 100%;
  margin-left:20px;
  margin-right:20px;
  margin-bottom: 10em; }

.mobile-expansion-module .staff-bio {
  background-color: rgba(255, 255, 255, 1); font: inherit}
  .mobile-expansion-module .staff-bio:nth-child(1) {
    width: calc(100% - 140px);
    position: absolute; }
  .mobile-expansion-module .staff-bio:nth-child(2) {
    width: calc(100% - 140px);
    margin-bottom: 20em; }
  .mobile-expansion-module .staff-bio .description, .mobile-expansion-module .staff-bio .social-media {
	width:100%;
    float: none;
    clear: none;
    margin-left: 0px;
    line-height: 3.5em; }
    .mobile-expansion-module .staff-bio .description ul, .mobile-expansion-module .staff-bio .social-media ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
      .mobile-expansion-module .staff-bio .description ul li, .mobile-expansion-module .staff-bio .social-media ul li {
        list-style-type: none;
        padding: 2em;
        float: left;
  padding-bottom:3em;
	  }
        .mobile-expansion-module .staff-bio .description ul li img, .mobile-expansion-module .staff-bio .social-media ul li img {
          width: 50%;
          height: auto; }
  .mobile-expansion-module .staff-bio .staff-img {
	width:100%;
    height: auto;
    margin-left: 0px;
	margin-right:0px;
  }
  .mobile-expansion-module .staff-bio .staff-bio {
	width:100%;
    margin-left: 0px;
	margin-right:0px;
     }

.thumb-row::after {
  clear: both;
  content: "";
  display: block; }

.show-bio {
  opacity: 1;
  z-index: 2; }

.hide-bio {
  opacity: 0; }

@media screen and (min-width: 765px) {
  .mobile-expansion-module {
    display: none;
    visibility: hidden; } }

@media screen and (max-width: 765px) {
  .desktop-expansion-module {
    display: none;
    visibility: hidden; } }

.bio h4 {
  color:#FFFFFF !important;
  position: absolute !important;
  bottom:5%;
  text-align:right !important;
  padding-right:10% !important;
  width: 100% !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  font-size: 1em !important;
  -webkit-transition: .4s opacity !important;
  transition: .4s opacity !important; }
  @media screen and (max-width: 765px) {
}

h2 {
  padding-top:20px;
  font-weight: normal;
  font-size: 3em; }

h3 {
  font-size: 1.5em;
 }

img.bio.thumbs.grayscale-color.darken {
  -webkit-filter: grayscale(100%) brightness(65%);
  filter: grayscale(100%) brightness(65%);
  -webkit-transition: .5s filter;
  transition: .5s filter; }
  img.bio.thumbs.grayscale-color.darken:hover {
    -webkit-transition: .5s filter;
    transition: .5s filter;
    -webkit-filter: grayscale(0%) brightness(100%);
    filter: grayscale(0%) brightness(100%);
    cursor: pointer;
    transition: .5s filter; }
  img.bio.thumbs.grayscale-color.darken:hover + h4 {
    opacity: 0;
    -webkit-transition: .4s opacity;
    transition: .4s opacity; }

html {
  background-color: black;
  color: white; }

video {
  width: 100vw;
  width: auto;
  z-index: -800000000;
  position: fixed;
  left: 0px;
  -webkit-filter: grayscale(75%) brightness(75%) contrast(150%);
          filter: grayscale(75%) brightness(75%) contrast(150%); }