/*
|===========================================================================================================
| 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;
}

.horz-custom-transparent {
  background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(0, 0, 0, 0))) repeat-x !important;
  background: linear-gradient(to bottom, #f9f9f9, rgb(255 255 255 / 75%)) repeat-x !important;
}

@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-aspp {
  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--resources .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;
}

.social-icon-container.social-white .social-icon {
  background-color: #fff !important;
  color: #5d1725 !important;
}

@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;
  }

}




#concentrations .card-text ul.pretty-list {
  list-style: none;
  margin: 0 0 12px 0;
  padding: 0;
}

#concentrations .card-text ul.pretty-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  line-height: 1.5;
}

#concentrations .card-text ul.pretty-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
}

#concentrations .card-text .closing-line {
  font-style: italic;
  line-height: 1.5;
  opacity: 0.9;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 10px;
  margin-top: 10px;
}

#concentrations .card-img-overlay h3 {
  letter-spacing: 0.3px;
  line-height: 1.3;
}

#concentrations .card .bg-img {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  filter: brightness(1.15);
}

#concentrations .card .bg-color.vert-transparent-black {
  opacity: 0.15;
}

.bullet {
  margin-bottom: 1rem;
}

#advising-end li p {
  font-style: italic;
}




.number-background{
    position:absolute;
    inset:0;
    overflow:hidden;
    background:linear-gradient(135deg,#240606,#5b0d0d);
}

/* diagonal lines */
.diag-lines{
    position:absolute;
    inset:0;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,.05) 0px,
            rgba(255,255,255,.05) 2px,
            transparent 2px,
            transparent 38px
        );
}

/* giant number */
.big-number{
    position:absolute;
    left:50%;
    top:40%;
    transform:translate(-50%,-50%);
    font-size:28rem;
    font-weight:700;
    color:rgba(255,255,255,.09);
    line-height:1;
    font-family:Georgia, serif;
    user-select:none;
}

/* corner marks */
.corner{
    position:absolute;
    width:70px;
    height:70px;
}

.corner::before,
.corner::after{
    content:"";
    position:absolute;
    background:#d8d8d857;
}

.corner::before{
    width:70px;
    height:5px;
}

.corner::after{
    width:5px;
    height:70px;
}

.top-left{
    top:28px;
    left:28px;
}

.bottom-right{
    right:28px;
    bottom:28px;
    transform:rotate(180deg);
}


.diag-lines1{
    position:absolute;
    inset:0;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.150) 0px,
            rgba(255, 255, 255, 0.150) 2px,
            transparent 2px,
            transparent 38px
        );
}




@media (max-width: 1200px) {
  .h1 {
    text-align: center !important;
  }
}

@media (max-width: 992px) {
  #advising-4 .big-number{
    font-size: 20rem;
  }
  #advising-4 p, #advising-4 li  {
    font-size: 70% !important;
  }
  #advising-4 h3 {
    font-size: 2rem !important;
  }
}

@media (max-width: 800px) {
  #advising-4 .big-number{
    font-size: 15rem;
  }
  #advising-4 h3 {
    font-size: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  #advising-4 .big-number{
    font-size: 35rem;
  }
  #advising-4 h3 {
    font-size: 2.5rem !important;
  }
  #advising-4 p, #advising-4 li  {
    font-size: 100% !important;
  }

  #section--get-in-touch {
    padding: 50px 0 !important;
  }

  .contact-name {
    padding-top: 0 !important;
  }

  #section--get-in-touch h2{
    text-align: center !important;
    padding: 0;
  }

  .contact-side {
    display: none;
  }
}

@media (max-width: 600px) {
  .home-card {
    padding: 0.75rem 1.25rem !important;
  }
  #advising-4 .big-number{
    font-size: 20rem;
  }
  #advising-4 h3 {
    font-size: 1.1rem !important;
  }
  #advising-4 p, #advising-4 li  {
    font-size: 65% !important;
  }
}