/*
|===========================================================================================================
| app.css
|===========================================================================================================
| 
| ============
| TIPS & USAGE
| ============
| 
| 1. Next and indent your styles.
| 2. Keep styles organized (use headings, comments, and table of contents)
| 3. The name of your theme is placed as a class on the body tag.
| 4. Use that class to prefix and define all your styles within common containers so as not to override required styles in the header and footer.
| 5. The most common containers will be ".page" and ".feature" but you might have others in a unique template.
| 6. Do not use just ".yourthemename" because it will override the msu-header and msu-footer styles. You must target the inner page container.
| 7. For example, your css rules should be prefixed with ".yourthemename .page" or ".yourthemename .feature" and etc.
|
|
| =================
| TABLE OF CONTENTS
| =================
|
| #  Type
| #  Buttons
|
*/

/* html.sr .hero .container-fluid .row:not(.sr-ignore) {
  visibility: hidden;
} */
html.sr .hero .sr-ignore .container-fluid .row {
  visibility: visible;
}
html.sr .page .section-type--3 > .container-fluid .bg-container:not(.sr-ignore),
html.sr .page .section-type--4 > .container-fluid .bg-container:not(.sr-ignore),
html.sr .page .section-type--5 > .container-fluid .bg-container:not(.sr-ignore),
html.sr .page .section-type--6 > .container-fluid .bg-container:not(.sr-ignore),
html.sr .page .card:not(.sr-ignore),
html.sr .page .views-exposed-form:not(.sr-ignore) {
  visibility: hidden;
}
html.sr .page .sr-ignore .section-type--3 > .container-fluid .bg-container,
html.sr .page .sr-ignore .section-type--4 > .container-fluid .bg-container,
html.sr .page .sr-ignore .section-type--5 > .container-fluid .bg-container,
html.sr .page .sr-ignore .section-type--6 > .container-fluid .bg-container,
html.sr .page .sr-ignore .card,
html.sr .page .sr-ignore .views-exposed-form {
  visibility: visible;
}
.page .text-white a:not(.btn),
.hero .text-white a:not(.btn) {
  color: inherit;
}
.page .sm-gutters,
.hero .sm-gutters {
  margin-right: -15px;
  margin-left: -15px;
}
.page .sm-gutters > .col,
.page .sm-gutters > [class*="col-"],
.hero .sm-gutters > .col,
.hero .sm-gutters > [class*="col-"] {
  padding-right: 15px;
  padding-left: 15px;
}
.page .offset-container,
.hero .offset-container {
  margin-left: -30px;
  margin-right: -30px;
}
.page .embed-responsive,
.hero .embed-responsive {
}
.page figcaption,
.hero figcaption {
  font-size: 0.875rem;
  color: #555555;
  margin: 0.5rem 0;
}
.page .views-exposed-form,
.hero .views-exposed-form {
  margin-bottom: 3rem;
}
.page .views-exposed-form label,
.hero .views-exposed-form label {
  text-transform: uppercase;
  font-size: 0.65rem;
  color: #555555;
  margin-bottom: 0;
}
.page .views-exposed-form .form-control,
.hero .views-exposed-form .form-control {
  border-radius: 0.25rem;
}
.page .views-exposed-form .form-submit,
.hero .views-exposed-form .form-submit {
  padding: 0.7rem 2rem;
}
.page .pagination,
.hero .pagination {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-radius: 0;
  margin-right: -30px;
  margin-top: -1px;
}
.page .pagination .page-link,
.hero .pagination .page-link {
  text-transform: uppercase;
  font-size: 0.65rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 0;
}
#main-breadcrumb {
  height: auto;
  line-height: 1.75;
  padding: 1rem 0;
}
#main-breadcrumb,
#main-breadcrumb .container-fluid,
#main-breadcrumb .breadcrumb {
  height: auto;
}
.page .main-content article .field--name-field-image img,
.page .main-content article .field--name-body img,
.page .main-content article .field--name-body figure,
.page .main-content article .embed-responsive,
.page .main-content article .card-columns {
  position: relative;
}
.page .main-content article .field--name-body p.no-img-offset img,
.page .main-content article .field--name-body p.no-img-offset figure {
  max-width: 100% !important;
  margin: 0 !important;
}
@media (min-width: 576px) {
  .page .main-content article .field--name-field-image img {
    width: 116.66666%;
    height: auto;
  }
  .page .main-content.col-sm-10 article .field--name-field-image img,
  .page .main-content.col-sm-10 article .field--name-body img,
  .page .main-content.col-sm-10 article .field--name-body figure,
  .page .main-content article .col-sm-10 .field--name-field-image img,
  .page .main-content article .col-sm-10 .field--name-body img,
  .page .main-content article .col-sm-10 .field--name-body figure {
    max-width: 116.66666%;
    margin-left: -8.33333%;
    margin-right: -8.33333%;
  }
  .page .main-content.col-sm-10 article .field--name-field-image img.align-left,
  .page .main-content.col-sm-10 article .field--name-field-image img.float-left,
  .page .main-content.col-sm-10 article .field--name-body img.align-left,
  .page .main-content.col-sm-10 article .field--name-body img.float-left,
  .page .main-content.col-sm-10 article .field--name-body figure.align-left,
  .page .main-content.col-sm-10 article .field--name-body figure.float-left,
  .page
    .main-content
    article
    .col-sm-10
    .field--name-field-image
    img.align-left,
  .page
    .main-content
    article
    .col-sm-10
    .field--name-field-image
    img.float-left,
  .page .main-content article .col-sm-10 .field--name-body img.align-left,
  .page .main-content article .col-sm-10 .field--name-body img.float-left,
  .page .main-content article .col-sm-10 .field--name-body figure.align-left,
  .page .main-content article .col-sm-10 .field--name-body figure.float-left {
    max-width: 58.33333%;
    margin-left: -8.33333%;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .page
    .main-content.col-sm-10
    article
    .field--name-field-image
    img.align-right,
  .page
    .main-content.col-sm-10
    article
    .field--name-field-image
    img.float-right,
  .page .main-content.col-sm-10 article .field--name-body img.align-right,
  .page .main-content.col-sm-10 article .field--name-body img.float-right,
  .page .main-content.col-sm-10 article .field--name-body figure.align-right,
  .page .main-content.col-sm-10 article .field--name-body figure.float-right,
  .page
    .main-content
    article
    .col-sm-10
    .field--name-field-image
    img.align-right,
  .page
    .main-content
    article
    .col-sm-10
    .field--name-field-image
    img.float-right,
  .page .main-content article .col-sm-10 .field--name-body img.align-right,
  .page .main-content article .col-sm-10 .field--name-body img.float-right,
  .page .main-content article .col-sm-10 .field--name-body figure.align-right,
  .page .main-content article .col-sm-10 .field--name-body figure.float-right {
    max-width: 58.33333%;
    margin-right: -8.33333%;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  .page .main-content.col-sm-10 article .field--name-field-image img > a > img,
  .page .main-content.col-sm-10 article .field--name-field-image img > img,
  .page .main-content.col-sm-10 article .field--name-body img > a > img,
  .page .main-content.col-sm-10 article .field--name-body img > img,
  .page .main-content.col-sm-10 article .field--name-body figure > a > img,
  .page .main-content.col-sm-10 article .field--name-body figure > img,
  .page .main-content article .col-sm-10 .field--name-field-image img > a > img,
  .page .main-content article .col-sm-10 .field--name-field-image img > img,
  .page .main-content article .col-sm-10 .field--name-body img > a > img,
  .page .main-content article .col-sm-10 .field--name-body img > img,
  .page .main-content article .col-sm-10 .field--name-body figure > a > img,
  .page .main-content article .col-sm-10 .field--name-body figure > img {
    max-width: 100%;
    margin: 0;
  }
  .page .main-content.col-sm-10 article .embed-responsive,
  .page .main-content.col-sm-10 article .card-columns,
  .page .main-content article .col-sm-10 .embed-responsive,
  .page .main-content article .col-sm-10 .card-columns {
    width: 116.66666%;
    margin-left: -8.33333%;
    margin-right: -8.33333%;
  }
}
@media (min-width: 768px) {
  .page .main-content article .field--name-field-image img {
    width: 133.33332%;
    height: auto;
  }
  .page .main-content.col-md-8 article .field--name-field-image img,
  .page .main-content.col-md-8 article .field--name-body img,
  .page .main-content.col-md-8 article .field--name-body figure,
  .page .main-content article .col-md-8 .field--name-field-image img,
  .page .main-content article .col-md-8 .field--name-body img,
  .page .main-content article .col-md-8 .field--name-body figure {
    max-width: 133.33332%;
    margin-left: -16.66666%;
    margin-right: -16.66666%;
  }
  .page .main-content.col-md-8 article .field--name-field-image img.align-left,
  .page .main-content.col-md-8 article .field--name-field-image img.float-left,
  .page .main-content.col-md-8 article .field--name-body img.align-left,
  .page .main-content.col-md-8 article .field--name-body img.float-left,
  .page .main-content.col-md-8 article .field--name-body figure.align-left,
  .page .main-content.col-md-8 article .field--name-body figure.float-left,
  .page .main-content article .col-md-8 .field--name-field-image img.align-left,
  .page .main-content article .col-md-8 .field--name-field-image img.float-left,
  .page .main-content article .col-md-8 .field--name-body img.align-left,
  .page .main-content article .col-md-8 .field--name-body img.float-left,
  .page .main-content article .col-md-8 .field--name-body figure.align-left,
  .page .main-content article .col-md-8 .field--name-body figure.float-left {
    max-width: 66.66666%;
    margin-left: -16.66666%;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .page .main-content.col-md-8 article .field--name-field-image img.align-right,
  .page .main-content.col-md-8 article .field--name-field-image img.float-right,
  .page .main-content.col-md-8 article .field--name-body img.align-right,
  .page .main-content.col-md-8 article .field--name-body img.float-right,
  .page .main-content.col-md-8 article .field--name-body figure.align-right,
  .page .main-content.col-md-8 article .field--name-body figure.float-right,
  .page
    .main-content
    article
    .col-md-8
    .field--name-field-image
    img.align-right,
  .page
    .main-content
    article
    .col-md-8
    .field--name-field-image
    img.float-right,
  .page .main-content article .col-md-8 .field--name-body img.align-right,
  .page .main-content article .col-md-8 .field--name-body img.float-right,
  .page .main-content article .col-md-8 .field--name-body figure.align-right,
  .page .main-content article .col-md-8 .field--name-body figure.float-right {
    max-width: 66.66666%;
    margin-right: -16.66666%;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  .page .main-content.col-md-8 article .field--name-field-image img > a > img,
  .page .main-content.col-md-8 article .field--name-field-image img > img,
  .page .main-content.col-md-8 article .field--name-body img > a > img,
  .page .main-content.col-md-8 article .field--name-body img > img,
  .page .main-content.col-md-8 article .field--name-body figure > a > img,
  .page .main-content.col-md-8 article .field--name-body figure > img,
  .page .main-content article .col-md-8 .field--name-field-image img > a > img,
  .page .main-content article .col-md-8 .field--name-field-image img > img,
  .page .main-content article .col-md-8 .field--name-body img > a > img,
  .page .main-content article .col-md-8 .field--name-body img > img,
  .page .main-content article .col-md-8 .field--name-body figure > a > img,
  .page .main-content article .col-md-8 .field--name-body figure > img {
    max-width: 100%;
    margin: 0;
  }
  .page .main-content.col-sm-10 article .embed-responsive,
  .page .main-content.col-sm-10 article .card-columns,
  .page .main-content article .col-sm-10 .embed-responsive,
  .page .main-content article .col-sm-10 .card-columns {
    width: 133.33332%;
    margin-left: -16.66666%;
    margin-right: -16.66666%;
  }
}
@media (min-width: 992px) {
  .page .main-content article .field--name-field-image img {
    width: 141.66665%;
    height: auto;
  }
  .page .main-content.col-lg-7 article .field--name-field-image img,
  .page .main-content.col-lg-7 article .field--name-body img,
  .page .main-content.col-lg-7 article .field--name-body figure,
  .page .main-content article .col-lg-7 .field--name-field-image img,
  .page .main-content article .col-lg-7 .field--name-body img,
  .page .main-content article .col-lg-7 .field--name-body figure {
    max-width: 141.66665%;
    margin-left: -20.83333%;
    margin-right: -20.83333%;
  }
  .page .main-content.col-lg-7 article .field--name-field-image img.align-left,
  .page .main-content.col-lg-7 article .field--name-field-image img.float-left,
  .page .main-content.col-lg-7 article .field--name-body img.align-left,
  .page .main-content.col-lg-7 article .field--name-body img.float-left,
  .page .main-content.col-lg-7 article .field--name-body figure.align-left,
  .page .main-content.col-lg-7 article .field--name-body figure.float-left,
  .page .main-content article .col-lg-7 .field--name-field-image img.align-left,
  .page .main-content article .col-lg-7 .field--name-field-image img.float-left,
  .page .main-content article .col-lg-7 .field--name-body img.align-left,
  .page .main-content article .col-lg-7 .field--name-body img.float-left,
  .page .main-content article .col-lg-7 .field--name-body figure.align-left,
  .page .main-content article .col-lg-7 .field--name-body figure.float-left {
    max-width: 70.83333%;
    margin-left: -20.83333%;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .page .main-content.col-lg-7 article .field--name-field-image img.align-right,
  .page .main-content.col-lg-7 article .field--name-field-image img.float-right,
  .page .main-content.col-lg-7 article .field--name-body img.align-right,
  .page .main-content.col-lg-7 article .field--name-body img.float-right,
  .page .main-content.col-lg-7 article .field--name-body figure.align-right,
  .page .main-content.col-lg-7 article .field--name-body figure.float-right,
  .page
    .main-content
    article
    .col-lg-7
    .field--name-field-image
    img.align-right,
  .page
    .main-content
    article
    .col-lg-7
    .field--name-field-image
    img.float-right,
  .page .main-content article .col-lg-7 .field--name-body img.align-right,
  .page .main-content article .col-lg-7 .field--name-body img.float-right,
  .page .main-content article .col-lg-7 .field--name-body figure.align-right,
  .page .main-content article .col-lg-7 .field--name-body figure.float-right {
    max-width: 70.83333%;
    margin-right: -20.83333%;
    margin-left: 30px;
    margin-bottom: 30px;
  }
  .page .main-content.col-lg-7 article .field--name-field-image img > a > img,
  .page .main-content.col-lg-7 article .field--name-field-image img > img,
  .page .main-content.col-lg-7 article .field--name-body img > a > img,
  .page .main-content.col-lg-7 article .field--name-body img > img,
  .page .main-content.col-lg-7 article .field--name-body figure > a > img,
  .page .main-content.col-lg-7 article .field--name-body figure > img,
  .page .main-content article .col-lg-7 .field--name-field-image img > a > img,
  .page .main-content article .col-lg-7 .field--name-field-image img > img,
  .page .main-content article .col-lg-7 .field--name-body img > a > img,
  .page .main-content article .col-lg-7 .field--name-body img > img,
  .page .main-content article .col-lg-7 .field--name-body figure > a > img,
  .page .main-content article .col-lg-7 .field--name-body figure > img {
    max-width: 100%;
    margin: 0;
  }
  .page .main-content.col-lg-7 article .embed-responsive,
  .page .main-content.col-lg-7 article .card-columns,
  .page .main-content article .col-lg-7 .embed-responsive,
  .page .main-content article .col-lg-7 .card-columns {
    width: 141.66665%;
    margin-left: -20.83333%;
    margin-right: -20.83333%;
  }
}
.hero .card.card-spotlight .card-body h1 .slant,
.hero .card.card-spotlight .card-body h2 .slant,
.hero .card.card-spotlight .card-body h3 .slant,
.hero .card.card-spotlight .card-body h4 .slant,
.hero .card.card-spotlight .card-body h5 .slant,
.hero .card.card-spotlight .card-body h6 .slant,
.page .card.card-spotlight .card-body h1 .slant,
.page .card.card-spotlight .card-body h2 .slant,
.page .card.card-spotlight .card-body h3 .slant,
.page .card.card-spotlight .card-body h4 .slant,
.page .card.card-spotlight .card-body h5 .slant,
.page .card.card-spotlight .card-body h6 .slant {
  font-family: Georgia, serif;
  font-style: italic;
}
.page .card.card-spotlight .card-body p {
  color: rgb(0, 0, 0);
  font-size: 1.333rem;
}
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6,
.page .h1,
.page .h2,
.page .h3,
.page .h4,
.page .h5,
.page .h6,
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5,
.hero h6,
.hero .h1,
.hero .h2,
.hero .h3,
.hero .h4,
.hero .h5,
.hero .h6 {
  font-family: Raleway, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 700;
}

.page .h3, h3 {
  font-size: 1.5rem;
}

.page .display-1,
.hero .display-1 {
  font-weight: 700;
}
.page .display-2,
.hero .display-2 {
  font-weight: 700;
}
.page .display-3,
.page .display-4,
.hero .display-3,
.hero .display-4 {
  font-weight: 700;
}
.page .h-sup,
.hero .h-sup {
  font-size: 60%;
  font-weight: 300;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.page .featured-trim,
.hero .featured-trim {
  font-size: 1.1rem;
  font-weight: 300;
}
.page .title-box,
.hero .title-box {
  position: relative;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  text-shadow: none;
  -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important;
  background: -webkit-linear-gradient(315deg, #6b1b2b 0%, #320c14 100%);
  background: -o-linear-gradient(315deg, #6b1b2b 0%, #320c14 100%);
  background: linear-gradient(135deg, #6b1b2b 0%, #320c14 100%);
  font-weight: 900;
  text-transform: uppercase;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #000;
}
.page .title-box:before,
.hero .title-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page .fas,
.page .far,
.hero .fas,
.hero .far {
  line-height: 1.75;
}
.page .font-weight-medium,
.hero .font-weight-medium {
  font-weight: 600 !important;
}
.page .font-weight-bolder,
.hero .font-weight-bolder {
  font-weight: 900 !important;
}
.page .professor-list,
.page .professor-list ul,
.hero .professor-list,
.hero .professor-list ul {
  list-style: none;
  padding: 0;
}
.page .professor-list li,
.page .professor-list ul li,
.hero .professor-list li,
.hero .professor-list ul li {
  padding: 0;
  margin: 0;
}

.diag-maroon-transparent {
  background: -webkit-linear-gradient(
    315deg,
    #96253c 0%,
    rgba(150, 37, 60, 0) 100%
  );
  background: -o-linear-gradient(315deg, #96253c 0%, rgba(150, 37, 60, 0) 100%);
  background: linear-gradient(135deg, #96253c 0%, rgba(150, 37, 60, 0) 100%);
}
.diag-transparent-maroon {
  background: -webkit-linear-gradient(
    315deg,
    rgba(150, 37, 60, 0) 0%,
    #96253c 100%
  );
  background: -o-linear-gradient(315deg, rgba(150, 37, 60, 0) 0%, #96253c 100%);
  background: linear-gradient(135deg, rgba(150, 37, 60, 0) 0%, #96253c 100%);
}
.vert-white-transparent {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    to(rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    top,
    white 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
}
.vert-transparent-white {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    to(white)
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    white 100%
  );
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}
.vert-white30-transparent {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(30%, white),
    to(rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    top,
    white 30%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(top, white 30%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(
    to bottom,
    white 30%,
    rgba(255, 255, 255, 0) 100%
  );
}
.vert-white50-transparent {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, white),
    to(rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    top,
    white 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(top, white 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(
    to bottom,
    white 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
.horz-white50-transparent {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, white),
    to(rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    white 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(left, white 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%);
}

.diag-maroon200-maroon700 {
  background: -webkit-linear-gradient(315deg, #882236 0%, #40101a 100%);
  background: -o-linear-gradient(315deg, #882236 0%, #40101a 100%);
  background: linear-gradient(135deg, #882236 0%, #40101a 100%);
}
.diag-maroon200-maroon600 {
  background: -webkit-linear-gradient(315deg, #882236 0%, #4f131f 100%);
  background: -o-linear-gradient(315deg, #882236 0%, #4f131f 100%);
  background: linear-gradient(135deg, #882236 0%, #4f131f 100%);
}
.diag-maroon400-maroon800 {
  background: -webkit-linear-gradient(315deg, #6b1b2b 0%, #320c14 100%);
  background: -o-linear-gradient(315deg, #6b1b2b 0%, #320c14 100%);
  background: linear-gradient(135deg, #6b1b2b 0%, #320c14 100%);
}
.vert-white-gray300 {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    to(#e1e1e1)
  );
  background: -webkit-linear-gradient(top, white 0%, #e1e1e1 100%);
  background: -o-linear-gradient(top, white 0%, #e1e1e1 100%);
  background: linear-gradient(to bottom, white 0%, #e1e1e1 100%);
}

.horz-light-dark-maroon {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#7a1e30),
    to(#40101a)
  );
  background: -webkit-linear-gradient(left, #7a1e30 0%, #40101a 100%);
  background: -o-linear-gradient(left, #7a1e30 0%, #40101a 100%);
  background: linear-gradient(to right, #7a1e30 0%, #40101a 100%);
}

.gray-200 {
  background-color: #eeeeee;
}

.min-h-px-100 {
  min-height: 100px !important;
}
.min-h-px-125 {
  min-height: 125px !important;
}
.min-h-px-150 {
  min-height: 150px !important;
}
.min-h-px-175 {
  min-height: 175px !important;
}
.min-h-px-200 {
  min-height: 200px !important;
}
.min-h-px-225 {
  min-height: 225px !important;
}
.min-h-px-250 {
  min-height: 250px !important;
}
.min-h-px-275 {
  min-height: 275px !important;
}
.min-h-px-300 {
  min-height: 300px !important;
}
.min-h-px-325 {
  min-height: 325px !important;
}
.min-h-px-350 {
  min-height: 350px !important;
}
.min-h-px-375 {
  min-height: 375px !important;
}
.min-h-px-400 {
  min-height: 400px !important;
}
.min-h-px-425 {
  min-height: 425px !important;
}
.min-h-px-450 {
  min-height: 450px !important;
}
.min-h-px-475 {
  min-height: 475px !important;
}
.min-h-px-500 {
  min-height: 500px !important;
}
.min-h-px-525 {
  min-height: 525px !important;
}
.min-h-px-550 {
  min-height: 550px !important;
}
.min-h-px-575 {
  min-height: 575px !important;
}
.min-h-px-600 {
  min-height: 600px !important;
}
.min-h-px-625 {
  min-height: 625px !important;
}
.min-h-px-650 {
  min-height: 650px !important;
}
.min-h-px-675 {
  min-height: 675px !important;
}
.min-h-px-700 {
  min-height: 700px !important;
}
.min-h-px-725 {
  min-height: 725px !important;
}
.min-h-px-750 {
  min-height: 750px !important;
}
.min-h-px-775 {
  min-height: 775px !important;
}
.min-h-px-800 {
  min-height: 800px !important;
}
.min-h-px-825 {
  min-height: 825px !important;
}
.min-h-px-850 {
  min-height: 850px !important;
}
.min-h-px-875 {
  min-height: 875px !important;
}
.min-h-px-900 {
  min-height: 900px !important;
}
.min-h-px-925 {
  min-height: 925px !important;
}
.min-h-px-950 {
  min-height: 950px !important;
}
.min-h-px-975 {
  min-height: 975px !important;
}
.min-h-px-1000 {
  min-height: 1000px !important;
}
.min-h-px-1025 {
  min-height: 1025px !important;
}
.min-h-px-1050 {
  min-height: 1050px !important;
}
.min-h-px-1075 {
  min-height: 1075px !important;
}
.min-h-px-1100 {
  min-height: 1100px !important;
}
.min-h-px-1125 {
  min-height: 1125px !important;
}
.min-h-px-1150 {
  min-height: 1150px !important;
}
.min-h-px-1175 {
  min-height: 1175px !important;
}
.min-h-px-1200 {
  min-height: 1200px !important;
}
.min-h-px-1225 {
  min-height: 1225px !important;
}
.min-h-px-1250 {
  min-height: 1250px !important;
}
.min-h-px-1275 {
  min-height: 1275px !important;
}
.min-h-px-1300 {
  min-height: 1300px !important;
}
.min-h-px-1325 {
  min-height: 1325px !important;
}
.min-h-px-1350 {
  min-height: 1350px !important;
}
.min-h-px-1375 {
  min-height: 1375px !important;
}
.min-h-px-1400 {
  min-height: 1400px !important;
}
.min-h-px-1425 {
  min-height: 1425px !important;
}
.min-h-px-1450 {
  min-height: 1450px !important;
}
.min-h-px-1475 {
  min-height: 1475px !important;
}
.min-h-px-1500 {
  min-height: 1500px !important;
}
.min-h-px-1525 {
  min-height: 1525px !important;
}
.min-h-px-1550 {
  min-height: 1550px !important;
}
.min-h-px-1575 {
  min-height: 1575px !important;
}
.min-h-vh-10 {
  min-height: 10vh !important;
}
.min-h-vh-20 {
  min-height: 20vh !important;
}
.min-h-vh-30 {
  min-height: 30vh !important;
}
.min-h-vh-40 {
  min-height: 40vh !important;
}
.min-h-vh-50 {
  min-height: 50vh !important;
}
.min-h-vh-60 {
  min-height: 60vh !important;
}
.min-h-vh-70 {
  min-height: 70vh !important;
}
.min-h-vh-80 {
  min-height: 80vh !important;
}
.min-h-vh-90 {
  min-height: 90vh !important;
}
.min-h-vh-100 {
  min-height: 100vh !important;
}
.min-h-vh-110 {
  min-height: 110vh !important;
}
.min-h-vh-120 {
  min-height: 120vh !important;
}
.min-h-vh-130 {
  min-height: 130vh !important;
}
.min-h-vh-140 {
  min-height: 140vh !important;
}
.min-h-vh-150 {
  min-height: 150vh !important;
}
.top-0 {
  top: 0;
  bottom: auto;
}
.right-0 {
  right: 0% !important;
  left: auto !important;
}
.bottom-0 {
  top: auto;
  bottom: 0;
}
.left-0 {
  right: auto;
  left: 0;
}
.page .btn,
.hero .btn {
  text-transform: uppercase;
  font-size: 0.65rem;
  font-weight: 600;
  padding: 0.5rem 2rem;
  border-radius: 0;
}
.page .btn.circle,
.hero .btn.circle {
  border-radius: 50%;
}
.page .btn.facebook,
.hero .btn.facebook {
  color: #fff;
  background-color: #3b5998;
  border: none;
}
.page .btn.facebook:hover,
.page .btn.facebook:focus,
.hero .btn.facebook:hover,
.hero .btn.facebook:focus {
  background-color: #30497c;
}
.page .btn.instagram,
.hero .btn.instagram {
  color: #fff;
  background-color: #e4405f;
  border: none;
}
.page .btn.instagram:hover,
.page .btn.instagram:focus,
.hero .btn.instagram:hover,
.hero .btn.instagram:focus {
  background-color: #de1f44;
}
.page .btn.linkedin,
.hero .btn.linkedin {
  color: #fff;
  background-color: #0077b5;
  border: none;
}
.page .btn.linkedin:hover,
.page .btn.linkedin:focus,
.hero .btn.linkedin:hover,
.hero .btn.linkedin:focus {
  background-color: #005e8f;
}
.page .btn.twitter,
.hero .btn.twitter {
  color: #fff;
  background-color: #1da1f2;
  border: none;
}
.page .btn.twitter:hover,
.page .btn.twitter:focus,
.hero .btn.twitter:hover,
.hero .btn.twitter:focus {
  background-color: #0d8ddc;
}
.page .btn.btn-slide,
.hero .btn.btn-slide {
  padding: 0;
  border-radius: 100%;
  width: 2.5rem;
  height: 3rem;
  font-size: 1rem;
  color: #aaaaaa;
  background-color: #fff;
  border: none;
}
.page .btn.btn-slide:hover,
.page .btn.btn-slide:focus,
.hero .btn.btn-slide:hover,
.hero .btn.btn-slide:focus {
  color: #000;
  background-color: #fff;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.page .btn[href$=".pdf"]:after,
.hero .btn[href$=".pdf"]:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f1c1";
  margin-left: 8px;
  opacity: 0.7;
}
@media (min-width: 768px) {
  .page .btn.offset-gutter-right,
  .hero .btn.offset-gutter-right {
    margin-right: -30px;
  }
  .page .btn.offset-gutter-left,
  .hero .btn.offset-gutter-left {
    margin-left: -30px;
  }
}
@media (max-width: 767.98px) {
  .page .btn.offset-gutter-right,
  .hero .btn.offset-gutter-right {
    display: block;
    width: 100%;
  }
  .page .btn.offset-gutter-left,
  .hero .btn.offset-gutter-left {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .page .btn.btn-outline-gray-300.border-top-0,
  .hero .btn.btn-outline-gray-300.border-top-0 {
    border-top: 1px solid #e1e1e1 !important;
  }
}
.page .btn-lg,
.page .btn-group-lg > .btn,
.hero .btn-lg,
.hero .btn-group-lg > .btn {
  font-size: 0.85rem;
  padding: 0.75rem 2.5rem;
  border-radius: 0;
}
.page .btn-sm,
.page .btn-group-sm > .btn,
.hero .btn-sm,
.hero .btn-group-sm > .btn {
  font-size: 0.65rem;
  padding: 0.25rem 1rem;
  border-radius: 0;
}
.page p > .btn,
.hero p > .btn {
  margin-bottom: 4px;
}

.tooltip.white.bs-tooltip-top .arrow::before {
  border-top-color: #fff;
}
.tooltip.white.bs-tooltip-right .arrow::before {
  border-right-color: #fff;
}
.tooltip.white.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #fff;
}
.tooltip.white.bs-tooltip-left .arrow::before {
  border-left-color: #fff;
}
.tooltip.white .tooltip-inner {
  -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important;
  color: #222222;
  padding: 0.5rem 0.75rem;
  font-size: 0.6rem;
  background-color: #fff;
}
.page .card,
.hero .card {
  overflow: hidden;
  -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important;
  border-radius: 0.25rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page .card:hover,
.page .card:focus,
.hero .card:hover,
.hero .card:focus {
  /* -webkit-box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important; */
  /* -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02); */
}
.page .card .card-body,
.hero .card .card-body {
  font-weight: 300;
}
.page .card.no-shadow,
.hero .card.no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.page .card.no-container,
.hero .card.no-container {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent;
  overflow: visible;
}
.page .card.no-container img,
.page .card.no-container .card-img,
.hero .card.no-container img,
.hero .card.no-container .card-img {
  overflow: hidden;
  -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important;
  border-radius: 0.25rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page .card.no-container:hover img,
.page .card.no-container:hover .card-img,
.page .card.no-container:focus img,
.page .card.no-container:focus .card-img,
.hero .card.no-container:hover img,
.hero .card.no-container:hover .card-img,
.hero .card.no-container:focus img,
.hero .card.no-container:focus .card-img {
  -webkit-box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 10px 50px 100px -20px rgba(0, 0, 0, 0.25) !important;
}
.page .card.card-news .card-body p,
.hero .card.card-news .card-body p {
  font-size: 0.85rem;
}
.page .card.card-news .card-body p.featured-trim,
.hero .card.card-news .card-body p.featured-trim {
  font-size: 1.1rem;
  font-weight: 300;
}
.page .card.card-event .date-box,
.hero .card.card-event .date-box {
  height: 100px;
  width: 100%;
  line-height: 1;
}
.page .card.card-event .date-box .event-day,
.hero .card.card-event .date-box .event-day {
  white-space: nowrap;
  font-size: 2.5rem;
}
@media (max-width: 1200px) {
  .page .card.card-event .date-box .event-day,
  .hero .card.card-event .date-box .event-day {
    font-size: calc(1.375rem + 1.5vw);
  }
}
.page .card.card-event .card-body date,
.hero .card.card-event .card-body date {
  font-size: 0.85rem;
}
.page .card.card-dept.accreditation .card-body p,
.hero .card.card-dept.accreditation .card-body p {
  font-size: 0.85rem;
}
.page .card.card-spotlight .card-body ul,
.hero .card.card-spotlight .card-body ul {
  list-style: none;
  padding: 0;
}
.page .card.card-spotlight .card-body ul li,
.hero .card.card-spotlight .card-body ul li {
  line-height: 1;
  padding: 0.5rem 0;
}
.page .card.card-glance,
.hero .card.card-glance {
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3);
  -o-transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3);
  transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3);
}
.page .card.card-glance .card-body p:last-child,
.hero .card.card-glance .card-body p:last-child {
  margin-bottom: 0;
}
.page .card.card-glance.odd,
.hero .card.card-glance.odd {
  background: transparent;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.page .card.card-glance.odd:hover,
.page .card.card-glance.odd:focus,
.hero .card.card-glance.odd:hover,
.hero .card.card-glance.odd:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.page .card.card-glance.even,
.hero .card.card-glance.even {
  background: rgba(107, 27, 43, 0.1);
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.4) !important;
}
.page .card.card-glance:hover,
.page .card.card-glance:focus,
.hero .card.card-glance:hover,
.hero .card.card-glance:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.page .card.card-student-work-overlay,
.hero .card.card-student-work-overlay {
  position: relative;
}
.page .card.card-student-work-overlay .bg-container,
.hero .card.card-student-work-overlay .bg-container {
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3);
  -o-transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3);
  transition: all 0.3s cubic-bezier(0.5, 0.15, 0.25, 3);
}
.page .card.card-student-work-overlay .bg-container .bg-color,
.hero .card.card-student-work-overlay .bg-container .bg-color {
  opacity: 0;
}
.page .card.card-student-work-overlay .card-img-overlay h3,
.hero .card.card-student-work-overlay .card-img-overlay h3 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
}
.page .card.card-student-work-overlay .card-img-overlay p,
.hero .card.card-student-work-overlay .card-img-overlay p {
  opacity: 0;
}
.page .card.card-student-work-overlay .card-img-overlay h3,
.page .card.card-student-work-overlay .card-img-overlay p,
.hero .card.card-student-work-overlay .card-img-overlay h3,
.hero .card.card-student-work-overlay .card-img-overlay p {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 0.8rem;
}
.page .card.card-student-work-overlay:hover,
.page .card.card-student-work-overlay:focus,
.hero .card.card-student-work-overlay:hover,
.hero .card.card-student-work-overlay:focus {
  z-index: 10;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.page .card.card-student-work-overlay:hover .bg-container,
.page .card.card-student-work-overlay:focus .bg-container,
.hero .card.card-student-work-overlay:hover .bg-container,
.hero .card.card-student-work-overlay:focus .bg-container {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.page .card.card-student-work-overlay:hover .bg-container .bg-color,
.page .card.card-student-work-overlay:focus .bg-container .bg-color,
.hero .card.card-student-work-overlay:hover .bg-container .bg-color,
.hero .card.card-student-work-overlay:focus .bg-container .bg-color {
  opacity: 0.8;
}
.page .card.card-student-work-overlay:hover .card-img-overlay h3,
.page .card.card-student-work-overlay:hover .card-img-overlay p,
.page .card.card-student-work-overlay:focus .card-img-overlay h3,
.page .card.card-student-work-overlay:focus .card-img-overlay p,
.hero .card.card-student-work-overlay:hover .card-img-overlay h3,
.hero .card.card-student-work-overlay:hover .card-img-overlay p,
.hero .card.card-student-work-overlay:focus .card-img-overlay h3,
.hero .card.card-student-work-overlay:focus .card-img-overlay p {
  opacity: 1;
}
.page .card.card-contact .card-body ul,
.hero .card.card-contact .card-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page .card.card-contact:hover,
.page .card.card-contact:focus,
.hero .card.card-contact:hover,
.hero .card.card-contact:focus {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
@media (min-width: 768px) {
  .page .card-columns.student-work-gallery,
  .hero .card-columns.student-work-gallery {
    -webkit-column-count: 2;
    column-count: 2;
  }
  .page .card-columns.photo-gallery,
  .hero .card-columns.photo-gallery {
    -webkit-column-count: 3;
    column-count: 3;
  }
}
.page .card-columns .card,
.hero .card-columns .card {
  -webkit-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important;
}
.page .card-columns .card:hover,
.page .card-columns .card:focus,
.hero .card-columns .card:hover,
.hero .card-columns .card:focus {
  -webkit-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.07) !important;
}
.page .pop-out-card,
.hero .pop-out-card {
  max-width: 320px;
  width: 100%;
  overflow: visible;
  position: fixed;
  z-index: 1029;
  top: auto;
  bottom: 4rem;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0.15, 0.25, 1.5);
  -o-transition: all 0.5s cubic-bezier(0.5, 0.15, 0.25, 1.5);
  transition: all 0.5s cubic-bezier(0.5, 0.15, 0.25, 1.5);
}
@media (min-width: 576px) {
  .page .pop-out-card,
  .hero .pop-out-card {
    max-width: 360px;
  }
}
.page .pop-out-card:hover,
.page .pop-out-card:focus,
.hero .pop-out-card:hover,
.hero .pop-out-card:focus {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.page .pop-out-card .card-body,
.hero .pop-out-card .card-body {
  position: relative;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  z-index: 10;
  background-color: #fff;
}
.page .pop-out-card .card-body .h1,
.hero .pop-out-card .card-body .h1 {
  color: #555555;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page .pop-out-card .card-body .h1 span,
.hero .pop-out-card .card-body .h1 span {
  display: block;
}
.page .pop-out-card .card-body .btn-group .btn,
.hero .pop-out-card .card-body .btn-group .btn {
  color: #555555;
  background-color: #fff;
}
@media (max-width: 575.98px) {
  .page .pop-out-card .card-body .btn-group .btn,
  .hero .pop-out-card .card-body .btn-group .btn {
    padding: 0.5rem 1rem;
  }
}
.page .pop-out-card .card-body .btn-group .btn:hover,
.page .pop-out-card .card-body .btn-group .btn:focus,
.hero .pop-out-card .card-body .btn-group .btn:hover,
.hero .pop-out-card .card-body .btn-group .btn:focus {
  color: #000;
  border-color: #000;
  background-color: #fff;
}
.page .pop-out-card .card-body .btn-group + .btn-group,
.hero .pop-out-card .card-body .btn-group + .btn-group {
  margin-top: -1px;
}
.page .pop-out-card nav,
.hero .pop-out-card nav {
  position: relative;
  z-index: 1;
  height: 36px;
}
.page .pop-out-card nav > a,
.hero .pop-out-card nav > a {
  width: 25%;
  padding: 0.5rem 0;
  position: absolute;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page .pop-out-card nav > a:nth-child(1),
.hero .pop-out-card nav > a:nth-child(1) {
  left: 0;
}
.page .pop-out-card nav > a:nth-child(2),
.hero .pop-out-card nav > a:nth-child(2) {
  left: 25%;
}
.page .pop-out-card nav > a:nth-child(3),
.hero .pop-out-card nav > a:nth-child(3) {
  left: 50%;
}
.page .pop-out-card nav > a:nth-child(4),
.hero .pop-out-card nav > a:nth-child(4) {
  left: 75%;
}
.page .pop-out-card nav > a:last-child,
.hero .pop-out-card nav > a:last-child {
  border-right: 0;
}
.page .pop-out-card nav > a:hover,
.page .pop-out-card nav > a:focus,
.hero .pop-out-card nav > a:hover,
.hero .pop-out-card nav > a:focus {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  z-index: 2;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}
.page .pop-out-card .btn-slide,
.hero .pop-out-card .btn-slide {
  position: absolute;
  top: 40%;
  z-index: 11;
  opacity: 0;
  left: auto;
  right: auto;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.page .pop-out-card .btn-slide.btn-close,
.hero .pop-out-card .btn-slide.btn-close {
  right: 0;
}
.page .pop-out-card .btn-slide.btn-open,
.hero .pop-out-card .btn-slide.btn-open {
  left: 0;
}
.page .pop-out-card.open,
.hero .pop-out-card.open {
  right: 1.25rem;
  left: auto;
}
@media (min-width: 576px) {
  .page .pop-out-card.open,
  .hero .pop-out-card.open {
    right: 2rem;
  }
}
.page .pop-out-card.open .btn-slide.btn-close,
.hero .pop-out-card.open .btn-slide.btn-close {
  opacity: 1;
  left: auto;
  right: -1rem;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.page .pop-out-card.closed,
.hero .pop-out-card.closed {
  right: -310px;
  left: auto;
}
@media (min-width: 576px) {
  .page .pop-out-card.closed,
  .hero .pop-out-card.closed {
    right: -320px;
  }
}
.page .pop-out-card.closed .btn-slide.btn-open,
.hero .pop-out-card.closed .btn-slide.btn-open {
  left: -1rem;
  right: auto;
  opacity: 1;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.page .files-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
}
.page .files-list li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.page .files-list li a {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  background-color: #fff;
  padding-left: 3rem;
  text-decoration: none;
}
.page .files-list li a:hover,
.page .files-list li a:focus {
  background-color: #f9f9f9;
  color: #660000;
  text-decoration: none;
}
.page .files-list li a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 120%;
  position: absolute;
  top: 0.5rem;
  left: 1.25rem;
}
.page .files-list li a[href$=".doc"]:before {
  content: "\f1c2";
}
.page .files-list li a[href$=".docx"]:before {
  content: "\f1c2";
}
.page .files-list li a[href$=".xls"]:before {
  content: "\f1c3";
}
.page .files-list li a[href$=".xlsx"]:before {
  content: "\f1c3";
}
.page .files-list li a[href$=".ppt"]:before {
  content: "\f1c4";
}
.page .files-list li a[href$=".pptx"]:before {
  content: "\f1c4";
}
.page .files-list li a[href$=".pdf"]:before {
  content: "\f1c1";
}
.page .files-list li a[href$=".jpg"]:before {
  content: "\f1c5";
}
.page .files-list li a[href$=".png"]:before {
  content: "\f1c5";
}
.page .files-list li a[href$=".mov"]:before {
  content: "\f1c8";
}
.page .files-list li a[href$=".mp4"]:before {
  content: "\f1c8";
}
.page .files-list li a[href$=".wmv"]:before {
  content: "\f1c8";
}
.page .files-list li a[href$=".wav"]:before {
  content: "\f1c7";
}
.page .files-list li a[href$=".mp3"]:before {
  content: "\f1c7";
}
.page .files-list li:first-child a {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.page .files-list li:last-child a {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.msu-sidebar .nav li.active.menu-depth-2 {
  background-color: #40101a;
}
.msu-sidebar .nav li.active.menu-depth-2 > a {
  background-color: #320c14;
  border-bottom: 0;
}
.msu-sidebar .nav li.dropdown.menu-depth-2 .dropdown-menu {
  margin: 0;
}
.msu-sidebar .nav li.dropdown.menu-depth-2 .dropdown-menu a {
  font-size: 0.7rem;
  padding: 0.4rem 6%;
  background-color: #40101a;
}
.msu-sidebar .nav li.dropdown.menu-depth-2 .dropdown-menu a:hover,
.msu-sidebar .nav li.dropdown.menu-depth-2 .dropdown-menu a:focus {
  background-color: #320c14;
}
.msu-sidebar .nav li.dropdown.menu-depth-2 .dropdown-menu a.active {
  background-color: #320c14;
  border-bottom: 0;
}
.page .menu--news-menu-majors h2,
.page .menu--news-menu-research-centers h2,
.page .menu--news-menu-categories h2,
.page .menu--news-menu-explore h2 {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 1px;
  color: #555555;
  border-bottom: 1px solid #e1e1e1;
  margin: 1rem 0;
  padding: 0 0 0.25rem;
  font-weight: 600;
}
.page .menu--news-menu-majors .nav a.nav-link,
.page .menu--news-menu-research-centers .nav a.nav-link,
.page .menu--news-menu-categories .nav a.nav-link,
.page .menu--news-menu-explore .nav a.nav-link {
  color: #555555;
  padding: 0.25rem 0;
  margin: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page .menu--news-menu-majors .nav a.nav-link:hover,
.page .menu--news-menu-majors .nav a.nav-link:focus,
.page .menu--news-menu-research-centers .nav a.nav-link:hover,
.page .menu--news-menu-research-centers .nav a.nav-link:focus,
.page .menu--news-menu-categories .nav a.nav-link:hover,
.page .menu--news-menu-categories .nav a.nav-link:focus,
.page .menu--news-menu-explore .nav a.nav-link:hover,
.page .menu--news-menu-explore .nav a.nav-link:focus {
  color: #7a1e30;
  text-decoration: none;
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}
.page #footer-menu a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
}
.page #footer-menu a:hover,
.page #footer-menu a:focus {
  color: #000;
  text-decoration: none;
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}
.hero,
.main-breadcrumb,
.page {
  position: relative;
  z-index: 1;
}

.main-menu.affix {
  position: fixed;
  z-index: 1029;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 0.25rem 3rem rgb(0 0 0 / 9%) !important;
  box-shadow: 0 0.25rem 3rem rgb(0 0 0 / 9%) !important;
}

.section-menu {
  position: relative;
  font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
  background-color: #f9f9f9;
  overflow: hidden;
  height: 70px;
  z-index: 0;
}
.section-menu.affix {
  position: fixed;
  z-index: 1029;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 0.25rem 3rem rgba(0, 0, 0, 0.09) !important;
}
.section-menu > a.scroll {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #e1e1e1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.section-menu > a.scroll.scroll-left {
  right: auto;
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, white),
    to(rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    white 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(left, white 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%);
}
.section-menu > a.scroll.scroll-right {
  right: 0;
  left: auto;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(50%, white),
    to(rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    right,
    white 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(right, white 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
}
.section-menu > a.scroll:hover,
.section-menu > a.scroll:focus {
  color: #000;
}
.section-menu .nav {
  overflow-x: scroll;
  height: 100%;
  padding-bottom: 17px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.section-menu .nav > li:first-child {
  padding-left: 300px;
}
.section-menu .nav > li:last-child {
  padding-right: 300px;
}
.section-menu .nav > li > a {
  padding: 0 25px;
  height: 70px;
  border: none;
  text-transform: initial;
  font-size: 0.85rem;
  line-height: 70px;
  text-decoration: none;
  white-space: nowrap;
  color: #333333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.section-menu .nav > li > a.active {
  text-decoration: underline;
  background-color: #f9f9f9;
}
.section-menu .nav > li > a:hover,
.section-menu .nav > li > a:focus {
  color: #5d1725;
  background-color: #f9f9f9;
}
.hero .clip-text {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero.short,
.hero.short .item {
  height: 400px;
}
.hero.short .row-wrapper,
.hero.short .item .row-wrapper {
  padding: 50px 0;
}
#title--index-feature {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 875px;
}
@media (max-width: 767.98px) {
  .hero.short,
  .hero.short .item,
  .hero.short .item .row-wrapper {
    height: auto !important;
    min-height: 300px;
  }
}
@media (max-width: 1950px) {
  .hero.h-video,
  .hero.h-video .item {
    /* height: 600px; */
    height: 750px;
  }
  #title--index-feature {
    height: 675px;
  }
}
@media (max-width: 1280px) { 
  /* .hero.h-video,
  .hero.h-video .item {
    height: 600px;
  } */
  /* .bg-color,
  .bg-container,
  .bg-fade,
  .bg-img,
  .bg-pattern,
  .bg-video,
  .fg-link {
    height: 800px;
    top: -25px;
  } */
}
.hero .front-adjust > .row {
  margin-top: /*-50px*/ -200px;
}
.hero .bg-img {
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-animation: animatedBackground 40s ease-in-out infinite;
  animation: animatedBackground 40s ease-in-out infinite;
}
@media (min-width: 768px) {
  .hero .bg-img {
    background-attachment: fixed;
  }
}
@-webkit-keyframes animatedBackground {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes animatedBackground {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.page > section.row-wrapper:first-child {
  padding-top: 75px;
}
.page .section-type--1 .bg-img {
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
@media (max-width: 767.98px) {
  .page .section-type--1 .bg-img {
    height: 130%;
    top: -15%;
  }
}
@media (min-width: 768px) {
  .page .section-type--1 .bg-img {
    background-attachment: fixed;
  }
}
.page .section-type--2 > .bg-container {
  top: auto;
  bottom: 0;
}
.page .section-type--2 > .bg-container .row,
.page .section-type--2 > .bg-container .row > div {
  height: 100%;
}
.page .section-type--8 > .bg-container .row,
.page .section-type--8 > .bg-container .row > div {
  height: 100%;
}
.page .section--dept-cards--front {
  padding-top: 0 !important;
  margin-top: -85px;
  z-index: 10;
}
.page .section--secondary-footer-menu .h5 {
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.page .section--secondary-footer-menu ul {
  list-style: none;
}
.page .section--secondary-footer-menu ul li {
  font-size: 0.8rem;
}
.page .section--secondary-footer-menu .footer-footer p {
  margin: 0;
}
.page .section--secondary-footer-menu .footer-footer a {
  font-size: 0.7rem;
  letter-spacing: 1px;
}
.page .section--contact > .bg-container {
  top: auto;
  bottom: 0;
}
.page .section--contact > .bg-container .bg-img {
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
@media (max-width: 767.98px) {
  .page .section--contact > .bg-container .bg-img {
    height: 150%;
    top: -25%;
  }
}
@media (min-width: 768px) {
  .page .section--contact > .bg-container .bg-img {
    background-attachment: fixed;
  }
}
.page .news-section,
.page .events-section {
  padding: 75px 0;
}
@media (min-width: 768px) {
  .page .row-news,
  .page .row-events {
    border-bottom: 1px solid #e1e1e1;
  }
  .page .row-news > div,
  .page .row-events > div {
    border-right: 1px solid #e1e1e1;
  }
  .page .row-news > div:last-child,
  .page .row-events > div:last-child {
    border-right: none;
  }
}
.page .main-content.news-adjustment .row-news:first-child > div {
  border-right: none;
}
.page.pop-out-card-container {
  z-index: 1039;
}
.page .main-content.news-adjustment {
  margin-top: -175px;
}

@media (min-width: 768px) {
  #main-menu.navbar .navbar-nav > li {
    width: 14.28571%;
  }
}

.section-front--spotlight.row-wrapper .bg-color {
  height: 65%;
  bottom: 0;
  top: auto;
}

.sb-overview {
  height: 66%;
  bottom: 0;
  top: auto;
}

.page .card.card-overlay.card-overlay-grid .card-img-overlay .hover-show {
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.hero .card.card-overlay.card-overlay-grid,
.page .card.card-overlay.card-overlay-grid {
  overflow: visible;
  border: none;
  border-radius: 0;
}

.page .card.card-overlay.card-overlay-grid .bg-container {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 0;
}

#numbers .list-group .list-group-item {
  background-color: transparent;
  border: none;
}

.page .font-family-bebas-neue, .hero .font-family-bebas-neue {
  font-family: "Bebas Neue","Open Sans","Helvetica Neue",sans-serif;
  font-weight: normal !important;
}

html.sr .page .card:not(.sr-ignore), html.sr .page .views-exposed-form:not(.sr-ignore), html.sr .page img:not(.sr-ignore), html.sr .page section.row-wrapper>.container-fluid:not(.sr-ignore) {
  /* visibility: hidden; */
}

.hero .card.card-overlay.card-overlay-grid, .page .card.card-overlay.card-overlay-grid {
  /* overflow: visible; */
  overflow: hidden;
  border: none;
  border-radius: 0;
}


.hero .card, .page .card {
  overflow: hidden;
  -webkit-box-shadow: 0 0.25rem 3rem rgb(0 0 0 / 9%);
  box-shadow: 0 0.25rem 3rem rgb(0 0 0 / 9%);
  border-radius: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

a.card {
  text-decoration: none;
  color: #000;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.card a {
  text-decoration: underline;
}

.hero .card:focus:not(.no-scale), .hero .card:hover:not(.no-scale), .page .card:focus:not(.no-scale), .page .card:hover:not(.no-scale) {
  -webkit-box-shadow: 10px 50px 100px -20px rgb(0 0 0 / 25%);
  box-shadow: 10px 50px 100px -20px rgb(0 0 0 / 25%);
  /* -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  z-index: 99; */
}

a.card:focus, a.card:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.horz-green-transparent {
  background: -webkit-gradient(linear,left top,right top,from(#051d0c75),to(rgba(0,0,0,0))) repeat-x!important;
  background: linear-gradient(to right,#051d0c75,rgb(0 0 0 / 39%)) repeat-x!important;
}

.bg-forestry {
  background-color:#1826137d!important;
}

.text-green {
  color:#05100d!important;
}

.text-dark-blue {
  color:#1e3055!important;
}

.shadow-list {
  -webkit-box-shadow: 0 0.25rem 3rem rgba(0,0,0,0.3)!important;
  box-shadow: 0 0.25rem 3rem rgba(0,0,0,0.3)!important;
}

.major-card:focus:not(.no-scale), .major-card:hover:not(.no-scale), .major-card:focus:not(.no-scale), .major-card:hover:not(.no-scale) {
  transform: scale(1.0)!important;
}

.major-card ul li {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  border-radius:1rem!important;
}

.major-card ul li:hover {
  transform: scale(1.05)
}

.page .card.card-overlay.card-overlay-grid:hover .bg-container {
  -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.page .card.card-overlay.card-overlay-grid:hover .bg-container .bg-fade {
  opacity: .9;
}

.page .card.card-overlay.card-overlay-grid .bg-container .bg-fade {
  opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.hero .card.card-overlay.card-overlay-grid:focus .card-body, .hero .card.card-overlay.card-overlay-grid:focus .card-img-overlay, .hero .card.card-overlay.card-overlay-grid:hover .card-body, .hero .card.card-overlay.card-overlay-grid:hover .card-img-overlay, .page .card.card-overlay.card-overlay-grid:focus .card-body, .page .card.card-overlay.card-overlay-grid:focus .card-img-overlay, .page .card.card-overlay.card-overlay-grid:hover .card-body, .page .card.card-overlay.card-overlay-grid:hover .card-img-overlay {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  padding-top: 0;
  padding-bottom: 0;
}

.page .card.card-overlay.card-overlay-grid:hover .card-img-overlay .hover-show {
  height: auto;
  opacity: 1;
  overflow: visible;
}

.card-img-overlay h3 {
  font-family: 'Bebas Neue' !important;
  font-weight: 400 !important;
  letter-spacing:1.2px;
}

.hero .display-1 {
  font-size:8rem;
}

.hero .btn.btn-no-container, .page .btn.btn-no-container {
  padding: 0;
  margin-right: 1rem;
  background: transparent;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  font-weight: 700;
}

.hero.hero-thumb {
  margin-top:75px;
}

.vert-banner-part-1 {
  background: -webkit-gradient(linear,left top,left bottom,from(#6b1b2b),to(#5d1725));
  background: -webkit-linear-gradient(top,#6b1b2b 0%,#5d1725 100%);
  background: -o-linear-gradient(top,#6b1b2b 0%,#5d1725 100%);
  background: linear-gradient(to bottom,#6b1b2b 0%,#5d1725 100%);
  bottom: -70px; 
  -webkit-transition: all 0.3s cubic-bezier(1,0,0,0.75);
    -o-transition: all 0.3s cubic-bezier(1,0,0,0.75);
    transition: all 0.3s cubic-bezier(1,0,0,0.75);
}

.vert-banner-part-1:focus,
.vert-banner-part-1:hover {
  bottom:0px;
}

.position-relative {
  position: relative !important;
}

.top-10 {
  top: 10% !important;
  bottom: auto !important;
}

.z-index-5 {
  z-index: 5 !important;
}

.top-25 {
  top: 25% !important;
  bottom: auto !important;
}

.left-10 {
  left: 10% !important;
  right: auto !important;
}

.right-20 {
  right: 20% !important;
  left: auto !important;
}

.chart {
  position: relative;
  width: 100%;
  height: 400px;
  margin:0 auto;
}
.doughnutTip {
  position: absolute;
  min-width: 30px;
  max-width: 300px;
  padding: 5px 15px;
  border-radius: 1px;
  background: rgba(255,255,255,1);
  color: #660000;
  font-size: 17px;
  text-shadow: none;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  letter-spacing: .06em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  pointer-events: none;  
  z-index:5;
}
.doughnutTip:after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  content: "";
  height: 0;
  margin: 0 0 0 -6px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid rgba(0,0,0,.7);
  line-height: 0;
}
.doughnutSummary {
  display:none;
}
.doughnutSummaryTitle {
  display: none;
}
.doughnutSummaryNumber {
  display: none;
}
.chart path:hover { opacity: 0.65; } 

.legend-container {
  background:#fff;
}

.legend {
   padding-left: 0;
  list-style: none;
}

.legend svg {
  align-self:center!important;
  width:64px;
  height:64px;
}

.border-maroon {
  border-color: #5d1725 !important;
  border-width: medium !important;
}

.border-grey {
  border-color: #c3babc !important;
  border-width: medium !important;
}

.bg-maroon-dark {
  background-color: #5d1725 !important;
}

@media (min-width: 768px){
  .h-md-100 {
    height: 100% !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-40 {
    width: 40% !important;
}
}

.msu-sidebar {
  position: relative;
  background-color: #fff;
  z-index: 100;
}

.msu-sidebar:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0;
  right: 0%;
  bottom: 0px;
  width: 100%;
  /* height: calc(100% - 100px); */
  -webkit-box-shadow: -15px 0 100px rgb(0 0 0 / 8%);
  box-shadow: -15px 0 100px rgb(0 0 0 / 8%);
}

#curriculum .bg-container {
  position:relative;
}

#section--research .card .card-text p {
  font-size:.8rem;
}

@media (max-width: 768px){
  .hero .display-1 {
    font-size: 3rem;
  }
  #title--sb-business-concentration {
    padding-top:4.5rem;
  }  
  .directory-bio .nav-tabs .nav-item {
    width:100%;
    text-align:center;
    border-top:1px solid #ccc;
  }   

}


.page .list-group--quick-links {
  list-style: none;
}

.page .list-group--quick-links .list-group-item:first-child {
  border-top: none;
}

.page .list-group--quick-links .list-group-item {
  position: relative;
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  text-decoration: none;
  color: #555555;
  font-weight: 300;
  border-left: none;
  border-right: none;
  border-color: #eeeeee;
  background: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.page .list-group--quick-links .list-group-item:hover, .page .list-group--quick-links .list-group-item:focus {
  z-index: 1;
  -webkit-box-shadow: 0 0.25rem 3.5rem rgb(0 0 0 / 11%);
  box-shadow: 0 0.25rem 3.5rem rgb(0 0 0 / 11%);
  color: #5d1725;
}

.page .list-group--quick-links .list-group-item:before {
  content: "";
  position: absolute;
  z-index: 1;
  height: 2px;
  width: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background-color: #7a1e30;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.page .list-group--quick-links .list-group-item:hover:before, .page .list-group--quick-links .list-group-item:focus:before {
  opacity: 1;
  width: 100%;
}

.btn-student-more {
  position: absolute;
  bottom: 0;
  z-index: 10;
  left: 0;
  background: white;
  border: 0;
  color: #660000;
}

.btn-student-more:hover {
  color: #6b1b2b;
  background-color: #ffffff;
  border-color: #ffffff;
  text-decoration: underline;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgb(0 0 0 / 6%);
}

.bg-new-maroon {
  background-color: #3c1019!important;
}

.f-gradient-econ {
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(23,93,38,0.25)),to(#080e08));
  background: -o-linear-gradient(top,rgb(23 93 38 / 25%) 0%,#080e08 100%);
  background: linear-gradient(to bottom,rgb(23 93 38 / 25%) 0%,#080e08 100%);
}

.vert-text {
  /* Abs positioning makes it not take up vert space */
  position: absolute;
  top: -3px;
  left: 0.93em;

  /* Border is the new background */
  background: none;

  /* Rotate from top left corner (not default) */
  transform-origin: 0 0;
  transform: rotate(90deg);
}

.circle-icon {
  box-shadow: 0px 9px 32px 0px rgb(0 0 0 / 7%);
  padding: 10px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 1.5rem;
  background-color: #fff;
  color: #5d1725;
  font-size: 4rem;
  text-align: center;
  line-height: 80px;
  font-weight: normal;
}

@media (max-width:1200px) {
  .degree {
    display: block;
    width: 100%;
    margin-bottom: 0.75rem;
    table-layout: fixed;
    border-spacing: 1.25rem 0;
    margin:0 auto;
  }
}

.wildlife-careers .card {
  background-color:#0000008f;
  color:#fff;
}

.wildlife-careers .card .nav-tabs {
  background-color:#fff;
}

#section--extension .fas {
  display: none;
}

.border-extension {
  border-color: #3CC91E !important;
  border-width: medium !important;
}

.bg-extension-dark {
  background-color: #3CC91E !important;
}

.border-wildlife {
  border-color: #C98714!important;
  border-width: medium !important;
}

.bg-wildlife-dark {
  background-color: #C98714 !important;
}

.border-aqua {
  border-color: #2978ca!important;
  border-width: medium !important;
}

.bg-aqua-dark {
  background-color: #2978ca !important;
}


/* Birds of Mississippi */

@import url("https://use.typekit.net/waf1vkt.css");

/* The animation code */
@keyframes background-opacity {
  0%   {opacity: 0;}
  100% {opacity: .95;}
}

@keyframes background-revert {
  0%   {opacity: .95;}
  100% {opacity: .0;}
}



.main-container-spacing{
  margin-top: 25px;
}
.highlight{
    opacity: .95;
    width: 100%; 
    height: 100%; 
    position: absolute;
    animation: background-opacity;
    animation-duration: .5s;
}

.background-revert{
    animation: background-revert;
    animation-duration: .5s;
}

.bird-cutout{
    width: 100%; 
    height: 100%; 
    position: absolute; 
    opacity: 0;
}

.audio-title{
    font-size: 1.5em;
    font-family: dejanire-headline, serif !important;
    font-weight: 900;
}

.audio-player-container{
    position: absolute;
    top: 0;
    z-index: -1;
    display: grid;
    grid-template-columns:  1fr 1fr;
    width: 100%; 
    height: 100%; 
}

.center-contents{
    justify-content: center;
    align-items: center;
    text-align: center;
}

.audio-player{
    display: flex;
    flex-direction: column;
}

.controls{
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  font-family: dejanire-headline, serif;
}

.playBtn, .pauseBtn, .refreshBtn{
    font-size: 36px;
    border-radius: 50%;
    padding: 5px 25px 5px 20px;
    background-color: #00c853;
    color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    z-index: 1000;
}

.playBtn{
  padding: 5px 20px 5px 25px !important;
}

.pauseBtn{
  padding: 5px 25px 5px 25px !important;
}

.refreshBtn{
  padding: 5px 17.5px 5px 17.5px !important;
}

.end{
    align-self: flex-start;
    font-size: 12px;
    border-radius: 50%;
    padding: 5px;
    background-color: red;
    color:white;
}

.pauseBtn{
    background-color: black;
    padding-right: 26px;
    padding-left: 27px;
}

.hidden{
    display: none;
}

.invisible{
    visibility: hidden;
}

.visible{
    visibility: visible !important;
}

.time{
    font-family: dejanire-headline, serif;
    font-size: 900;
    font-size: 24px;
}


.instructions{
  font-family: dejanire-headline, serif;
  font-size: 24px;
}

progress {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
    border: none;
}

progress::-webkit-progress-bar {
    background-color: white !important;
    color: #00c853 !important;
}

progress::-webkit-progress-value {
    background-color: #00c853;
}

progress::-moz-progress-bar {
    background-color: white !important;
}

.clickable, .box-highlight{
    cursor: pointer;
    position: absolute;
}

.box-highlight{
    z-index: 100;
}


.box1{
    top: 0%;
    left: 20%;
    width: 47%;
    height: 32%;
}

.box2{
    top: 8%;
    left: 89%;
    width: 10%;
    height: 15%;
}

.box3{
    top: 22%;
    left: 72%;
    width: 10%;
    height: 13%;
}

.box4{
    top: 33%;
    left: 38%;
    width: 32%;
    height: 17%;
}

.box5{
    top: 40%;
    left: 12%;
    width: 10%;
    height: 13%;
}

.box6{
    top: 58%;
    left: 2%;
    width: 15%;
    height: 18%;
}

.box7{
    top: 74%;
    left: 32%;
    width: 15%;
    height: 21%;
}

.box8{
    top: 56%;
    left: 32%;
    width: 20%;
    height: 10%;
}

.box9{
    top: 85%;
    left: 71%;
    width: 20%;
    height: 12%;
}

.box10{
    top: 66%;
    left: 67%;
    width: 18%;
    height: 12%;
}

.box11{
    top: 36%;
    left: 77%;
    width: 19%;
    height: 12%;
}

.box12{
    top: 52%;
    left: 77%;
    width: 20%;
    height: 12%;
}


.audio-options{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    text-align: center;
}

.navbar{
    display: flex;
    font-family: dejanire-headline, serif;
    /* font-weight: 900; */
    height: 200px;
} 


.frame {
	 background-color: #ddc;
	 border: solid 5vmin #eee;
	 border-bottom-color: #fff;
	 border-left-color: #eee;
	 border-radius: 2px;
	 border-right-color: #eee;
	 border-top-color: #ddd;
	 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) inset, 0 5px 10px 5px rgba(0, 0, 0, 0.25);
	 box-sizing: border-box;
	 display: inline-block;
	 position: relative;
	 text-align: center;
   margin-bottom: 100px;
}
 .frame:before {
	 border-radius: 2px;
	 bottom: -2vmin;
	 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25) inset;
	 content: "";
	 left: -2vmin;
	 position: absolute;
	 right: -2vmin;
	 top: -2vmin;
}
 .frame:after {
	 border-radius: 2px;
	 bottom: -2.5vmin;
	 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	 content: "";
	 left: -2.5vmin;
	 right: -2.5vmin;
	 top: -2.5vmin;
}


.mobile-audio-player{
  display: none;
  position: fixed;
  width: 100vw;
  left: 0;
  bottom: 0;
  height: 75px;
  background-color: #f5f5f5;
  z-index: 10000 !important;
}

.mobile-audio-title{
  padding:0;
  margin: 0;
}

.time-progress{
  padding-left: 25px;
}

.progress-container{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 25px;
  margin-top: 15px;
}

.mobile-time{
  padding: 0;
  margin: 0;
  font-size: 16px;
}

.playBtn-mobile{
  font-size: 36px;
  padding: 5px 25px 5px 20px !important;
  height: 100%;
  background-color: #00c853;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.pauseBtn-mobile{
  font-size: 45px;
  padding: 10px 21px 10px 23px !important;
  height: 100%;
  background-color: black;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.refreshBtn-mobile{
  font-size: 36px;
  padding: 5px 25px 5px 20px !important;
  height: 100%;
  background-color: #00c853;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

#apply-social {
  border-bottom: 0px solid #320c14;
  max-height: 60px;
  overflow: hidden;
  background-color: #fff;
}

#apply-social .nav-social {
  height: 2rem;
}

.social-icon-container.social-white .social-icon {
  background-color: #fff!important;
  color: #5d1725!important;
  font-size: 2rem;
  width: 3rem;
  height: 2rem;
}

/* Custom styling for FSIH
--------------------------------------------------------------------- */

.hero-title {
  background: rgb(79 19 31 / 90%);
  padding: 2rem;
}

.hero-mission {
  background: rgb(255 255 255 / 90%);
  padding: 2rem;
  font-size: 1.3rem;
  color: #000;
  text-shadow: none;
  margin-top: 1rem;
}

.apply-cta {
  font-size: 2.25rem;
  text-align: center;
}

@media (max-width: 1570px){
  .hero.h-video, .hero.h-video .item {
    height: 750px;
    margin-top: -20px;
    margin-bottom: -25px;
    z-index:-1;
  }
}

@media (max-width: 992px){
  .hero.h-video, .hero.h-video .item {
    margin-top: -20px;
    margin-bottom: -20px;
    z-index:-1;
    background-color: #fff;;
  }
  #cta-apply h1 {
    font-size: calc(1rem + 2.2884vw);
  }
}

@media (max-width: 600px){

  .PlayBtn{
    font-size: 12px !important;
  }
  .audio-player{
    display: none;
  }

  .navbar {
    height:auto; 
  }
  
}