@charset "UTF-8";
/**
 * Fixes for sites with content migrated from CKE to Gutenberg.
 */
#cke_legacy {
  /* after migration, some elemeents have data-talign attributes instead of classes */
  /* after migration, some elemeents have data-talign attributes instead of classes */
}
#cke_legacy img {
  height: auto;
  max-width: 100%;
}
#cke_legacy .right {
  float: right;
  padding: 0px 0px 0px 20px;
}
#cke_legacy .left {
  float: left;
  padding: 5px 10px 5px 5px;
}
#cke_legacy iframe {
  max-width: 100%;
}
#cke_legacy img.align-right,
#cke_legacy img[data-align=right] {
  float: right;
}
#cke_legacy img.align-left,
#cke_legacy img[data-align=left] {
  float: left;
}
#cke_legacy img.hero {
  width: 100% !important;
  height: auto;
}
#cke_legacy .mdbtn {
  font-family: uni sans;
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
  background-color: #32006e;
  padding: 3px 10px 2px 10px;
  display: inline-block;
  text-transform: uppercase;
}
#cke_legacy div.flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#cke_legacy div.card-3 {
  margin: 0.5%;
  max-width: 32%;
  min-width: 250px;
  background-color: #E5E5E5;
  padding-bottom: 10px;
}
#cke_legacy div.card-3 img.align-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#cke_legacy div.card-3 h4 {
  padding: 0 15px;
  color: #32006e;
}
#cke_legacy div.card-3 a.smbtn {
  padding: 0 15px;
  font-family: "Uni Sans", sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #32006e;
  text-transform: uppercase;
  text-decoration: auto;
}
#cke_legacy div.card-3 a.smbtn:hover {
  text-decoration: underline;
}
#cke_legacy div.card-4 {
  margin: 5px 10px 5px 10px;
  max-width: 255px;
  background-color: #E5E5E5;
  padding-bottom: 10px;
}
#cke_legacy .biobox {
  width: 35%;
  background: #F2F2F3;
  padding: 1.6em 1.6em 1.8em;
  margin: 0 0 1em 1em;
  float: right;
  clear: right;
}
#cke_legacy .biobox h2, #cke_legacy .biobox h3, #cke_legacy .biobox h4, #cke_legacy .biobox h5, #cke_legacy .biobox .h2, #cke_legacy .biobox .h3, #cke_legacy .biobox .h4, #cke_legacy .biobox .h5 {
  margin-top: 0px;
}
#cke_legacy div.card-2 {
  margin: 0.5%;
  max-width: 49%;
  background-color: #E5E5E5;
  padding-bottom: 10px;
}
#cke_legacy p.hsm-pullquote-1 {
  font-family: "Uni Sans", "Open Sans", sans serif;
  font-size: 1.4em;
  color: #917b4c;
  width: 75%;
  line-height: 1.5em;
  margin: 1.5em 0 0.5em 1.5em;
}
#cke_legacy p.hsm-pullquote-1-name {
  font-family: "Uni Sans", "Open Sans", sans serif;
  font-size: 1em;
  color: #B7A57A;
  text-transform: uppercase;
  margin: 0 0 1.5em 2em;
}

.masthead .branding .branding-right a.site-title {
  font-size: 27px;
  width: 280px;
  max-width: 280px;
}

