@import "variables.css";
/**featured on top of blog page**/
#block-deohs-boundless-views-block-deohs-blog-block-2-2 h2.block-title {
	color:var(--gold);
	font-size:1.4em;
	padding: 0 2em .4em .1em;
	font-family: 'Encode Sans Normal';
	font-weight:900;
	text-transform:uppercase;
	background:url(../images/featured-bg.svg) no-repeat;
	display:inline;
	background-size: 240px;
  margin: -2px 0 0 -.1em;
  position: absolute;
  z-index: 1;
}

/**Slideshow Styling**/
.deohs-front .page, .deohs-front .region-content {
   margin-bottom: 10px;
}
.path-frontpage.integrated-site section.col-sm-12{
  margin-bottom: -34px;
}
.path-frontpage div.highlighted div.region{
  float:right;
}
span.slide-title{
  color:#ffffff;
	font-size:22px;
	padding: 0 0 1em 0;
	font-family: 'Encode Sans Normal';
	text-transform:uppercase;
  display:block;
}
.integrated-site span.slide-title{
  color:#ffffff;
	font-size:22px;
	padding: 0 0em 1em 0;
	font-family: 'Encode Sans Normal';
	text-transform:uppercase;
  display:block;
}

span.slide-subtitle{
  color: #ffffff;
  display: block;
  padding-bottom: 2em;
  font-family: "Open Sans", "Arial", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 10px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;

}

@media (max-width: 992px) {

  span.slide-title{
    color:#ffffff;
  	font-size:20px;
	  padding: 0 0 12px 0;
  	font-family: 'Encode Sans Normal';
  	text-transform:uppercase;
    display:block;
    font-weight: bold;
  }
  span.slide-subtitle{
    color:#ffffff;
  	font-size:17px;
    display:block;
    padding-bottom: 12px;
  }

  span.slide-credit{
    color:#ffffff;
  	font-size:.7em;
    display:block;
    padding: 0 0 1em 0;
  }
  .slide__constrained{
    padding-top: 3% !important;
  }
  span.slide-readmore .lgbtn-white{
    font-family:uni sans;
    font-size:17px;
    font-weight: bold;
    color:#ffffff;
    text-transform: uppercase;
    background-color: rgba(255,255,255,0);
    padding: 4px 4px 2px 2px;
    border: none;
  }
  span.slide-readmore .lgbtn-white:hover{
    color: #ffffff;
    text-decoration: underline;
  }
  span.slide-readmore .lgbtn-white::after{
        content: "\2002\276F";
  }

}


/** Front page Newsletter sign up and newsroom **/
.path-frontpage.frcg .page, .path-frontpage.frcg .region-content {
    margin-bottom: 35px;
}
section#block-deohs-boundless-views-block-faculty-news-block-2 {
    margin-bottom: 50px;
    margin-top: 20px;
    padding-right: 40px;
}
section#block-deohs-boundless-newslettersignup-2 {
    margin-top: 20px;
    margin-bottom: 20px;

}
@media (max-width: 1190px){
  section#block-deohs-boundless-views-block-faculty-news-block-2 {
      margin-left:12px;
      margin-right:12px;
  }

  section#block-deohs-boundless-newslettersignup-2 {
      margin-right:12px;
  }
}
@media (max-width: 1084px){
  section#block-deohs-boundless-views-block-faculty-news-block-2 {
    margin-right: 12px;
    margin-right:12px;
  }
}
@media (min-width: 975px){
  .path-frontpage div.region.region-content-bottom {
      max-width: 1200px;
      width: 1200px;
      padding: 0px 10px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
  body.edge.path-frontpage div.region.region-content-bottom {
  	flex-wrap: wrap;
  }
}
@media (max-width: 975px){
  section#block-deohs-boundless-newslettersignup-2 {
      margin: 0px 20px 20px 20px;
      width:auto !important;
  }
  section#block-deohs-boundless-views-block-faculty-news-block-2  {
    margin-left: 20px;
    margin-right:12px;
  }
}
/** Individual profiles on program pages **/
[id^='block-views-block-program-page-profiles-block'] {
  max-width: 48%;
  margin: 5px 5px 5px 5px;
  display: inline-block;
  vertical-align: top;
}
[id^='block-views-block-program-page-profiles-block'] .views-field-field-profile-name,
[id^='block-views-block-program-page-profiles-block'] .views-field-body,
[id^='block-views-block-program-page-profiles-block'] .views-field-field-subtitle {
  padding-left: 15px;
  padding-right: 7px
}
[id^='block-views-block-program-page-profiles-block'] .views-field-body,
[id^='block-views-block-program-page-profiles-block'] .views-field-field-subtitle {
  padding-bottom: 7px;
}
[id^='block-views-block-program-page-profiles-block'] div.views-row {
  background-color: var(--ltgrey);
  padding-bottom: 7px;
}
[id^='block-views-block-program-page-profiles-block'] a{
  padding-left: 15px;
}
[id^='block-views-block-program-page-student-research-block']{
  max-width: 48%;
    margin: 5px 5px 5px 5px;
    display: inline-block;
    vertical-align: top;
    vertical-align: top;
}
[id^='block-views-block-program-page-student-research-block'] a{
  color: var(--purple);
  margin-bottom: 10px;
  font-weight: bold;
}
[id^='block-views-block-program-page-student-research-block'] a:hover{
  color: var(--purple);
}
[id^='block-views-block-program-page-student-research-block'] div.views-row {
  margin-bottom: 10px;
}

  @media only screen and (max-width: 992px) {
    [id^='block-views-block-program-page-profiles-block'] {
      max-width: 100%;
      margin: 5px 5px 5px 5px;
      display: inline-block;
      vertical-align: top;
    }
    [id^='block-views-block-program-page-student-research-block']{
      max-width: 100%;
      margin: 5px 5px 5px 5px;
      display: inline-block;
      vertical-align: top;
      vertical-align: top;
    }
  }




  /* Bottom of page cta */
  #block-newsletterctabottomofpage {
    width: 100%;
  }


  /** Resources styling PNASH and EDGE **/
  div.views-field-field-link-to-resource,
  div.views-field-field-external-link-resources,
  div.views-field-field-internal-linktn,
  div.views-field-field-link-download{
    padding: 5px 0px;
  }

  /*----- Tabs-----*/

  .faculty-new .tabs {
  	width:100%;
  	display:inline-block;
  }

  body > div.dialog-off-canvas-main-canvas > div.main-container.container.js-quickedit-main-content > div > section > div > h1 > span > div {
    display: inline-block;
  }

  /** Socila media **/
  #block-views-block-faculty-page-2019-block-1 div.views-field.views-field-field-social-media > div > ul > li > a {
    display: none;
  }
  .social-media-links--platforms.vertical li {
    margin: 0px;
  }

  #block-views-block-faculty-page-2019-block-1 div.views-field.views-field-field-social-media > div > ul > li > span > a{
    font-family:uni sans;
    font-size:.95em;
    font-weight: bold;
    color:var(--purple);
  }
  #block-views-block-faculty-page-2019-block-1 div.views-field.views-field-field-social-media > div > ul > li > span > a:hover{
    color: var(--purple);
    text-decoration: underline;
  }
  #block-views-block-faculty-page-2019-block-1 div.views-field.views-field-field-social-media > div > ul > li > span > a::after{
    content: "\2002\276F";
  }

  /** Socila media-dev **/
  #block-views-block-faculty-page-2019-block-1 div.views-field.views-field-field-soc > div > ul > li > a {
    display: none;
  }
  .social-media-links--platforms.vertical li {
    margin: 0px;
  }

  #block-views-block-faculty-page-2019-block-1 div.views-field.views-field-field-soc > div > ul > li > span > a{
    font-family:uni sans;
    font-size:.95em;
    font-weight: bold;
    color:var(--purple);
  }
  #block-views-block-faculty-page-2019-block-1 div.views-field.views-field-field-soc > div > ul > li > span > a:hover{
    color: var(--purple);
    text-decoration: underline;
  }
  #block-views-block-faculty-page-2019-block-1 div.views-field.views-field-field-soc > div > ul > li > span > a::after{
    content: "\2002\276F";
  }

  /*----- Tab Links on faculty page -----*/

  .faculty-new .tabs ul{
    padding-left: 20px;
		margin-bottom: 0px;
  }

  .faculty-new .tabs .tab-links:after {
  	display:block;
  	clear:both;
  	content:'';
  }

  .faculty-new .tabs .tab-links li {
  	margin:5px;
  	float:left;
  	list-style:none;
  }

  #block-views-block-faculty-page-2019-block-1 > div.form-group > div > div.view-content > div {
    min-height: 415px;
  }

  .faculty-new #block-views-block-faculty-page-2019-block-1 div img {
    float: left;
    margin: 0px 15px 15px 10px;
    display: inline-block;
  }

  .faculty-new .tabs .tab-links a {
  	padding:9px 15px;
  	display:inline-block;
  	background: var(--ltgrey);
  	font-size:17px;
  	font-weight:600;
  	color:#4c4c4c;
  	transition:all linear 0.15s;
  }

  .faculty-new .tabs .tab-links a:hover,
  .faculty-new .tabs .tab-links a:focus {
  	background: white;
  	text-decoration:none;
    border-left: 3px;
    border-left-style: solid;
    border-left-color: var(--purple);
  }

  .faculty-new .tabs li.active a,
  .faculty-new li.active a:hover,
  .faculty-new li.active a:focus {
  	background: var(--ltgrey);
  	color: var(--purple);
    border-left: 3px;
    border-left-style: solid;
    border-left-color: var(--purple);
  }
	.view-faculty-page-2019 .tabs a{
	  color: var(--purple);
	}

  /*----- Content of Tabs -----*/

  .faculty-new .tabs .tab-content {
  	padding:10px 20px 20px 20px;
  	background:#e5e5e5;
    margin: 0px 25px;
  }

  .faculty-new .tabs .tab {
  	display:none;
  }

  .faculty-new .tabs .tab.active {
  	display:block;
  }
	.faculty-new .tab.active ul{
		margin-bottom: 0px;
	}
	.faculty-new .tab.active ul a.link{
		margin: 0px;
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 1em;
	}

/*----- mentorship tab fix -----*/

 .faculty-new section[id*='student-research'] div.views-row,
 .faculty-new div[class*='student_research'] div.views-row {
   max-width: 100%;
	}
	 .faculty-new section[id*='student-research'] div.view-content,
	 .faculty-new div[class*='student_research'] div.view-content {
		justify-content: left;
	}


  /**------ Faculty experts - section landing pages ---*/

  section[id*="expertise"],
  div[class*='view-id-guides_faculty'] {
  	max-width: 1170px;
  }
  section[id*="expertise"] div.view-content,
  div[class*='view-id-guides_faculty'] div.view-content {
    justify-content: left;
  }

  section[id*="expertise"] div.views-row,
  body.card div.views-row,
  div.card-6,
  div[class*='view-id-guides_faculty'] div.views-row {
  	background-color: var(--white);
    min-width: 180px;
  }

  section[id*="expertise"] div.views-field.views-field-title span a.link,
  section[id*="expertise"] div.views-field.views-field-title span .link a,
  div[class*='view-id-guides_faculty'] div.views-field.views-field-title span a.link,
  div[class*='view-id-guides_faculty'] div.views-field.views-field-title span .link a {
  	margin: 0;
    padding: 0;
  }
  @media only screen and (max-width: 768px){
    section[id*="expertise"] div.views-row, body.card div.views-row,
    div[class*='view-id-guides_faculty'] div.views-row, body.card div.views-row {
      background-color: var(--white);
      min-width: 120px;
      width: 140px;
    }
    section[id*="expertise"] div.view-content,
    div[class*='view-id-guides_faculty'] div.view-content {
      justify-content: center;
    }
  }
  /**------ Frontpage video ---*/

  div.main-video {
    max-width: 1200px;
    margin: auto;
  }
  div.main-video > div.SixtySix {
    padding: 0px;
  }
  div.main-video .ThirtyThree p,
  div.main-video .ThirtyThree h2 {
    color: white;
  }
  @media only screen and (min-width: 1200px) {
    div.main-video iframe{
      width: 800px;
      height: 450px;
    }
    div.main-video,
    div.main-video > .ThirtyThree {
      height: 450px;
    }
  }
  @media only screen and (max-width: 1200px) {
    div.main-video iframe{
      width: calc(100vw * .8);
      height: calc(100vw * .45);
    }
    div.main-video,
    div.main-video > .ThirtyThree {
      height: calc(100vw * .45);
    }
  }

  @media (min-width: 768px){
    div.main-video > .SixtySix {
        width: 66%;
        display: inline-block;
    }
    div.main-video > .ThirtyThree {
      width: 33%;
      display: inline-block;
      padding: 0px 15px;
      margin-top: 100px;
      vertical-align: top;
    }
   .front-video-caption-2 {
      display: none;
    }
  }
  @media (max-width: 768px){
    div.main-video > .SixtySix {
        width: 100%;
    }
    div.main-video > .ThirtyThree {
      display: none;
    }
    div.main-video iframe{
      width: 100vw;
      height: 56vw;
    }
    div.main-video,
    div.main-video > .ThirtyThree {
      height: 56vw;
    }
    .vid .gold-uni {
      display: none;
    }
    div.front-video-caption-2 > h2 {
      font-size: 1.4em;
    }
  }


  /***--------Custom Block CSS for Servicing Washington---------***/
  section#block-servicingwashingtonresearchandexperts{
    width: 100%;
    max-width: 1170px;
  }


  /***---------------Serving WA State maps section-------------------***/
  #serving-wa-state-maps {
    margin: 2rem 0 3rem 0;
    padding-bottom: 2rem;
    border-bottom: 2px solid var(--ltgrey);
  }
  #serving-wa-state-maps .nav-tabs > li > a {
    font-size: 90%;
  }
	/***---------------SRP Blog/Center Updates styling *** not V's CSS-------------------***/
	.multi-site .view-blog .views-row > .views-field.views-field-title {
	  padding: 1rem 0 0.25rem 0;
	}
	.multi-site .view-blog .views-row:first-child > .views-field.views-field-title {
	  padding-top: 2rem; /* Extra padding above first item title */
	}
	.multi-site .view-blog .views-row > .views-field.views-field-title a {
	  font-size: 1.4em;
	  font-weight: 900;
	  font-family: "Encode Sans Normal","Open Sans","Arial",sans-serif;
	  line-height: 1.1;
	  color: var(--purple);
	}
	.multi-site .view-blog .views-row > .views-field.views-field-created {
	  font-weight: bold;
	}
	.multi-site .view-blog .views-row > .views-field.views-field-body {
	  padding: 0.75rem 0 2rem 0;
	  border-bottom: 2px solid var(--ltgrey);
	}

	.home-featured-blocks-wrapper {
	  position: relative;
	  padding-top: 20rem;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul {
	  display: block;
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items {
	  display: none;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav {
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  width: 8rem;
	  display: flex;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li {
	  background: transparent!important;
	  opacity: .7;
	  transition: 0.2s opacity;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li > * {
	  cursor: pointer;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:hover, .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:focus {
	  opacity: 1!important;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li button {
	  border-radius: 100%;
	  width: 2.25rem;
	  height: 2.25rem;
	  border: 0;
	  background: #fff;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:nth-child(2), .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:nth-child(3) {
	  color: #fff!important;
	  text-align: center;
	  font-size: 200%;
	  font-family: sans-serif;
	/*  -webkit-text-stroke: 1px #4B2E83; */
	}
	.home-featured-blocks-wrapper .home-featured-blocks ul li {
	  position: relative;
	  height: 3.5rem;
	  width: 100%;
	  overflow: hidden;
	  z-index: 3;
	  background: #fff;
	  color: black;
	  transition: 0.2s background, 0.2s color, 0.2s padding;
	}

	.home-featured-blocks-wrapper ul.home-featured-block-nav li {
	  width: auto;
	}

	.multi-site .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-is-active {
	  background: #4B2E83 !important;
	  color: #fff !important;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a {
	  position: relative;
	  display: block;
	  margin: 0;
	  padding: 0;
	  height: 100%;
	  text-decoration: none;
	  color: inherit;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a:focus {
	  border: 3px dashed #4B2E83;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a span {
	  display: block;
	  position: relative;
	  text-decoration: none;
	  padding: .75rem 1rem;
	  font-family: "Encode Sans", sans-serif;
	  text-align: left;
	  line-height: 1.2;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a span small {
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  font-weight: 600;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a span h3 {
	  font-family: "Encode Sans", sans-serif;
	  letter-spacing: 0.3px;
	  margin-top: 0.25rem;
	  margin-bottom: 0.5rem;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a span p {
	  font-family: "Open Sans", sans-serif;
	  font-weight: 400;
	  margin-bottom: 1.5rem;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a span p,
	.home-featured-blocks-wrapper .home-featured-blocks ul li a span small.cta {
	  opacity: 0;
	}

	#playPauseButton p {
	  letter-spacing: -7px;
	  font-size: 25px;
	  padding: 5px 0px;
	  color: #fff!important;
	  /* -webkit-text-stroke: 1px #4B2E83; */
	  width: 32px;
	}

	@media screen and (min-width: 992px) {
	  body {
	    background: unset;
	  }

	  .srp-module {
	    background: #4B2E83;
	  }


	  .home-featured-blocks-wrapper {
	    height: 100vh;
	    position: unset;
	    padding-top: 0;
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav {
	    position: absolute;
	    bottom: 4rem;
	    right: unset;
	    width: 8rem;
	    /* display: flex; */
	    /* padding: 0 55% 0 15%; */
	    left: 15%;
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items {
	    position: absolute;
	    bottom: 0;
	    top: unset;
	    width: calc(100%);
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul {
	    display: flex!important;
	    align-items: flex-end;
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul li {
	    background: rgb(255 255 255 / 0.9);
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul li a span {
	    padding: .75rem;
	    text-align: center;
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul li a span p,
	  .home-featured-blocks-wrapper .home-featured-blocks ul li a span small.cta {
	    opacity: 0;
	    transition: 0.2s opacity;
	  }
	  .home-featured-blocks-wrapper .home-featured-blocks ul li:hover a span p,
	  .home-featured-blocks-wrapper .home-featured-blocks ul li a span small.cta {
	    opacity: 1;
	  }
	}

	@media screen and (min-width: 992px) and (max-width: 1200px) {
	  .srp-module {
	    font-size: 90%;
	  }
	  .home-featured-blocks-wrapper .home-featured-blocks ul li {
	    height: 4rem;
	  }
	  .multi-site .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li:hover, .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li a {
	    padding-bottom: 6rem;
	  }
	  .home-featured-blocks-wrapper .home-featured-blocks ul li a span {
	    padding: .75rem;
	  }
	}

	@media screen and (min-width: 1200px) {
	  .home-featured-blocks-wrapper .home-featured-blocks ul li {
	    height: 3.5rem;
	  }
	  .multi-site .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li:hover, .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li a {
	    padding-bottom: 5rem;
	  }
	}

	/** Multi-site slideshow **/
	.view-front-page-slideshow {
	  position: relative;
	  height: 37rem;
	  /* overflow: hidden; */
	  margin-top: -1px;
	  /* margin-bottom: 1rem; */
	}

	.view-front-page-slideshow span.home-featured-slide {
	  display: block;
	  width: 100%;
	  height: 20rem;
	  position: absolute;
	  top: 0;
	  left: 0;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: 50%;
	  background-position-x: 25%;
	  opacity: 0;
	  transition: 0.2s opacity;
	}

	.view-front-page-slideshow span.home-featured-slide::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}

	.view-front-page-slideshow span.home-featured-slide.home-featured-active {
	  opacity: 1;
	  z-index: 1;
	}

	.view-front-page-slideshow span.home-featured-slide.home-featured-user {
	  opacity: 1;
	  z-index: 2;
	}

	.view-front-page-slideshow span.home-featured-slide > a {
	  text-decoration: none;
	}

	.view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption {
	  position: relative;
	  top: 20rem;
	  height: 13.5rem;
	  display: block;
	  padding: 1rem;
	  z-index: 4;
	  background: rgb(255 255 255 / .9);
	}

	.view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > h2, .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > p {
	  color: #fff;
	}

	.view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > h2 {
	  font-family: "Encode Sans", sans-serif;
	  font-weight: 600;
	  line-height: 1.15;
	  letter-spacing: normal;
	  font-size: 125%;
	  color: #4B2E83;
	  margin-top: 0;
	}

	.view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > p {
	  font-family: "Open Sans", sans-serif;
	  font-weight: 400;
	  font-size: 90%;
	  line-height: 1.35;
	  margin-bottom: 0;
	  color: #383838;
	}

	.home-featured-blocks-wrapper {
	  position: relative;
	  padding-top: 20rem;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul {
	  display: block;
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items {
	  display: none;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav {
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  width: 8rem;
	  display: flex;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li {
	  background: transparent!important;
	  opacity: .7;
	  transition: 0.2s opacity;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li > * {
	  cursor: pointer;
	}

	.multi-site .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:hover, .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:focus {
	  opacity: 1!important;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li button {
	  border-radius: 100%;
	  width: 2.25rem;
	  height: 2.25rem;
	  border: 0;
	  background: #fff;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:nth-child(2), .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:nth-child(3) {
	  color: #fff!important;
	  text-align: center;
	  font-size: 200%;
	  font-family: sans-serif;
	  /* -webkit-text-stroke: 1px #4B2E83; */
	}
	.home-featured-blocks-wrapper .home-featured-blocks ul li {
	  position: relative;
	  height: 3.5rem;
	  width: 100%;
	  overflow: hidden;
	  z-index: 3;
	  background: #fff;
	  color: black;
	  transition: 0.2s background, 0.2s color, 0.2s padding;
	}

	.home-featured-blocks-wrapper ul.home-featured-block-nav li {
	  width: auto;
	}

	.multi-site .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-is-active {
	  background: #4B2E83 !important;
	  color: #fff !important;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a {
	  position: relative;
	  display: block;
	  margin: 0;
	  padding: 0;
	  height: 100%;
	  text-decoration: none;
	  color: inherit;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a:focus {
	  border: 3px dashed #4B2E83;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a span {
	  display: block;
	  position: relative;
	  text-decoration: none;
	  padding: .75rem 1rem;
	  font-family: "Encode Sans", sans-serif;
	  text-align: left;
	  line-height: 1.2;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a span small {
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  font-weight: 600;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a span h3 {
	  font-family: "Encode Sans", sans-serif;
	  letter-spacing: 0.3px;
	  margin-top: 0.25rem;
	  margin-bottom: 0.5rem;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a span p {
	  font-family: "Open Sans", sans-serif;
	  font-weight: 400;
	  margin-bottom: 1.5rem;
	}

	.home-featured-blocks-wrapper .home-featured-blocks ul li a span p,
	.home-featured-blocks-wrapper .home-featured-blocks ul li a span small.cta {
	  opacity: 0;
	}

	#playPauseButton p {
	  letter-spacing: -7px;
	  font-size: 26px;
	  padding: 5px 0px;
	  color: #fff!important;
	/*  box-shadow: -3px 1px 8px rgba(0, 0, 0, 0.25); */
	  width: 32px;
	}

	@media screen and (min-width: 992px) {
	  body {
	    background: unset;
	  }

	  .view-front-page-slideshow {
	    background: #4B2E83;
	  }

	  .view-front-page-slideshow span.home-featured-slide {
	    height: 37rem!important;
	  }

	  .view-front-page-slideshow span.home-featured-slide.align-top {
	    background-position-y: 0%;
	  }

	  .view-front-page-slideshow span.home-featured-slide.align-bottom {
	    background-position-y: 100%;
	  }

	  .view-front-page-slideshow span.home-featured-slide::after {
	    content: unset;
	  }

	  .view-front-page-slideshow span.home-featured-slide.darken::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      hsla(0, 0%, 0%, 0.45) 0%,
	      hsla(0, 0%, 0%, 0.444) 11.2%,
	      hsla(0, 0%, 0%, 0.428) 21%,
	      hsla(0, 0%, 0%, 0.403) 29.6%,
	      hsla(0, 0%, 0%, 0.371) 37.1%,
	      hsla(0, 0%, 0%, 0.333) 43.7%,
	      hsla(0, 0%, 0%, 0.292) 49.6%,
	      hsla(0, 0%, 0%, 0.247) 55%,
	      hsla(0, 0%, 0%, 0.203) 60%,
	      hsla(0, 0%, 0%, 0.158) 64.8%,
	      hsla(0, 0%, 0%, 0.117) 69.6%,
	      hsla(0, 0%, 0%, 0.079) 74.6%,
	      hsla(0, 0%, 0%, 0.047) 80%,
	      hsla(0, 0%, 0%, 0.022) 85.9%,
	      hsla(0, 0%, 0%, 0.006) 92.5%,
	      hsla(0, 0%, 0%, 0) 100%
	    );
	  }

	  .view-front-page-slideshow span.home-featured-slide.lighten::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      hsla(0, 0%, 75%, 0.45) 0%,
	      hsla(0, 0%, 75%, 0.444) 11.2%,
	      hsla(0, 0%, 75%, 0.428) 21%,
	      hsla(0, 0%, 75%, 0.403) 29.6%,
	      hsla(0, 0%, 75%, 0.371) 37.1%,
	      hsla(0, 0%, 75%, 0.333) 43.7%,
	      hsla(0, 0%, 75%, 0.292) 49.6%,
	      hsla(0, 0%, 75%, 0.247) 55%,
	      hsla(0, 0%, 75%, 0.203) 60%,
	      hsla(0, 0%, 75%, 0.158) 64.8%,
	      hsla(0, 0%, 75%, 0.117) 69.6%,
	      hsla(0, 0%, 75%, 0.079) 74.6%,
	      hsla(0, 0%, 75%, 0.047) 80%,
	      hsla(0, 0%, 75%, 0.022) 85.9%,
	      hsla(0, 0%, 75%, 0.006) 92.5%,
	      hsla(0, 0%, 75%, 0) 100%
	    );
	  }

	  .view-front-page-slideshow span.home-featured-slide.angle-purple::before {
	    content: "";
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(-75deg, transparent 50%, #4B2E83 50%), linear-gradient(-75deg, transparent 50%, #fff 50%);
	    z-index: 2;
	  }

	  .view-front-page-slideshow span.home-featured-slide.angle-purple::after, .view-front-page-slideshow span.home-featured-slide.angle-white::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to top,
	      hsla(0, 0%, 0%, 0.1) 0%,
	      hsla(0, 0%, 0%, 0.099) 0%,
	      hsla(0, 0%, 0%, 0.095) 0.2%,
	      hsla(0, 0%, 0%, 0.09) 0.8%,
	      hsla(0, 0%, 0%, 0.082) 1.9%,
	      hsla(0, 0%, 0%, 0.074) 3.7%,
	      hsla(0, 0%, 0%, 0.065) 6.4%,
	      hsla(0, 0%, 0%, 0.055) 10.2%,
	      hsla(0, 0%, 0%, 0.045) 15.2%,
	      hsla(0, 0%, 0%, 0.035) 21.6%,
	      hsla(0, 0%, 0%, 0.026) 29.6%,
	      hsla(0, 0%, 0%, 0.018) 39.4%,
	      hsla(0, 0%, 0%, 0.01) 51.2%,
	      hsla(0, 0%, 0%, 0.005) 65.1%,
	      hsla(0, 0%, 0%, 0.001) 81.3%,
	      hsla(0, 0%, 0%, 0) 100%
	    );
	    z-index: 3;
	  }

	  .view-front-page-slideshow span.home-featured-slide.angle-white::before {
	    content: "";
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(-75deg, transparent 50%, #fff 50%), linear-gradient(-75deg, transparent 50%, #fff 50%);
	    z-index: 2;
	  }

	  .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption {
	    font-size: 120%;
	    position: absolute;
	    height: calc(35rem - 5rem);
	    padding: 0 55% 0 15%;
	    background: unset;
	    top: unset;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	  }

	  .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > h2 {
	    font-size: revert;
	    letter-spacing: -0.3px;
	    color: #fff;
	  }

	  .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > p {
	    font-size: 100%;
	    color: #fff;
	  }

	  .view-front-page-slideshow span.home-featured-slide.angle-white span.home-featured-display-caption > h2,   .view-front-page-slideshow span.home-featured-slide.lighten span.home-featured-display-caption > h2 {
	    color: #4B2E83;
	  }

	  .view-front-page-slideshow span.home-featured-slide.angle-white span.home-featured-display-caption > p,   .view-front-page-slideshow span.home-featured-slide.lighten span.home-featured-display-caption > p  {
	    color: #383838!important;
	  }

	  .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > * {
	    margin: 0 0 1rem 0;
	    text-shadow: -4px 2px 10px rgb(0 0 0 / .35);
	  }
		.view-front-page-slideshow span.home-featured-slide.lighten span.home-featured-display-caption > * {
			text-shadow: -4px 2px 10px rgb(255 255 255 / .6);
		}

	  .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > h2 > * {
	    text-shadow: -4px 2px 10px rgb(0 0 0 / .35);
	  }

	  .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption.lighten > * {
	    margin: 0 0 1rem 0;
	    text-shadow: -4px 2px 10px rgb(255 255 255 / .35);
	  }

	  .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption.lighten > h2 > * {
	    text-shadow: -4px 2px 10px rgb(255 255 255 / .35);
	  }

	  .view-front-page-slideshow span.home-featured-slide.angle-purple span.home-featured-display-caption > *, .view-front-page-slideshow span.home-featured-slide.angle-white span.home-featured-display-caption > *, .view-front-page-slideshow span.home-featured-slide.angle-purple span.home-featured-display-caption .fas, .view-front-page-slideshow span.home-featured-slide.angle-white span.home-featured-display-caption .fas {
	    text-shadow: unset!important;
	  }

	  .home-featured-blocks-wrapper {
	    height: 100vh;
	    position: unset;
	    padding-top: 0;
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav {
	    position: absolute;
	    bottom: 4rem;
	    right: unset;
	    width: 8rem;
	    /* display: flex; */
	    /* padding: 0 55% 0 15%; */
	    left: 15%;
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items {
	    position: absolute;
	    bottom: 0;
	    top: unset;
	    width: calc(100%);
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul {
	    display: flex!important;
	    align-items: flex-end;
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul li {
	    background: rgb(255 255 255 / 0.9);
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul li a span {
	    padding: .75rem;
	    text-align: center;
	  }

	  .home-featured-blocks-wrapper .home-featured-blocks ul li a span p,
	  .home-featured-blocks-wrapper .home-featured-blocks ul li a span small.cta {
	    opacity: 0;
	    transition: 0.2s opacity;
	  }
	  .multi-site .home-featured-blocks-wrapper .home-featured-blocks ul li:hover a span p,
	  .multi-site .home-featured-blocks-wrapper .home-featured-blocks ul li a span small.cta {
	    opacity: 1;
	  }
	}

	@media screen and (min-width: 992px) and (max-width: 1200px) {
	  .view-front-page-slideshow {
	    font-size: 90%;
	  }
	  .home-featured-blocks-wrapper .home-featured-blocks ul li {
	    height: 4rem;
	  }
	  .multi-site .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li:hover, .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li a {
	    padding-bottom: 6rem;
	  }
	  .home-featured-blocks-wrapper .home-featured-blocks ul li a span {
	    padding: .75rem;
	  }
	}

	@media screen and (min-width: 1200px) {
	  .home-featured-blocks-wrapper .home-featured-blocks ul li {
	    height: 3.5rem;
	  }
	  .multi-site .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li:hover, .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li a {
	    padding-bottom: 5rem;
	  }
	}

	@media screen and (min-width: 992px) and (max-width: 1550px) {
	  .view-front-page-slideshow span.home-featured-slide.angle-purple, .view-front-page-slideshow span.home-featured-slide.angle-white {
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	  }
	}
	@media screen and (min-width: 1550px) {
	  .view-front-page-slideshow span.home-featured-slide.angle-purple, .view-front-page-slideshow span.home-featured-slide.angle-white {
	    background-size: 65%;
	    background-position: 100%;
	  }
	}

	/** Front page slideshow **/
	.deohs-front .view-front-page-slideshow {
	  overflow: unset;
	}
	.deohs-front .view-front-page-slideshow p.lgbtn {
	  margin-top: 20px;
	  width: 147px;
	  padding-left: 8px;
	  font-weight: bold;
	}
	#playPauseButton {
	  height:3.8rem;
	  width: 40px;
	}
	#prevSlideButton, #nextSlideButton {
	  font-size: 35px;
	  padding: 0px;
	  margin: 0px;
	  width: 30px;
	  height: 3.8rem;
	}

	.deohs-front .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > p > a {
	  padding: .5rem .8rem .5rem 1rem;
	  font-family: "Encode Sans", sans-serif;
	  color: #4B2E83;
	  display: inline-block;
	  line-height: 24px;
	  font-size: 14px;
	  text-decoration: none !important;
	  background-color: #fff;
	  margin-top: 2rem;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  font-weight: 600;
	  box-shadow: -4px 2px 8px rgb(0 0 0 / .25);
	  transition: .2s background;
	  z-index: 0;
	}

	.deohs-front .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > p > a:hover, .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > p > a:focus {
	  background: rgba(255,255,255,.7);
	}

	.deohs-front .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > p > a i.fas, .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > p > a svg {
	  margin-left: .5rem;
	  color: #b7a57a;
	}
	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items {
	  max-width: 100%;
	  padding: 2rem 7rem;
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items::after {
	  box-shadow: -3px 1px 8px rgba(0, 0, 0, 0.25);
	  content: '';
	  width: calc(100% - 14rem);
	  height: 3.75rem;
	  position: absolute;
	  transform-origin: 0% 100%;
	  transform: skew(-15deg);
	  z-index: 3;
	  background-color: white;
	}
	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li {
	  background: transparent!important;
	  opacity: 1;
	  transition: 0.2s opacity;
	  z-index: 3;
	}
	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li > * {
	  cursor: pointer;
	  /*filter: drop-shadow(-1px 1px 3px rgb(0 0 0 / .5));*/
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li > i.fas, .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li > svg {
	  filter: drop-shadow(-1px 1px 3px rgb(0 0 0 / .5));
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:hover, .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:focus {
	  opacity: .7!important;
	}
	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li button {
	  border-radius: 100%;
	  width: 2.25rem;
	  height: 2.25rem;
	  border: 0;
	  background: #fff;
	/*  box-shadow: -3px 1px 8px rgba(0, 0, 0, 0.25); */
	}
	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:nth-child(2), .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:nth-child(3) {
	  color: #fff!important;
	  text-align: center;
	  font-size: 200%;
	  font-family: sans-serif;
	  margin-bottom: 1rem;
	  margin-right: 1rem;
	  width: auto;
	  height: auto;
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li {
	  position: relative;
	  height: 2.75rem;
	  width: 100%;
	  z-index: 3;
	  background: #fff;
	  color: black;
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-is-active {
	  color: #fff !important;
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-is-active + li, .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-is-active::after {
	  background: #4B2E83 !important;
	  transition: 0.2s background;
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-block-item:first-child {
	  background: transparent !important;
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-block-item:first-child.home-featured-is-active {
	  background: unset !important;
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-block-item:last-child {
	  background: #fff;
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-block-item::after {
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: #fff;
	  /* transform-origin: 0% 100%;
	  transform: skew(-15deg); */
	  z-index: -1;
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-block-item, .home-featured-blocks-wrapper .home-featured-blocks ul li.home-featured-block-item::after {
	  transition: .2s background, .2s color;
	}

	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li a {
	  position: relative;
	  display: flex;
	  margin: 0;
	  padding: 0;
	  height: 100%;
	  text-decoration: none;
	  color: inherit;
	}
	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li a span {
	  display: block;
	  position: relative;
	  text-decoration: none;
	  padding: .75rem 1rem;
	  font-family: "Encode Sans", sans-serif;
	  text-align: left;
	  align-self: center;
	  margin: 0 auto;
	  line-height: 1.2;
	}

	.view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption .lgbtn{
	  font-family:uni sans;
	  font-size:17px;
	  font-weight: bold;
	  color:var(--purple);
	  background-color: rgba(51, 0, 111, .1);
	  padding: 6px 7px 5px 7px;
	  border-style: solid;
	  border-width: 2px;
	  border-color: var(--purple);
	  display: inline-block;
	}
	.view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption p.lgbtn:hover,
	.view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption p.lgbtn:focus{
	  font-family:uni sans;
	  font-size:17px;
	  font-weight: bold;
	  color:var(--purple);
	  background-color: rgba(51, 0, 111, .1);
	  padding: 7px 7px 5px 5px;
	  border-style: solid;
	  border-width: 2px;
	  border-color: var(--purple);
	  display: inline-block;
	}


	@media screen and (min-width: 992px) {
	/**  body {
	    background: #e5e5e5;
	  } **/

	  .deohs-front .view-front-page-slideshow::after {
	  position: absolute;
	  height: 80px;
	  width: 100%;
	  content: "";
	  background: url('http://www.washington.edu/static/home/wp-content/themes/uw-2014/assets/images/stripes-dark-tile.svg');
	  opacity: 0.3;
	  z-index: 2;
	  bottom: 0;
	}

	.deohs-front .view-front-page-slideshow span.home-featured-slide.angle-purple::after, .view-front-page-slideshow span.home-featured-slide.angle-white::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: linear-gradient(
	    to bottom,
	    hsla(0, 0%, 0%, 0) 0%,
	    hsla(0, 0%, 0%, 0.002) 14.9%,
	    hsla(0, 0%, 0%, 0.009) 27.3%,
	    hsla(0, 0%, 0%, 0.019) 37.5%,
	    hsla(0, 0%, 0%, 0.032) 45.8%,
	    hsla(0, 0%, 0%, 0.047) 52.6%,
	    hsla(0, 0%, 0%, 0.063) 58.1%,
	    hsla(0, 0%, 0%, 0.081) 62.6%,
	    hsla(0, 0%, 0%, 0.099) 66.5%,
	    hsla(0, 0%, 0%, 0.117) 70%,
	    hsla(0, 0%, 0%, 0.133) 73.4%,
	    hsla(0, 0%, 0%, 0.148) 77.1%,
	    hsla(0, 0%, 0%, 0.161) 81.2%,
	    hsla(0, 0%, 0%, 0.171) 86.3%,
	    hsla(0, 0%, 0%, 0.178) 92.4%,
	    hsla(0, 0%, 0%, 0.18) 100%
	  );
	  z-index: 3;
	}
	.deohs-front .view-front-page-slideshow span.home-featured-slide.angle-purple span.home-featured-display-caption > *, .view-front-page-slideshow span.home-featured-slide.angle-white span.home-featured-display-caption > *, .view-front-page-slideshow span.home-featured-slide.angle-purple span.home-featured-display-caption .fas, .view-front-page-slideshow span.home-featured-slide.angle-white span.home-featured-display-caption .fas, .view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption > p:nth-of-type(2) {
	    text-shadow: unset!important;
	  }
	.deohs-front .home-featured-blocks-wrapper .home-featured-blocks {
	   position: absolute;
	   bottom: -3.75rem;
	   top: unset;
	   left: 0;
	   right: 0;
	 }

	 .deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav {
	   position: absolute;
	   bottom: 6rem;
	   right: unset;
	   display: flex;
	   /* padding: 0 55% 0 15%; */
	 }

	 .deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:nth-child(2), .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:nth-child(3) {
	   margin-bottom: 1.75rem;
	 }
	 .deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li {
	    position: relative;
	    height: 3.75rem;
	    width: 100%;
	    z-index: 4;
	    background: #fff;
	    color: #444444;
	    transform-origin: 0% 100%;
	    transform: skew(-15deg);
	    /*filter: drop-shadow(0.3rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2));*/
	  }

	  .deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li a span {
	    padding: .5rem;
	    padding-left: 1.5rem;
	    padding-top: calc(.5rem - 4px)!important;
	    text-align: center;
	  }
	  .deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li:hover,
	  .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li a {
	    /*padding-bottom: 6rem;*/
	  }
	  .deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul li a span {
	    padding-left: 1.75rem;
	  }

	  .deohs-front .view-front-page-slideshow span.slide1::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      rgba(var(--rgb-color1), 0.45) 0%,
	      rgba(var(--rgb-color1), 0.444) 11.2%,
	      rgba(var(--rgb-color1), 0.428) 21%,
	      rgba(var(--rgb-color1), 0.403) 29.6%,
	      rgba(var(--rgb-color1), 0.371) 37.1%,
	      rgba(var(--rgb-color1), 0.333) 43.7%,
	      rgba(var(--rgb-color1), 0.292) 49.6%,
	      rgba(var(--rgb-color1), 0.247) 55%,
	      rgba(var(--rgb-color1), 0.203) 60%,
	      rgba(var(--rgb-color1), 0.158) 64.8%,
	      rgba(var(--rgb-color1), 0.117) 69.6%,
	      rgba(var(--rgb-color1), 0.079) 74.6%,
	      rgba(var(--rgb-color1), 0.047) 80%,
	      rgba(var(--rgb-color1), 0.022) 85.9%,
	      rgba(var(--rgb-color1), 0.006) 92.5%,
	      rgba(var(--rgb-color1), 0) 100%
	    );
	  }

	  .deohs-front .view-front-page-slideshow span.slide2::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      rgba(var(--rgb-color2), 0.45) 0%,
	      rgba(var(--rgb-color2), 0.444) 11.2%,
	      rgba(var(--rgb-color2), 0.428) 21%,
	      rgba(var(--rgb-color2), 0.403) 29.6%,
	      rgba(var(--rgb-color2), 0.371) 37.1%,
	      rgba(var(--rgb-color2), 0.333) 43.7%,
	      rgba(var(--rgb-color2), 0.292) 49.6%,
	      rgba(var(--rgb-color2), 0.247) 55%,
	      rgba(var(--rgb-color2), 0.203) 60%,
	      rgba(var(--rgb-color2), 0.158) 64.8%,
	      rgba(var(--rgb-color2), 0.117) 69.6%,
	      rgba(var(--rgb-color2), 0.079) 74.6%,
	      rgba(var(--rgb-color2), 0.047) 80%,
	      rgba(var(--rgb-color2), 0.022) 85.9%,
	      rgba(var(--rgb-color2), 0.006) 92.5%,
	      rgba(var(--rgb-color2), 0) 100%
	    );
	  }
	  .deohs-front .view-front-page-slideshow span.slide3::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      rgba(var(--rgb-color3), 0.45) 0%,
	      rgba(var(--rgb-color3), 0.444) 11.2%,
	      rgba(var(--rgb-color3), 0.428) 21%,
	      rgba(var(--rgb-color3), 0.403) 29.6%,
	      rgba(var(--rgb-color3), 0.371) 37.1%,
	      rgba(var(--rgb-color3), 0.333) 43.7%,
	      rgba(var(--rgb-color3), 0.292) 49.6%,
	      rgba(var(--rgb-color3), 0.247) 55%,
	      rgba(var(--rgb-color3), 0.203) 60%,
	      rgba(var(--rgb-color3), 0.158) 64.8%,
	      rgba(var(--rgb-color3), 0.117) 69.6%,
	      rgba(var(--rgb-color3), 0.079) 74.6%,
	      rgba(var(--rgb-color3), 0.047) 80%,
	      rgba(var(--rgb-color3), 0.022) 85.9%,
	      rgba(var(--rgb-color3), 0.006) 92.5%,
	      rgba(var(--rgb-color3), 0) 100%
	    );
	  }
	  .deohs-front .view-front-page-slideshow span.slide4::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      rgba(var(--rgb-color4), 0.45) 0%,
	      rgba(var(--rgb-color4), 0.444) 11.2%,
	      rgba(var(--rgb-color4), 0.428) 21%,
	      rgba(var(--rgb-color4), 0.403) 29.6%,
	      rgba(var(--rgb-color4), 0.371) 37.1%,
	      rgba(var(--rgb-color4), 0.333) 43.7%,
	      rgba(var(--rgb-color4), 0.292) 49.6%,
	      rgba(var(--rgb-color4), 0.247) 55%,
	      rgba(var(--rgb-color4), 0.203) 60%,
	      rgba(var(--rgb-color4), 0.158) 64.8%,
	      rgba(var(--rgb-color4), 0.117) 69.6%,
	      rgba(var(--rgb-color4), 0.079) 74.6%,
	      rgba(var(--rgb-color4), 0.047) 80%,
	      rgba(var(--rgb-color4), 0.022) 85.9%,
	      rgba(var(--rgb-color4), 0.006) 92.5%,
	      rgba(var(--rgb-color4), 0) 100%
	    );
	  }
	  .deohs-front .view-front-page-slideshow span.slide5::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      rgba(var(--rgb-color5), 0.45) 0%,
	      rgba(var(--rgb-color5), 0.444) 11.2%,
	      rgba(var(--rgb-color5), 0.428) 21%,
	      rgba(var(--rgb-color5), 0.403) 29.6%,
	      rgba(var(--rgb-color5), 0.371) 37.1%,
	      rgba(var(--rgb-color5), 0.333) 43.7%,
	      rgba(var(--rgb-color5), 0.292) 49.6%,
	      rgba(var(--rgb-color5), 0.247) 55%,
	      rgba(var(--rgb-color5), 0.203) 60%,
	      rgba(var(--rgb-color5), 0.158) 64.8%,
	      rgba(var(--rgb-color5), 0.117) 69.6%,
	      rgba(var(--rgb-color5), 0.079) 74.6%,
	      rgba(var(--rgb-color5), 0.047) 80%,
	      rgba(var(--rgb-color5), 0.022) 85.9%,
	      rgba(var(--rgb-color5), 0.006) 92.5%,
	      rgba(var(--rgb-color5), 0) 100%
	    );
	  }
	  .deohs-front .view-front-page-slideshow span.fit-height{
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	  }
	  .deohs-front .view-front-page-slideshow span.fit-height.slide1::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      rgba(var(--rgb-color1), 1) 43.7%,
	      rgba(var(--rgb-color1), 0.9) 49.6%,
	      rgba(var(--rgb-color1), 0.7) 55%,
	      rgba(var(--rgb-color1), 0.5) 60%,
	      rgba(var(--rgb-color1), 0.158) 64.8%,
	      rgba(var(--rgb-color1), 0.117) 69.6%,
	      rgba(var(--rgb-color1), 0.079) 74.6%,
	      rgba(var(--rgb-color1), 0.047) 80%,
	      rgba(var(--rgb-color1), 0.022) 85.9%,
	      rgba(var(--rgb-color1), 0.006) 92.5%,
	      rgba(var(--rgb-color1), 0) 100%
	    );
	  }

	  .deohs-front .view-front-page-slideshow span.fit-height.slide2::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      rgba(var(--rgb-color2), 1) 43.7%,
	      rgba(var(--rgb-color2), 0.9) 49.6%,
	      rgba(var(--rgb-color2), 0.7) 55%,
	      rgba(var(--rgb-color2), 0.5) 60%,
	      rgba(var(--rgb-color2), 0.158) 64.8%,
	      rgba(var(--rgb-color2), 0.117) 69.6%,
	      rgba(var(--rgb-color2), 0.079) 74.6%,
	      rgba(var(--rgb-color2), 0.047) 80%,
	      rgba(var(--rgb-color2), 0.022) 85.9%,
	      rgba(var(--rgb-color2), 0.006) 92.5%,
	      rgba(var(--rgb-color2), 0) 100%
	    );
	  }
	  .deohs-front .view-front-page-slideshow span.fit-height.slide3::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      rgba(var(--rgb-color3), 1) 43.7%,
	      rgba(var(--rgb-color3), 0.9) 49.6%,
	      rgba(var(--rgb-color3), 0.7) 55%,
	      rgba(var(--rgb-color3), 0.5) 60%,
	      rgba(var(--rgb-color3), 0.158) 64.8%,
	      rgba(var(--rgb-color3), 0.117) 69.6%,
	      rgba(var(--rgb-color3), 0.079) 74.6%,
	      rgba(var(--rgb-color3), 0.047) 80%,
	      rgba(var(--rgb-color3), 0.022) 85.9%,
	      rgba(var(--rgb-color3), 0.006) 92.5%,
	      rgba(var(--rgb-color3), 0) 100%
	    );
	  }
	  .deohs-front .view-front-page-slideshow span.fit-height.slide4::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      rgba(var(--rgb-color4), 1) 43.7%,
	      rgba(var(--rgb-color4), 0.9) 49.6%,
	      rgba(var(--rgb-color4), 0.7) 55%,
	      rgba(var(--rgb-color4), 0.5) 60%,
	      rgba(var(--rgb-color4), 0.158) 64.8%,
	      rgba(var(--rgb-color4), 0.117) 69.6%,
	      rgba(var(--rgb-color4), 0.079) 74.6%,
	      rgba(var(--rgb-color4), 0.047) 80%,
	      rgba(var(--rgb-color4), 0.022) 85.9%,
	      rgba(var(--rgb-color4), 0.006) 92.5%,
	      rgba(var(--rgb-color4), 0) 100%
	    );
	  }
	  .deohs-front .view-front-page-slideshow span.fit-height.slide5::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(
	      to right,
	      rgba(var(--rgb-color5), 1) 43.7%,
	      rgba(var(--rgb-color5), 0.9) 49.6%,
	      rgba(var(--rgb-color5), 0.7) 55%,
	      rgba(var(--rgb-color5), 0.5) 60%,
	      rgba(var(--rgb-color5), 0.158) 64.8%,
	      rgba(var(--rgb-color5), 0.117) 69.6%,
	      rgba(var(--rgb-color5), 0.079) 74.6%,
	      rgba(var(--rgb-color5), 0.047) 80%,
	      rgba(var(--rgb-color5), 0.022) 85.9%,
	      rgba(var(--rgb-color5), 0.006) 92.5%,
	      rgba(var(--rgb-color5), 0) 100%
	    );
	  }
	}

	.view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption p.lgbtn{
	  font-family: uni sans;
	  font-size:17px;
	  font-weight: bold;
	  color:#ffffff;
	  background-color: rgba(255, 255, 255, .1);
	  padding: 7px 7px 5px 5px;
	  border-style: solid;
	  border-width: 2px;
	  border-color: #ffffff;
	  display: inline-block;
	}
	.view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption p.lgbtn:hover{
	  font-family: uni sans;
	  font-size:17px;
	  font-weight: bold;
	  color:#ffffff;
	  background-color: rgba(255, 255, 255, .1);
	  padding: 7px 7px 5px 5px;
	  border-style: solid;
	  border-width: 2px;
	  border-color: #ffffff;
	  display: inline-block;
	}
	.view-front-page-slideshow span.home-featured-slide span.home-featured-display-caption p.lgbtn::after{
	  content: "\2002\276F";
	}
	@media screen and (min-width: 1200px) {
	  .deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li, .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li {
	    height: 3.75rem;
	  }
	  .deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li:hover,
	  .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li a {
	    /*padding-bottom: 5rem;*/
	  }
	  .deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:nth-child(2), .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-nav li:nth-child(3) {
	    margin-bottom: 1.5rem;
	  }
	  .deohs-front .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li:hover, .home-featured-blocks-wrapper .home-featured-blocks ul.home-featured-block-items li a {
	    padding-bottom: 0rem;
	  }
	}

	/***---------------About DEOHS promo block on homepage-------------------***/
	.deohs-front .content_middle > .row {
	  max-width: unset;
	}

	.deohs-front .content_middle_promo {
	  display: block;
	  position: relative;
	  z-index: 0;
	}

	.deohs-front .content_middle_promo::before {
	  content: '';
	  background: var(--purple);
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  z-index: -1;
	}

	.deohs-front .content_middle_promo section {
	  font-size: 100%;
	  text-align: center;
	  padding-bottom: 2rem !important;
	}

	.deohs-front .content_middle_promo section h2 {
	  font-family: "Encode Sans",sans-serif;
	  font-weight: 600;
	  font-size: revert;
	  letter-spacing: -0.2px;
	  line-height: 1.23;
	  color: #fff;
	  max-width: 75%;
	  margin: 0 auto;
	  padding: 2rem 0 1rem 0;
	}

	.deohs-front .content_middle_promo section a.smbtn.homebtn {
	  display: inline-block;
	  font-family: "Encode Sans",sans-serif;
	  font-weight: 600;
	  font-size: 14px;
	  letter-spacing: 1px;
	  line-height: 24px;
	  color: var(--purple);
	  background-color: #fff;
	  text-decoration: none !important;
	  text-transform: uppercase;
	  margin-top: 2rem;
	  padding: .5rem .8rem .5rem 1rem;
	  box-shadow: -4px 2px 10px rgb(0 0 0 / .15);
	}

	.deohs-front .content_middle_promo section a.smbtn.homebtn::after {
	  content: unset !important;
	}

	.deohs-front .content_middle_promo section a.smbtn.homebtn > i.fas {
	  margin-left: .5rem;
	  color: var(--gold);
	}

	@media screen and (min-width: 992px) {
	  .deohs-front .content_middle_promo section {
	    font-size: 120%;
	    text-align: left;
	    margin: auto;
	    padding-bottom: 3rem !important;
	    margin-left: 24px;
	    max-width: 75%;
	  }

	  .deohs-front .content_middle_promo section h2 {
	    margin: 0;
	    padding: 3rem 0 1rem 0;
	  }

	  .deohs-front .content_middle_promo::after {
	    content: "";
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    background: url(/sites/default/files/2020-12/DEOHSHomepage_AboutPromoBG.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-y: 50%;
	    z-index: -1;
	  }
	}

	@media screen and (min-width: 1083px) {
	  .deohs-front .content_middle_promo::after {
	    background-position-y: 43%;
	  }
	}

	@media screen and (min-width: 1190px) {
	  .deohs-front .content_middle_promo section {
	    margin-left: auto;
	    padding: 0px 10px;
	    max-width: 1200px;
	  }
	}

	@media screen and (min-width: 1452px) {
	  .deohs-front .content_middle_promo::after {
	    background-position-y: 50%;
	  }
	}
	/*OAS VISIT WEEK CSS*/
	.rsvpInput {
	  width: 250px;
	  padding-top: 3px;
	  padding-bottom: 4px;
	  margin-right: 6px;
	}

	.visitWeekHide {
	  display: none;
	}
	.visitWeekShow {
	  display: block;
	}

	/** Bebteh Header **/
	.Bebteh h1.page-header::before{
	  content: "Biostatistics, Epidemiologic, and Bioinformatic Training in Environmental Health";
	  display: block;
	  margin-top: -270px;
	  position: absolute;
	  left: 17px;
	  color: #ffffff;
	}

	/** Fixes front page on mobile **/
	#block-frontpagegraddegrees {
	  max-width: 100%;
	}

	@media (max-width: 975px) {
	  div.region.region-content-bottom {
	      max-width: 100%;
	      display: flex;
	      flex-direction: row;
	      flex-wrap: wrap;
	      justify-content: center;
	      padding: 0px 2%;
	  }
	}
/* GRAD PAGES SVG Styling */
.st0{fill:#8C80A7;}
.st1{fill:#37296B;}
.st2{fill:#FFFFFF;}
.st3{fill:#B8B2CD;}
.st4{fill:#746B9A;}
.st5{fill:#4C2F82;}
.st6{stroke:#8D81A8;stroke-miterlimit:10;}
.st7{fill: #8D81A8;}
.st8{fill: #766C93;}

.checkboxSVG:hover{
	-webkit-transition: fill .4s ease;
	-moz-transition: fill .4s ease;
	-o-transition: fill .4s ease;
	transition: fill .4s ease;
	fill:black;
}

.moneySign {
	margin: 0 auto;
	position: relative;
	display: block;
}

.moneySign path:hover{
	stroke:#000;
	fill:#4C2F82;
	fill-opacity:0;
	stroke-width:1.2;
	stroke-dasharray: 800;
	stroke-dashoffset:800;
	-moz-animation:DASH3 3s ease-in-out .1s forwards;
	-webkit-animation:DASH3 3s ease-in-out .1s forwards;
	animation:DASH3 3s ease-in-out .1s forwards;
}

@-webkit-keyframes DASH3{
	0%  {stroke-dashoffset:800;}
	   80%  {stroke-dashoffset:0;fill-opacity:0;}
	100%{stroke-dashoffset:0;fill-opacity:1;}
}
@-moz-keyframes DASH3{
	0%  {stroke-dashoffset:800;}
	   80%  {stroke-dashoffset:0;fill-opacity:0;}
	100%{stroke-dashoffset:0;fill-opacity:1;}
}

.animateTassle {
	transform: translate(-85%, -5%);
}

.animateTassle {
	animation: go-right 2s ease .1s forwards;
 }

 @keyframes go-right {
   100% { transform: translate(0%, 0%); }
 }
/** featured faculty page **/
#block-views-block-featured-faculty-block-1-cards div.views-row.faculty-row {
	max-width: 50%;
}




	@media only screen and (max-width: 1400px) {
	.undergrad .block-layout-builder.block-field-blockparagraphbp-viewbp-view {
	    width: 106.5vw;
	    margin-left: -14.25vw;
	    padding-left: 14.25vw;
	}
}

	.undergrad .block-layout-builder.block-field-blockparagraphbp-viewbp-view {
	    width: 100vw;
	    margin-left: -14.25vw;
	    padding-left: 14.25vw;
	    background: var(--ltgrey);
	}
	.undergrad .block-layout-builder.block-field-blockparagraphbp-viewbp-view div.views-row {
			background-color: white;
		}

	.undergrad .flexy .fact {
		  padding: 0px 20px 10px 20px;
	}

.toxStudent .profileGrey img {
  margin-top: 35px;
}



/**** Carreer Services page ***/
.careers div.views-element-container div.view-content {
	display: flex;
	flex-wrap: wrap;
  }

  .careers div.views-element-container div.view-content div.card-4 a.smbtn {
	  padding-left: 0px;
  }
  body.careers > div.dialog-off-canvas-main-canvas > div.main-container.container.js-quickedit-main-content > div > section > div > article > div.content > div:nth-child(5) > div > section.block.block-layout-builder.block-field-blocknodebuilder-pagefield-block-14.clearfix.col-sm-12 > div > div > div > div > div > section {
	  padding: 0px;
  }
  .careers.grad2021 .biobox {
	  width: 45%;
  }
  @media (max-width: 768px){
	.careers.grad2021 .biobox {
	  width: 100%;
	  margin: 0 0 2em 1em;
  }}
  @media (min-width: 640px){
	.careers.grad2021 .layout--threecol-section,
	.careers.grad2021 .layout--fourcol-section {
  width: 1150px;
  max-width: 93vw;
  }}

  .careers.grad2021 div.card-4 {
	  background-color: var(--ltgrey);
	  padding-bottom: 10px;
	  flex: 0 1 25%;
	  border: white solid 5px;
	  margin: 0px;
	  max-width: 100%;
  }
  .careers.grad2021 div.views-element-container div.view-content div.card-4 a.smbtn {
  font-family: uni sans;
  font-size: 1.1em;
  font-weight: bold;
  color: var(--purple);
  text-transform: uppercase;
  }

/**** Internship timeline page ****/

.intern ul.timeline {
  --color: rgba(30, 30, 30);
  --bgColor: rgba(245, 245, 245);
  min-height: 100vh;
  display: grid;
  align-content: center;
  --col-gap: 2rem;
  --row-gap: 2rem;
  --line-w: 0.25rem;
  grid-auto-columns: minmax(min-content,max-content);
  column-gap: var(--col-gap);
  list-style: none;
  margin-inline: auto;
  max-width: 100%;
}

/* line */
.intern ul.timeline::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 20;
  background: rgb(225, 225, 225);
  border-radius: calc(var(--line-w) / 2);
}

/* row gaps */
.intern ul.timeline > li:not(:last-child) {
  margin-bottom: var(--row-gap);
}

/* card */
.intern ul.timeline > li {
  grid-column: 2;
  --inlineP: 1.5rem;
  margin-inline: var(--inlineP);
  grid-row: span 2;
  display: grid;
  grid-template-rows: min-content min-content min-content;
  max-width:100%;
}

/* date */
.intern ul.timeline > li .date {
  --dateH: 3rem;
  height: var(--dateH);
  margin-inline: calc(var(--inlineP) * -1);

  text-align: center;
  background-color: var(--purple);

  color: white;
  font-size: 1.25rem;
  font-weight: 700;

  display: grid;
  place-content: center;
  position: relative;
  /*calc(var(--dateH) / 2);*/
}

/* date flap */
.intern ul.timeline > li .date::before {
  content: "";
  width: var(--inlineP);
  aspect-ratio: 1;
  background: var(--purple);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
  position: absolute;
  top: 100%;

  clip-path: polygon(0 0, 100% 0, 0 100%);
  right: 0;
}

/* circle */
.intern ul.timeline > li .date::after {
  content: "";
  position: absolute;
  width: 2rem;
  aspect-ratio: 1;
  background: var(--bgColor);
  border: 0.3rem solid var(--purple);
  top: 50%;
  transform: translate(50%, -50%);
  right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

/* title descr */
.intern ul.timeline > li .title,
.intern ul.timeline > li .descr {
  background: var(--bgColor);
  position: relative;
  padding-inline: 1.5rem;
}
.intern ul.timeline > li .title {
  overflow: hidden;
  padding-block-start: 1.5rem;
  padding-block-end: 1rem;
  font-weight: bold;
  font-size: 1.2em;
}
.intern ul.timeline > li .descr {
  padding-block-end: 1.5rem;
}

/* shadows */
.intern ul.timeline > li .title::before,
.intern ul.timeline > li .descr::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  left: 50%;
  border-radius: 50%;
  filter: blur(4px);
  transform: translate(-50%, 50%);
}
.intern ul.timeline > li .title::before {
  bottom: calc(100% + 0.125rem);
}

.intern ul.timeline > li .descr::before {
  z-index: -1;
  bottom: 0.25rem;
}

@media (min-width: 40rem) {
	.intern ul.timeline {
    grid-template-columns: 1fr var(--line-w) 1fr;
  }
  .intern ul.timeline::before {
    grid-column: 2;
  }
  .intern ul.timeline > li:nth-child(odd) {
    grid-column: 1;
  }
  .intern ul.timeline > li:nth-child(even) {
    grid-column: 3;
  }

  /* start second card */
  .intern ul.timeline > li:nth-child(2) {
    grid-row: 2/4;
  }

  .intern ul.timeline > li:nth-child(odd) .date::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    left: 0;
  }

  .intern ul.timeline > li:nth-child(odd) .date::after {
    transform: translate(-50%, -50%);
    left: calc(100% + var(--col-gap) + var(--line-w) / 2);
  }
}

/* fix ul in ul */
.intern ul.timeline ul {
  list-style-type: disc;
}

.intern.grad2021 .biobox {
    width: 45%;
}

@media (min-width: 640px){
	.intern.grad2021 .layout--threecol-section,
	.intern.grad2021 .layout--fourcol-section {
width: 1150px;
max-width: 93vw;
}}
@media (max-width: 768px){
.intern.grad2021 .biobox {
    width: 100%;
    margin: 0 0 2em 1em;
}
.intern div.views-element-container div.view-content .card-4 {
max-width:100%;
}
}

/****** Launch your career ****/
.launch.grad2021 .layout--threecol-section,
.launch.grad2021 .layout--fourcol-section {
	width: 1150px;
	max-width: 93vw;
}

/******* Cards with background image for front pages ********/
.path-frontpage .flexy .card-3{
	margin: 40px 20px;
	width: 450px;
	height: 300px;
	max-width: 100%;
	min-width: 250px;
	background-color: var(--purple);
	padding-bottom: 0px;
	display: flex;
	flex-direction: column-reverse;
	align-content: flex-end;
    flex-wrap: wrap;
}
@media (min-width: 1200px){
	.path-frontpage .flexy .card-3{
		max-width: 30%;
	}
}
  .path-frontpage .flexy .card-3 a{
	color: white;
	font-size: 1.4em;
	text-shadow: 1px 2px 4px rgb(0 0 0);
	box-shadow: 5px 10px 18px rgb(0 0 0 / 60%);
  }
  .path-frontpage .flexy .card-3 p{
	padding-left: 0px;
	padding-bottom: 5px;
  }
  .pehsu.path-frontpage .content_middle .flexy,
  .cohr.path-frontpage .content_middle .flexy,
  .echo.path-frontpage .content_middle .flexy {
	align-items: center;
  }
  .cohr div.content_middle > div.row {
	max-width: 100%;
  }

  /******* Background image header for frontpage of multi-sites ********/

	.frontpage-hero-img {
		background-size: cover;
		background-position: center bottom;
		height: 600px;
		width: 100%;
		display:flex;
		flex-direction: column-reverse;
		align-content: flex-end;
		flex-wrap: wrap;
	}
@media (min-width: 768px){
	.pehsu .frontpage-hero-img {
		background: url(/sites/deohs.washington.edu.pehsu/files/inline-images/josue-michel-xCU7nCMNfI8-unsplash.jpg);
		background-position: center bottom;
		height: 700px;
		background-size: cover;
	}
	.edge .frontpage-hero-img {
		background: url(/sites/deohs.washington.edu.edge/files/2022-06/DSC_0042-hero_0.jpg);
		background-position: center center;
		height: 700px;
		background-size: cover;
	}
	.echo .frontpage-hero-img {
		background: url(/sites/deohs.washington.edu.echo/files/inline-images/christian-bowen-vicc6MWQDcA-unsplash.jpg);
		background-position: center top;
		height: 700px;
		background-size: cover;
	}
	.cohr .frontpage-hero-img {
		background: url(/sites/deohs.washington.edu.cohr/files/inline-images/IMG_8479.JPG);
		background-position: center center;
		height: 700px;
		background-size: cover;
	}
	.echoyv .frontpage-hero-img {
		background: url(/sites/deohs.washington.edu.echo-yv/files/images/jakob-owens-M0M-FR2iedk-unsplash-frontpage.jpg);
		background-position: center center;
		height: 700px;
		background-size: cover;
	}
	.echoyv .frontpage-hero-img {
		background: url(/sites/deohs.washington.edu.echo-yv/files/images/jakob-owens-M0M-FR2iedk-unsplash-frontpage.jpg);
		background-position: center center;
		height: 700px;
		background-size: cover;
	}
}
@media (max-width: 768px) {
.cohr div.frontpage-hero,
.edge div.frontpage-hero {
    width: auto;
    height: auto;
    background: var(--purple);
    margin: 0px;
    padding: 20px;
    color: white;
}
}
@media only screen and (max-width: 767px) {
.edge .path-frontpage div.content_middle {
    margin-top: 0px;
}
}
.frontpage-hero-img img {
	display:none;
}
div.frontpage-hero .h4 {
	margin:0px;
}
div.frontpage-hero {
    width: 40%;
    margin: 10px;
    background: rgba(40,40,40,.6);
    padding: 10px;
}
@media (max-width: 992px) {
	div.frontpage-hero {
		width: 80%;
	}
}
@media (max-width: 768px) {
	.frontpage-hero-img {
		background: var(--ltgrey);
		height: auto;
		width: 100%;
		display:flex;
		flex-direction: column;
	}
	.frontpage-hero-img img {
	display:block;
	}
	div.frontpage-hero {
		width: auto;
		height: auto;
		background: var(--ltgrey);
		margin: -20px 0 0 0;
	}
}
@media (min-width: 768px){
		div.frontpage-hero p strong,
		div.frontpage-hero p,
		div.frontpage-hero h2.h4 {
			color:white;
	}
}


/***** UW alert breaking things *****/
#uwalert-alert-inner {
	max-width: 100%;
}


/************ ECHO Yakima Valley Header ************/

@media (min-width: 329px){

	.echoyv .masthead .mini-nav .navbar-brand {
	  max-width: 200px;
	  font-size: 21px;
	  width: auto;
   }
}
@media (min-width: 576px) {
	.echoyv .masthead .mini-nav .navbar-brand {
	 font-size: 29px;
	 max-width: 270px;
   }
}
@media (min-width: 768px) {
	.echoyv .masthead .mini-nav .navbar-brand {
	  font-size: 29px;
	  max-width: 270px;
	}
  }

@media (min-width: 992px) {
	.echoyv .masthead .mini-nav .navbar-brand {
	 font-size: 29px;
	 max-width: 270px;
  }
}
@media (min-width: 1200px) {
	.echoyv .masthead .mini-nav .navbar-brand {
	  max-width: 270px;
	  font-size: 34px;
	}
}
.echoyv.path-frontpage div.main-container {
	background: var(--ltgrey);
}
.echoyv #block-deohs-boundless-sphlink {
	float:right;
	margin-right:-15px;
	}


/************ May 1, 2024: Alumni Page ************/


.row .card {
	padding: 10px;
	background-color:#E5E5E5;
	}
.row .card h3 {
	margin-top:0px;
}
.row .card.purple {
	background-color: var(--purple);
}
.row .card h3{
	color: var(--purple);
}
	.row .card.purple h3,
	.row .card.purple p {
	color:white;
}

@media (min-width: 768px) {

	.row:first-child .card {
	padding: 10px 10px 10px 0px;
	}
	.row:last-child .card {
	padding: 10px 0px 10px 10px;
	}
}


/******* 2024-05-01: Fixes views cards on builder pages ****/
body.card.page-node-type-builder-page div.view-content {
	margin: 0px -15px;
	justify-content: space-between;
}

body.card.page-node-type-builder-page div.view-header,
body.card.page-node-type-builder-page div.view-footer {
	margin: 0px -15px;
}

@media (min-width: 768px) {

	body.card.page-node-type-builder-page div.view-content > div.views-row:first-child {
	margin: .5% .5% .5% 0px;
	}
	body.card.page-node-type-builder-page div.view-content > div.views-row:last-child {
	margin: .5% 0px .5% .5%;
}
}

/**
* Used by deohs_boudnless.js to add a hover effect for clickable cards
*/
.card-hover-effect:hover {
    margin-top: -2px !important;
    box-shadow: 3px 3px 2px #d9d9d9;
    transition-delay: .25s;
}