/* This overrides the default in _masthead.scss */
@media (max-width: 767px) {
  .masthead .branding .branding-right.p-0 a.site-title {
    font-size: 21px;
    width: 250px;
    max-width: 250px;
  }
}
@media (max-width: 575px) {
  .masthead .branding .branding-right.p-0 a.site-title {
    font-size: 19px;
  }
}
@media (max-width: 438px) {
  .masthead .branding .branding-right.p-0 a.site-title {
    font-size: 17px;
  }
}
@media (max-width: 375px) {
  .masthead .branding .branding-right.p-0 a.site-title {
    font-size: 15px;
    width: 250px;
    max-width: 250px;
  }
}
/********* Front page main site ********/
.path-frontpage {
  /************* Top and bottom bar icons *****************/
  /********* Header queries ***********
   @media (max-width: map-get($grid-breakpoints, md)) {
     .para-section.fw-section .wp-block-columns h2.wp-block-heading {
       max-width: 60%;
       font-size: 1.7em;
     }
     #block-deohs-bs5-content > article > div > div:nth-child(1) {
       height: auto;
     }
   }
  *******/
  /********* News views **********/
  /**** Top news view *******/
  /*********** Fast facts *********/
  /***** Student excellence view *****/
  /****** Our degrees h3 *******/
  /************ Expertise cards ********/
  /******** Front page media mentions ********/
}
@media (min-width: 768px) {
  .path-frontpage html,
  .path-frontpage p,
  .path-frontpage div,
  .path-frontpage span {
    font-size: 20px;
  }
  .path-frontpage p.subhead {
    font-size: 1.5em;
  }
  .path-frontpage h2 {
    font-size: 2.5em;
  }
}
.path-frontpage h2 {
  font-size: 2em;
}
.path-frontpage .para-section::before {
  background: rgba(0, 0, 0, 0);
}
@media (max-width: 780px) {
  .path-frontpage #block-deohs-bs5-content > article > div > div:nth-child(1) > div > div > div.wp-block-columns > div:nth-child(1) > h2 {
    max-width: 55%;
    font-size: 1.8em;
  }
}
@media (max-width: 520px) {
  .path-frontpage #block-deohs-bs5-content > article > div > div:nth-child(1) > div > div > div:nth-child(1) {
    height: 0px !important;
  }
  .path-frontpage #block-deohs-bs5-content > article > div > div:nth-child(1) > div > div > div:nth-child(3) {
    height: 0px !important;
  }
}
.path-frontpage body .region-content {
  margin-top: 0px;
}
.path-frontpage a.link-only {
  padding: 0px;
}
.path-frontpage .row.top-bar-icons,
.path-frontpage .row.btm-bar-icons {
  justify-content: center;
}
.path-frontpage .row.top-bar-icons .lt-ppl,
.path-frontpage .row.btm-bar-icons .lt-ppl {
  fill: #b7b2cd;
}
.path-frontpage .row.top-bar-icons .md-ppl,
.path-frontpage .row.btm-bar-icons .md-ppl {
  fill: #746a99;
}
.path-frontpage .row.top-bar-icons .white,
.path-frontpage .row.btm-bar-icons .white {
  fill: #fff;
}
.path-frontpage .row.top-bar-icons .white-fill,
.path-frontpage .row.btm-bar-icons .white-fill {
  fill: #fff;
  fill-rule: evenodd;
}
.path-frontpage .row.top-bar-icons a.white,
.path-frontpage .row.btm-bar-icons a.white {
  color: white;
}
.path-frontpage .top-bar-icons div.col-5acc:hover .white {
  fill: #b7b2cd;
}
.path-frontpage .top-bar-icons div.col-5acc:hover .lt-ppl {
  fill: #fff;
}
.path-frontpage .top-bar-icons div.col-5acc:hover .white-fill {
  fill: #b7b2cd;
}
.path-frontpage .top-bar-icons div.col-5acc:hover a.btn-link.white,
.path-frontpage .top-bar-icons a.btn-link.white:hover {
  text-decoration: underline;
  color: #b7b2cd;
}
.path-frontpage .top-bar-icons .col-5acc {
  text-align: center;
  padding-bottom: 10px;
  max-width: 50%;
  min-width: 100px;
}
.path-frontpage .top-bar-icons .col-5acc a.btn-link.white {
  font-size: 0.9rem;
  padding: 0px;
}
.path-frontpage .btm-bar-icons div.col-3acc:hover .white {
  fill: #b7b2cd;
}
.path-frontpage .btm-bar-icons div.col-3acc:hover .lt-ppl {
  fill: #fff;
}
.path-frontpage .btm-bar-icons div.col-3acc:hover .white-fill {
  fill: #b7b2cd;
}
.path-frontpage .btm-bar-icons div.col-3acc:hover a.btn-link.white,
.path-frontpage .btm-bar-icons a.btn-link.white:hover {
  text-decoration: underline;
  color: #b7b2cd;
}
.path-frontpage .btm-bar-icons .col-3acc {
  text-align: center;
  padding-bottom: 20px;
  max-width: 32%;
  min-width: 170px;
}
.path-frontpage .btm-bar-icons .col-3acc a.btn-link.white {
  font-size: 0.9rem;
  padding: 0px;
}
@media (min-width: 768px) {
  .path-frontpage .top-bar-icons .col-5acc {
    max-width: 17%;
    min-width: 140px;
    border-left: solid 2px white;
  }
  .path-frontpage .top-bar-icons .col-5acc a.btn-link.white {
    font-size: 1.1rem;
  }
  .path-frontpage #block-deohs-bs5-content > article > div > div.fw-section.purple > div > div > div > div > div > div:nth-child(1) {
    border-left: none;
  }
  .path-frontpage .btm-bar-icons .col-3acc {
    max-width: 32%;
    border-left: solid 2px white;
  }
  .path-frontpage .btm-bar-icons .col-3acc a.btn-link.white {
    font-size: 1.2rem;
  }
  .path-frontpage #block-deohs-bs5-content > article > div > div.para-section.fw-section.darken > div > div > div.row.btm-bar-icons > div:nth-child(1) {
    border-left: none;
  }
}
@media (min-width: 576px) {
  .path-frontpage {
    /******** Lower news view ********/
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 {
    margin-bottom: 60px;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 .views-row {
    display: flex;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 .views-field-field-main-image {
    max-width: 60%;
    margin-right: 30px;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 .views-field-view-node {
    max-width: 40%;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 .views-field-view-node h3 {
    margin-top: 0px;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 .views-field-view-node a.btn.btn-link {
    padding-left: 0px;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-2 .view-content {
    display: flex;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-2 .view-content .views-row {
    max-width: 50%;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-2 .view-content .views-row div.views-field {
    max-width: 80%;
    margin: auto;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-2 .view-content .views-row div.views-field a.btn.btn-link {
    padding-left: 0px;
  }
}
.path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-2 .view-footer a {
  float: right;
}
@media (max-width: 576px) {
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-2 .view-content,
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 .view-content {
    display: flex;
    flex-direction: column;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-2 .view-content .views-row,
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 .view-content .views-row {
    max-width: 100%;
    padding-bottom: 30px;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-2 .view-content .views-row div.views-field,
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 .view-content .views-row div.views-field {
    max-width: 100%;
    margin: auto;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-2 .view-content .views-row div.views-field a.btn.btn-link,
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 .view-content .views-row div.views-field a.btn.btn-link {
    padding-left: 0px;
  }
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-2 .view-footer a,
  .path-frontpage .wp-block-drupalblock-views-block-front-page-news-block-1 .view-footer a {
    float: right;
  }
}
.path-frontpage div.fast-facts h2 {
  margin-bottom: 80px;
}
.path-frontpage .fast-facts img {
  display: block;
  margin: auto;
  height: 150px;
  margin-bottom: 20px;
}
.path-frontpage .view-front-page-student-profile a.btn.btn-link {
  padding-left: 0px;
}
.path-frontpage #block-deohs-bs5-content > article > div > div:nth-child(6) > div > div > div.wp-block-columns > div:nth-child(3) > h3 {
  margin-top: -10px;
}
.path-frontpage div.wp-block-deohs-gutenberg-blocks-deohs-card-group div.row {
  display: flex;
  flex-direction: column;
}
.path-frontpage div.wp-block-deohs-gutenberg-blocks-deohs-card-group div.row div.wp-block-deohs-gutenberg-blocks-deohs-image-backed-card {
  width: 100%;
}
.path-frontpage div.wp-block-deohs-gutenberg-blocks-deohs-card-group div.row div.wp-block-deohs-gutenberg-blocks-deohs-image-backed-card div.card-img-overlay,
.path-frontpage div.wp-block-deohs-gutenberg-blocks-deohs-card-group div.row div.wp-block-deohs-gutenberg-blocks-deohs-image-backed-card img {
  height: 90px;
}
.path-frontpage div.wp-block-deohs-gutenberg-blocks-deohs-card-group div.row div.wp-block-deohs-gutenberg-blocks-deohs-image-backed-card a.btn.btn-link {
  font-size: 1.1em;
}
.path-frontpage .view-id-media_mentions h3 {
  margin-top: 0px;
}
.path-frontpage .view-id-media_mentions a.btn.btn-link {
  padding: 0px;
  font-size: 0.95rem;
}

/******* End front page *********/
/********* News ********/
body.page-node-type-news {
  /**** Main site blog styles ****/
}
body.page-node-type-news div.author-date {
  display: flex;
  color: #32006e;
  font-weight: bold;
  background: #e5e5e5;
  width: fit-content;
  padding: 0.5rem 0.75rem;
  margin: -43px 0px 20px 0px;
}
body.page-node-type-news p.author-date {
  color: white;
  font-size: 1.4rem;
  font-weight: 500;
  font-family: "Uni Sans";
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.6);
  padding: 15px 0px;
}
body.page-node-type-news .underphoto {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}
body.page-node-type-news .underphoto .sub-title {
  background-color: white;
  font-family: uni sans;
  font-size: 22px;
  padding: 20px 15px 0px 0px;
}
body.page-node-type-news .underphoto .herocaption {
  padding: 5px;
  font-style: italic;
  font-size: 0.8em;
  color: #444444;
  text-align: right;
  line-height: 1em;
}
@media only screen and (min-width: 768px) {
  body.page-node-type-news .underphoto {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  body.page-node-type-news .underphoto .sub-title {
    max-width: 60%;
    background-color: #fff;
    padding: 10px 10px 10px 0px;
    margin-top: -20px;
  }
  body.page-node-type-news .underphoto .herocaption {
    max-width: 35%;
    padding: 5px;
  }
}
body.page-node-type-news.user-logged-in div.author-date {
  margin: 0px;
}
body.page-node-type-news div.field--name-field-page-topic {
  display: flex;
  gap: 10px;
  padding-left: 0px;
  margin: 40px 0px 5px 0px;
  flex-wrap: wrap;
}
body.page-node-type-news div.field--name-field-page-topic div.field__item {
  visibility: visible;
  display: inline-block;
  margin: 5px 0px;
  padding: 6px 10px;
  background: #E5E5E5;
  color: #32006e;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 80%;
  font-weight: bold;
  text-decoration: none;
  border-left: 3px;
  border-left-style: solid;
  border-left-color: #E5E5E5;
}
body.page-node-type-news div.field--name-field-author-byline {
  padding-top: 20px;
  margin-top: 10px;
  border-top: solid #32006e 2px;
}

/********** New faculty display **********/
img.image-style-circle-headshots {
  border-radius: 50%;
}

div.view-faculty-by-expertise div.view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
div.view-faculty-by-expertise div.view-content div.views-row {
  text-align: center;
}
div.view-faculty-by-expertise div.view-content div.views-row a.btn.btn-link {
  padding: 7px 0px 3px 0px;
}

/*********** Short title image **********/
body.short-title-image.page-node-type-landing-page #block-deohs-bs5-page-title div.page-title-responsive-image {
  height: 300px;
}
body.short-title-image.page-node-type-landing-page #block-deohs-bs5-page-title div.page-title-responsive-image picture {
  height: 100%;
}

/*************** Apply footer *************/
/*------ Apply now footer annimations **/
.applyFooter.grad-section {
  display: block;
  margin: auto;
  padding-bottom: 0px;
}
.applyFooter.grad-section .lt-ppl {
  fill: #b7b2cd;
}
.applyFooter.grad-section .md-ppl {
  fill: #746a99;
}
.applyFooter.grad-section .white {
  fill: #fff;
}
.applyFooter.grad-section .white-fill {
  fill: #fff;
  fill-rule: evenodd;
}
.applyFooter.grad-section .ppl {
  fill: #32006e;
}
.applyFooter.grad-section div.checklist:hover .ppl,
.applyFooter.grad-section div.col-md-6:hover .ppl {
  fill: #746a99;
}
.applyFooter.grad-section div.col-md-4:hover .lt-ppl {
  fill: #32006e;
}
.applyFooter.grad-section div.col-md-4:hover .white-fill {
  fill: #b7b2cd;
}
.applyFooter.grad-section div.col-md-4:hover a.btn-link.white,
.applyFooter.grad-section a.btn-link.white:hover {
  text-decoration: underline;
  color: #b7b2cd;
}
.applyFooter.grad-section .grad-section .col-md-4 {
  text-align: center;
}
.applyFooter.grad-section .row {
  justify-content: center;
}
.applyFooter.grad-section h2,
.applyFooter.grad-section p {
  text-align: center;
  margin: 20px 0px;
}
.applyFooter.grad-section .btn.btn-link {
  font-size: 1.5em;
}
.applyFooter.grad-section h2 {
  padding: 40px 0px;
}
.applyFooter.grad-section .col-md-4:not(:first-child) {
  border-left: 2px solid #32006e;
}
@media only screen and (max-width: 480px) {
  .applyFooter.grad-section .col-md-4:not(:first-child) {
    border-left: 0px;
  }
}
.applyFooter.grad-section .col-md-4 {
  min-height: 300px;
  padding: 30px 10px;
}
.applyFooter.grad-section .col-md-4 > svg {
  margin: auto;
  display: block;
  height: 200px;
}
.applyFooter.grad-section .col-md-4 .col-md-6 svg {
  height: 68px;
}
.applyFooter.grad-section .col-md-4 .col-md-6:first-child a svg {
  display: block;
  float: right;
}
.applyFooter.grad-section .col-md-4 .col-md-6:not(:first-child) a svg {
  display: block;
  float: left;
}
.applyFooter.grad-section .col-md-4.aoe p,
.applyFooter.grad-section .col-md-4.aoe a {
  font-size: 1.1em;
  padding: 0px;
}
.applyFooter.grad-section .col-md-4.aoe p {
  margin: 5px 0px;
}
.applyFooter.grad-section .col-md-4.aoe h3 {
  margin-top: 0px;
}
.applyFooter.grad-section .col-md-4.degreeList p,
.applyFooter.grad-section .col-md-4.degreeList a {
  font-size: 1.15em;
}
.applyFooter.grad-section .col-md-4.degreeList p {
  margin: 0px;
}
.applyFooter.grad-section .col-md-4.degreeList {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

/*********** Grad degree table ***********/
/*********** Degree comparison table ****************/
.grad-table table {
  width: 95%;
  max-width: 95%;
}

.grad-table table th,
.grad-table table td {
  text-align: center;
}

.grad-table table thead .btn.btn-link {
  font-size: 1.2em;
}

.grad-table table tbody th p,
.grad-table table tbody th a {
  font-weight: bolder;
  color: var(--purple);
}

.grad-table table tbody th a {
  text-decoration: underline;
}

.grad-table table td {
  border: 1px solid #ddd;
}

.grad-table table th {
  border: 2px solid #ddd;
}

.grad-table table:has(tr > *:nth-child(2):hover) tr > *:nth-child(2),
.grad-table table:has(tr > *:nth-child(3):hover) tr > *:nth-child(3),
.grad-table table:has(tr > *:nth-child(4):hover) tr > *:nth-child(4),
.grad-table table:has(tr > *:nth-child(5):hover) tr > *:nth-child(5) {
  background: var(--ltgrey);
}

@media only screen and (max-width: 600px) {
  .grad-table table.full {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  .grad-table table.mobile {
    display: none;
  }
}
/******** AOE top of page ********/
.AoeHeader {
  height: 600px;
  background-color: var(--purple);
}
.AoeHeader p {
  color: white;
  font-family: "Uni Sans";
  font-size: 1.4rem;
  padding-left: 10px;
  padding-top: 5px;
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.6);
}
.AoeHeader p.investigate {
  padding-top: 150px;
  font-family: "Encode Sans Normal";
  font-size: 2.4rem;
  line-height: 2.6rem;
}
.AoeHeader p:first-child:after {
  content: "";
  background-image: url(/sites/default/files/flag.svg);
  display: block;
  background-size: 190px 55px;
  height: 55px;
  width: 190px;
  position: absolute;
  top: -9px;
  left: 0px;
  z-index: -1;
}

.toxHeader {
  background-image: url("/sites/default/files/rachel-shaffer-2019_1%20(1).jpg");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.genHeader {
  background-image: url("/sites/default/files/fullsizeoutput_109a%5B1%5D.jpg");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.ephHeader {
  background-image: url("/sites/default/files/20210402-annie-020.jpg");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.occHeader {
  background-image: url("/sites/default/files/20190313_075626ks_0.jpg");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.infHeader {
  background-image: url("/sites/default/files/IMG_0388.jpeg");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.oneHeader {
  background-image: url("/sites/default/files/20170608-EJ1_9793.jpg");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

/*********************************************************************
*
* Degree finder styles from deohs_boundless theme, and other adjustments
*
**********************************************************************/
.path-degree-finder .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.path-degree-finder .form-check {
  margin: 0;
}
.path-degree-finder .form-check-input {
  display: none;
}
.path-degree-finder .lgbtn-white {
  font-family: uni sans;
  font-size: 17px;
  font-weight: bold;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 7px 7px 5px 5px;
  border: 2px solid #ffffff;
  display: inline-block;
  cursor: pointer;
  transition: background 0.2s;
}
.path-degree-finder .lgbtn-white:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.path-degree-finder .lgbtn {
  font-family: uni sans;
  font-size: 17px;
  font-weight: bold;
  color: #32006e;
  background-color: rgba(51, 0, 111, 0.1);
  padding: 7px 7px 5px 5px;
  border: 2px solid #32006e;
  display: inline-block;
  cursor: pointer;
  transition: background 0.2s;
}
.path-degree-finder .lgbtn-white::after {
  content: " ❯";
}
.path-degree-finder #edit-selections {
  display: block;
}
.path-degree-finder #edit-selections label {
  display: block;
  margin-bottom: 10px;
}
.path-degree-finder #edit-selections .selectedItem {
  display: inline-block !important;
  width: auto !important;
  vertical-align: top;
  height: auto !important;
}
.path-degree-finder #edit-selections .form-check-label {
  display: inline !important;
}

section#degree-finder-result {
  padding: 20px 20px 60px 20px;
}

/**********************************************************************
 * On resources page that uses Chosen, make the filters aligned on desktop
 * Exposed filters: audience, topic, language. Buttons: Apply, reset
 * On mobile, make them stack vertically and full width.
 **********************************************************************/
.form--inline.clearfix {
  display: block;
}
.form--inline.clearfix > .form-item,
.form--inline.clearfix > .form-actions {
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .form--inline.clearfix {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: flex-end;
  }
  .form--inline.clearfix > .form-item,
  .form--inline.clearfix > .form-actions {
    width: auto;
    margin-bottom: 0;
  }
}

/***********************************************************************
 * On resources page that uses Chosen, give the placeholder text for Exposed filters
 * topic,language have better contrast so it is more readable.
 *
 ***********************************************************************/
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  color: black;
}

input#edit-title {
  border: 1px solid #ccc;
}

.views-exposed-form .form--inline.clearfix {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
}
.views-exposed-form .form--inline.clearfix .form-actions {
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
  clear: none;
  float: none;
  margin-top: 0;
  vertical-align: bottom;
}

/**********************************************************
 *
 * In-Progress Faculty directory
 *
 **********************************************************/
.view-id-faculty_landing_page_2019 .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.view-id-faculty_landing_page_2019 .views-row {
  flex: 0 0 calc(50% - 0.125rem);
  padding: 0.25rem;
}
@media (max-width: 767px) {
  .view-id-faculty_landing_page_2019 .views-row {
    flex: 0 0 100%;
  }
}
.view-id-faculty_landing_page_2019 .views-row .card-body {
  min-width: 0;
}
.view-id-faculty_landing_page_2019 h3.profile-name {
  margin: 0 0 5px 0;
}
.view-id-faculty_landing_page_2019 h3.profile-name a.btn.btn-link {
  color: #32006e;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.25em;
}
.view-id-faculty_landing_page_2019 .profile-name__title,
.view-id-faculty_landing_page_2019 .profile-name__degrees {
  white-space: normal;
  font-size: 1.4rem;
  font-weight: bold;
  font-family: "uni sans", "Open Sans", Arial, sans-serif;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .view-id-faculty_landing_page_2019 h3.profile-name a.btn.btn-link,
  .view-id-faculty_landing_page_2019 .profile-name__title,
  .view-id-faculty_landing_page_2019 .profile-name__degrees {
    font-size: 1.1rem;
  }
}
@media (max-width: 480px) {
  .view-id-faculty_landing_page_2019 .profile-name__title {
    white-space: normal;
    word-break: break-word;
  }
}

/******** Degree finder results **********/
.path-degree-finder-results h2 {
  margin-top: 30px;
  margin-bottom: 20px;
}
.path-degree-finder-results #block-views-block-small-faculty-view-block-1 .view-content {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.path-degree-finder-results #block-views-block-small-faculty-view-block-1 .view-content .views-row {
  max-width: 150px;
  margin: 10px 10px 10px 0px;
}
.path-degree-finder-results #block-views-block-small-faculty-view-block-1 .view-content .views-row a.btn.btn-link {
  text-align: left;
  padding: 0px;
}

/********* Faculty pages **********/
.page-node-type-faculty-member-2019 nav.navbar {
  border-bottom: solid 2px #32006e;
}
.page-node-type-faculty-member-2019 .region-title-bar {
  display: none;
}

/************* Nav pills (move this to its own sheet later) ******************/
ul.nav-pills {
  margin-bottom: 10px;
  border-bottom: solid 3px #32006e;
  border-left: solid 3px #32006e;
}
ul.nav-pills button.nav-link {
  border-radius: 0px;
  margin-right: 10px;
  background: #E5E5E5;
  font-weight: bold;
}
ul.nav-pills button.nav-link:hover {
  border-left: solid 2px #32006e;
}
ul.nav-pills button.nav-link.active {
  background: #32006e;
}

div.tab-content {
  background: #E5E5E5;
  padding: 10px;
}

/**************** figure image caption ****************/
.wp-block-image figcaption {
  font-style: italic;
  font-size: 0.8rem;
  color: #444444;
  text-align: left;
  line-height: 1rem;
}

/*************** Grad how apply page - NEED TO ADD TO CARD CSS *********/
div.card.square_img.litegrey figure.size-card_square_image {
  background: #E5E5E5;
}

/************************ Set FW on NEWS - CLEAN THIS UP LATER - FOR NOW CONTEXT NEEDS MANUALLY ADDED TO TRIGGER **********/
body.fw-page.page-node-type-news div.page_content {
  max-width: 100%;
  margin: 0px;
  padding: 0px;
}
body.fw-page.page-node-type-news div.page_content .region-content {
  padding: 0px;
}

/********************** Heat is on page *******************/
/**********************************************************
 *
 * Simple pop up blocks
 * /admin/config/media/simple-popup-blocks/manage
 * block layout machine name: deohs_bs5_advisor_popup
 *
 **********************************************************/
.spb-popup-main-wrapper.spb_bottom_right {
  padding: 5px;
  background: #32006e;
  border: none;
  margin-bottom: 10px;
  width: 400px;
}

.spb-controls .spb_close,
.spb-controls .spb_minimize {
  border: none;
  cursor: pointer;
  float: right;
  margin: 3px;
  padding: 0 11px;
  color: #fff;
  background: transparent;
  font-size: 20px;
}

button.block-deohs-bs5-advisor-popup-modal-minimized.spb_minimized {
  background: #32006e;
  color: #fff;
}

.spb-popup-main-wrapper .popup {
  margin: 20px;
}
.spb-popup-main-wrapper .popup h3,
.spb-popup-main-wrapper .popup p,
.spb-popup-main-wrapper .popup a {
  color: #fff;
}
.spb-popup-main-wrapper .popup a.btn.btn-link {
  text-decoration: none;
}
.spb-popup-main-wrapper .popup a.btn.btn-link:hover, .spb-popup-main-wrapper .popup a.btn.btn-link:focus {
  color: #fff;
  text-decoration: underline;
}

/*# sourceMappingURL=site_main.css.map */