/* mixins
----------------------------------------------------------------- */
/* -----BENTONS SANS LIGHT----- */
@font-face {
  font-family: "Benton-Sans";
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot?") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-3.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-1.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}
/* -----BENTONS SANS COMP----- */
@font-face {
  font-family: "BentonSansComp";
  src: url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot");
  src: url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot?") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-3.woff") format("woff"), url("https://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-1.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
/* -----TIEMPOS TEXT----- */
/* REGULAR */
@font-face {
  font-family: "TiemposText";
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Regular-Italic.eot");
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Regular-Italic.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Regular-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
}
/* SEMIBOLD */
@font-face {
  font-family: "TiemposText";
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Semibold-Italic.eot");
  src: url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Semibold-Italic.eot?#iefix") format("embedded-opentype"), url("https://www.bu.edu/cdn/fonts/TiemposText/TiemposText-Semibold-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 600;
}
/*
	888b     d888        888
	8888b   d8888        888
	88888b.d88888        888
	888Y88888P888 8888b. 888  888 .d88b.
	888 Y888P 888    "88b888 .88Pd8P  Y8b
	888  Y8P  888.d888888888888K 88888888
	888   "   888888  888888 "88bY8b.
	888       888"Y888888888  888 "Y8888


	888888888888888888
	  888      888
	  888      888
	  888      888
	  888      888
	  888      888
	  888      888
	8888888    888


	888888b.                          888   d8b .d888        888
	888  "88b                         888   Y8Pd88P"         888
	888  .88P                         888      888           888
	8888888K.  .d88b.  8888b. 888  888888888888888888888  888888
	888  "Y88bd8P  Y8b    "88b888  888888   888888   888  888888
	888    88888888888.d888888888  888888   888888   888  888888
	888   d88PY8b.    888  888Y88b 888Y88b. 888888   Y88b 888888
	8888888P"  "Y8888 "Y888888 "Y88888 "Y888888888    "Y88888888



 */
/* -----PAGE STYLES----- */
body,
header[role="banner"],
.bannerContainer {
  /*background: #001f29;*/
}

header[role='banner'] {
  padding: 0;
  /*   background: none; */
  border-bottom: 1px dotted #fff;
  border-color: rgba(255, 255, 255, 0.2);
}

#page_wrapper {
  background: #fff;
  margin-top: 0px;
  padding-top: 0px;
}

.UROP-banner {
  background: #001f29;
  padding-bottom: 150px;
}

/* -----BANNER CONTAINER----- */
.bannerContainer {
  background-color: #001f29;
  height: auto;
  width: 100%;
  position: relative;
}

.bannerImage {
  z-index: 100;
  position: relative;
  margin: 0 auto;
}

.single-editorialarticle #page-title span,
.single-editorialarticle #page-title h1 :after,
.single-editorialarticle article[role=main] h1 {
  display: none;
}

.header {
  padding-top: 450px;
  background-position: center top;
  display: block;
}

.bannerContainer .titleContainer {
  position: relative;
  z-index: 2;
  margin: 0 auto;
}

.bannerContainer .captionContainer {
  margin: 0 auto;
  /*
  	width: 95%;
      padding: 5%;
  */
  text-align: center;
  position: relative;
  z-index: 105;
}
.dek{
	margin-top: 12px !important;
}
.introContainer{
	width: 100%;
}
.lede{
	width: 75%;
	margin-left: 12.5%;
}
@media (min-width: 768px) {
  .bannerContainer .captionContainer {
    max-width: 550px;
  }
}
.lt-ie9 .bannerContainer .captionContainer {
  max-width: 550px;
}
@media (min-width: 992px) {
  .bannerContainer .captionContainer {
    max-width: 1000px;
  }
}
.lt-ie9 .bannerContainer .captionContainer {
  max-width: 1000px;
}

/*
@media (min-width: 768px) {

.bannerContainer .titleContainer {
	position: relative;
	z-index: 2;
	margin: 0 auto;

}

.bannerContainer .captionContainer {
	margin: 0 auto;
    max-width: 550px;
    padding: 10px;
    text-align: center;
    position: relative;
    z-index: 105;
}
}
*/
/* -----HED & DEK----- */
.single-editorialarticle .hed {
  text-align: center;
  font-family: 'BentonSansComp', 'Bebas', Helvetica;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 54px;
  line-height: 60px;
  color: #fff;
  text-shadow: 4px 4px 40px #484848;
}
@media (min-width: 768px) {
  .single-editorialarticle .hed {
    font-size: 120px;
    line-height: 120px;
  }
}
.lt-ie9 .single-editorialarticle .hed {
  font-size: 120px;
  line-height: 120px;
}

.single-editorialarticle .hed2 {
  margin: 32px 0 30px;
  position: relative;
  text-align: center;
  font-family: 'TiemposText', Times;
  font-style: italic;
  font-weight: 600;
  font-size: 75px;
  color: #49cff1;
  line-height: 40px;
  border-bottom: 0px;
  text-shadow: 4px 4px 50px #484848;
}
@media (min-width: 768px) {
  .single-editorialarticle .hed2 {
    margin: 82px 0 50px;
    font-size: 115px;
    line-height: 40px;
    border-bottom: 0px;
  }
}
.lt-ie9 .single-editorialarticle .hed2 {
  margin: 82px 0 50px;
  font-size: 115px;
  line-height: 40px;
  border-bottom: 0px;
}

.single-editorialarticle .hed3 {
  margin: 70px 0 35px;
  position: relative;
  text-align: center;
  font-family: 'BentonSansComp', 'Bebas', Helvetica;
  font-weight: 400;
  font-size: 32px;
  color: #fff;
  line-height: 42px;
  text-transform: uppercase;
  border-bottom: 0px;
  text-shadow: 4px 4px 50px #484848;
}
@media (min-width: 768px) {
  .single-editorialarticle .hed3 {
    margin: 125px 0 35px;
    font-size: 36px;
    line-height: 48px;
  }
}
.lt-ie9 .single-editorialarticle .hed3 {
  margin: 125px 0 35px;
  font-size: 36px;
  line-height: 48px;
}

/* ------ INTRO CONTAINER ------ */
.bannerContainer .introContainer {
  width: 95%;
  padding: 5%;
  margin: 0 auto 120px;
  padding: 45px 25px 25px;
  border: 1px solid #f0294f;
}
@media (min-width: 768px) {
  .bannerContainer .introContainer {
    max-width: 940px;
    margin: 0 auto 160px;
    padding: 50px 70px 20px;
  }
}
.lt-ie9 .bannerContainer .introContainer {
  max-width: 940px;
  margin: 0 auto 160px;
  padding: 50px 70px 20px;
}

.single-editorialarticle .dek {
  position: relative;
  margin: 70px 0 20px;
  text-align: center;
  font-family: 'TiemposText', Times;
  font-style: italic;
  font-weight: 300;
  font-size: 25px;
  color: #49cff1;
  line-height: 40px;
  border-bottom: 0px;
}
@media (min-width: 768px) {
  .single-editorialarticle .dek {
    font-size: 28px;
    line-height: 40px;
    margin-top: 70px;
    margin-bottom: 20px;
  }
}
.lt-ie9 .single-editorialarticle .dek {
  font-size: 28px;
  line-height: 40px;
  margin-top: 70px;
  margin-bottom: 20px;
}

.single-editorialarticle .byline {
  position: relative;
  width: 60%;
  margin: 20px auto 60px;
  padding: 8px 10px 8px;
  font-family: 'Benton-Sans', Helvetica;
  font-style: normal;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  background-color: #013040;
}
@media (min-width: 768px) {
  .single-editorialarticle .byline {
    width: 50%;
    padding: 8px 0px 8px;
    margin: 20px auto 60px;
    font-size: 14px;
  }
}
.lt-ie9 .single-editorialarticle .byline {
  width: 50%;
  padding: 8px 0px 8px;
  margin: 20px auto 60px;
  font-size: 14px;
}

.single-editorialarticle .introContainer p.lede {
  -webkit-column-count: 1;
  color: #cecece;
}
@media (min-width: 500px) {
  .single-editorialarticle .introContainer p.lede {
    -webkit-column-count: 2;
    -webkit-column-gap: 42px;
    color: #cecece;
  }
}
.lt-ie9 .single-editorialarticle .introContainer p.lede {
  -webkit-column-count: 2;
  -webkit-column-gap: 42px;
  color: #cecece;
}

.single-editorialarticle .introContainer p.lede:first-letter {
  float: left;
  margin: -10px 10px 0 0px;
  font-family: 'TiemposText', Times;
  font-style: italic;
  font-size: 115px;
  font-weight: 400;
  line-height: 90px;
  color: #49cff1;
}

.single-editorialarticle p.lede:first-letter {
  float: left;
  margin: -10px 10px 0 -10px;
  font-family: 'TiemposText', Times;
  font-style: italic;
  font-size: 85px;
  font-weight: 400;
  line-height: 90px;
  color: #49cff1;
}
@media (min-width: 768px) {
  .single-editorialarticle p.lede:first-letter {
    font-size: 95px;
  }
}
.lt-ie9 .single-editorialarticle p.lede:first-letter {
  font-size: 95px;
}

.byline-label,
.byline-authors {
  display: none;
}

/* -----SECTION HEADERS----- */
.single-editorialarticle #page_wrapper .section-header .container {
  max-width: 1300px;
  padding: 0px;
  margin-bottom: 50px;
}

.section-stepp .col-md-pull-6,
.section-eich .col-md-pull-6 {
  /* Not originally written mobile-first, and our template uses min-width, not max-width */
  /* So, had to do some funky stuff here to change the fonts for small sizes */
  padding: 10px;
}
@media (min-width: 500px) {
  .section-stepp .col-md-pull-6,
  .section-eich .col-md-pull-6 {
    padding: 20px 20px 25px;
  }
}
.lt-ie9 .section-stepp .col-md-pull-6, .lt-ie9
.section-eich .col-md-pull-6 {
  padding: 20px 20px 25px;
}
@media (min-width: 992px) {
  .section-stepp .col-md-pull-6,
  .section-eich .col-md-pull-6 {
    padding: 40px 80px 25px;
  }
}
.lt-ie9 .section-stepp .col-md-pull-6, .lt-ie9
.section-eich .col-md-pull-6 {
  padding: 40px 80px 25px;
}
.section-stepp .col-md-pull-6 h4,
.section-eich .col-md-pull-6 h4 {
  font-size: 35px;
  line-height: 40px;
  margin-top: 5px;
}
@media (min-width: 500px) {
  .section-stepp .col-md-pull-6 h4,
  .section-eich .col-md-pull-6 h4 {
    font-size: 50px;
    line-height: 54px;
  }
}
.lt-ie9 .section-stepp .col-md-pull-6 h4, .lt-ie9
.section-eich .col-md-pull-6 h4 {
  font-size: 50px;
  line-height: 54px;
}
@media (min-width: 768px) {
  .section-stepp .col-md-pull-6 h4,
  .section-eich .col-md-pull-6 h4 {
    font-size: 60px;
    line-height: 64px;
  }
}
.lt-ie9 .section-stepp .col-md-pull-6 h4, .lt-ie9
.section-eich .col-md-pull-6 h4 {
  font-size: 60px;
  line-height: 64px;
}
.section-stepp .col-md-pull-6 h5,
.section-eich .col-md-pull-6 h5 {
  font-size: 40px;
}
@media (min-width: 500px) {
  .section-stepp .col-md-pull-6 h5,
  .section-eich .col-md-pull-6 h5 {
    font-size: 60px;
  }
}
.lt-ie9 .section-stepp .col-md-pull-6 h5, .lt-ie9
.section-eich .col-md-pull-6 h5 {
  font-size: 60px;
}

.section-stepp {
  background: #e6e0d5;
  width: 250%;
  margin: 0 0 1em -64%;
}

.section-eich {
  margin-top: 125px;
  background-color: #033e68;
  color: #e1e1e1;
}

.section-eich .qa {
  display: none;
}
@media (min-width: 992px) {
  .section-eich .qa {
    display: block;
    position: absolute;
    top: 175px;
    right: 0px;
  }
 
}
.lt-ie9 .section-eich .qa {
  display: block;
  position: absolute;
  top: 175px;
  right: 0px;
}
/*@media (min-width: 1200px) {
  .section-eich .qa {
    right: 100px;
  }
}*/

.section-stepp h4 {
  margin-bottom: 0px;
}

.section-eich h4 {
  margin-bottom: 30px;
}

/* -----MAIN ARTICLE----- */
@media (min-width: 768px) {
  .single-editorialarticle article[role=main] {
    margin-top: -80px;
  }
}
.lt-ie9 .single-editorialarticle article[role=main] {
  margin-top: -80px;
}

.single-editorialarticle p {
  font-family: "Benton";
  font-weight: lighter;
  color: #555555;
}

a {
  color: #49cff1;
  text-decoration: none;
}

a:visited {
  color: #2588a9;
  text-decoration: none;
}

a:hover {
  color: #f0294f;
}

dt,
dd,
.modal-eich dt,
.modal-eich dd {
  font-family: "Benton";
  font-size: 18px;
  line-height: 30px;
  margin: 35px 0 35px;
  position: relative;
}

dt {
  font-weight: normal;
  color: #444444;
}

dd {
  font-weight: lighter;
  color: #555555;
}

/* -----modal TEXT----- */
.modal-eich dt {
  font-weight: normal;
  color: #6e7881;
}

.modal-eich dd {
  font-weight: lighter;
  color: #e1e1e1;
}

/* -----QUOTES----- */
.single-editorialarticle blockquote a {
  color: #2588a9;
}

.single-editorialarticle blockquote p {
  border-top: 3px solid #f0294f;
  border-bottom: 3px solid #f0294f;
  font-size: 19px;
  line-height: 29px;
  padding: 30px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .single-editorialarticle blockquote p {
    font-size: 24px;
    line-height: 36px;
  }
}
.lt-ie9 .single-editorialarticle blockquote p {
  font-size: 24px;
  line-height: 36px;
}

.container .single-editorialarticle aside, .single-editorialarticle blockquote p {
  width: auto;
  font-size: 19px;
  line-height: 29px;
  font-family: "TiemposText", Times, serif;
  font-weight: 300;
  color: #49CFF0;
}
@media (min-width: 768px) {
  .container .single-editorialarticle aside, .single-editorialarticle blockquote p {
    font-size: 24px;
    line-height: 36px;
  }
}
.lt-ie9 .container .single-editorialarticle aside, .lt-ie9 .single-editorialarticle blockquote p {
  font-size: 24px;
  line-height: 36px;
}

.single-editorialarticle .blockquote-right {
  margin: 5px auto;
}
@media (min-width: 1200px) {
  .single-editorialarticle .blockquote-right {
    margin: 5px -100px 0px -50px;
  }
}

.single-editorialarticle .blockquote-inline {
  margin: 75px 0px 75px;
}

/* ---------IMAGES---------- */
.block {
  display: block;
  margin: 0 auto;
}

.inline-image {
  position: relative;
  display: block;
  margin: 80px 0px 60px;
  padding: 25px;
  background-color: #f6f6f6;
}
@media (min-width: 768px) {
  .inline-image {
    margin: 95px -25px 75px;
    padding: 30px;
  }
}
.lt-ie9 .inline-image {
  margin: 95px -25px 75px;
  padding: 30px;
}
@media (min-width: 992px) {
  .inline-image {
    margin: 95px -100px 75px;
  }
}
.lt-ie9 .inline-image {
  margin: 95px -100px 75px;
}

/*
.inline-image::before {
    top: -18px;
    margin-left: -25px;
    width: 100%;
	@include breakpoint(small) {
		margin-left: -30px;
	}
}
*/
.sound-waves {
  background-color: #f6f6f6;
  margin: 50px -75px 50px -75px;
}

.waves {
  padding: 5px 0 10px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .waves {
    padding: 15px;
  }
}
.lt-ie9 .waves {
  padding: 15px;
}

.image-left {
  display: block;
  margin: 40px 0 40px;
  padding-top: 10px;
  border-top: 8px solid #f0294f;
  display: block;
}
@media (min-width: 768px) {
  .image-left {
    float: left;
    max-width: 450px;
    margin: 10px 25px 0px -50px;
  }
}
.lt-ie9 .image-left {
  float: left;
  max-width: 450px;
  margin: 10px 25px 0px -50px;
}
@media (min-width: 992px) {
  .image-left {
    margin: 10px 40px 0px -100px;
  }
}
.lt-ie9 .image-left {
  margin: 10px 40px 0px -100px;
}

.image-left::before {
  content: '';
  display: block;
  position: absolute;
  border-top: 8px solid #f0294f;
  float: left;
  margin-top: -18px;
}
@media (min-width: 768px) {
  .image-left::before {
    width: 450px;
  }
}
.lt-ie9 .image-left::before {
  width: 450px;
}

/*.inline-image-left-v {
  margin: 30px auto 10px;
}*/
@media (min-width: 768px) {
  .inline-image-left-v {
    float: left;
    max-width: 327px;
    margin: 25px 0px 40px -100px;
  }
}
.lt-ie9 .inline-image-left-v {
  float: left;
  max-width: 327px;
  margin: 25px 0px 40px -100px;
}

.image-Paul {
  margin: 0 auto 5px;
  display: block;
}

.inline-image span,
.inline-image-left span,
.inline-image-right span,
.single-editorialarticle .caption {
  font-family: 'Benton-Sans', Helvetica;
  font-style: normal;
  font-size: 16px;
  font-weight: lighter;
  color: #555;
  margin-top: 30px;
}

.single-editorialarticle .credit {
  font-family: 'Tiempos-Text', Times;
  font-style: italic;
  font-size: 16px;
  font-weight: 600;
  color: #555555;
}

/* -----SIDEBARS----- */
.row {
  border: 1px solid #f0294f;
  margin: 70px auto 70px;
}
@media (min-width: 500px) {
  .row {
    border: 1px solid #f0294f;
    margin: 0 auto 50px;
  }
}
.lt-ie9 .row {
  border: 1px solid #f0294f;
  margin: 0 auto 50px;
}
@media (min-width: 992px) {
  .row {
    border: 1px solid #f0294f;
    margin: 70px -100px 80px;
  }
}
.lt-ie9 .row {
  border: 1px solid #f0294f;
  margin: 70px -100px 80px;
}

.sidebar-stepp,
.sidebar-eich {
  padding: 10px;
  display: inline-block;
}
@media (min-width: 500px) {
  .sidebar-stepp,
  .sidebar-eich {
    margin: 25px;
    padding: 25px;
  }
}
.lt-ie9 .sidebar-stepp, .lt-ie9
.sidebar-eich {
  margin: 25px;
  padding: 25px;
}

.sidebar-stepp {
  background-color: #e6e0d5;
  text-align: center;
}

.sidebar-eich {
  background-color: #033e68;
  color: #dddcdc;
  text-align: center;
}

.sidebar-stepp .col-md-6-right {
  padding: 25px 20px 25px;
}
@media (min-width: 500px) {
  .sidebar-stepp .col-md-6-right {
    padding: 25px 40px 25px 40px;
  }
}
.lt-ie9 .sidebar-stepp .col-md-6-right {
  padding: 25px 40px 25px 40px;
}

.sidebar-eich .col-md-6-right {
  padding: 0px 20px 25px;
}
@media (min-width: 500px) {
  .sidebar-eich .col-md-6-right {
    padding: 0px 30px 15px;
  }
}
.lt-ie9 .sidebar-eich .col-md-6-right {
  padding: 0px 30px 15px;
}
@media (min-width: 992px) {
  .sidebar-eich .col-md-6-right {
    padding: 15px 30px 15px;
    min-height: 315px;
  }
}
.lt-ie9 .sidebar-eich .col-md-6-right {
  padding: 15px 30px 15px;
  min-height: 315px;
}

h4 {
  margin: -10px 0 0 0;
  font-family: 'BentonSansComp', 'Bebas', Helvetica;
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  color: #fff;
  line-height: 60px;
  text-transform: uppercase;
}
@media (min-width: 500px) {
  h4 {
    font-size: 60px;
    line-height: 64px;
    margin-bottom: 24px;
  }
}
.lt-ie9 h4 {
  font-size: 60px;
  line-height: 64px;
  margin-bottom: 24px;
}

.sidebar-stepp h4,
.sidebar-eich h4 {
  font-size: 45px;
  line-height: 50px;
  margin: -15px 0 25px;
}
@media (min-width: 500px) {
  .sidebar-stepp h4,
  .sidebar-eich h4 {
    line-height: 54px;
    margin: -10px 0 25px;
  }
}
.lt-ie9 .sidebar-stepp h4, .lt-ie9
.sidebar-eich h4 {
  line-height: 54px;
  margin: -10px 0 25px;
}

@media (min-width: 500px) {
  .sidebar-stepp h4 {
    font-size: 50px;
  }
}
.lt-ie9 .sidebar-stepp h4 {
  font-size: 50px;
}

h5 {
  margin-bottom: 0px;
  font-family: 'TiemposText', Times;
  font-style: italic;
  font-weight: 600;
  font-size: 60px;
  color: #49cff1;
}

.section-stepp h5,
.sidebar-stepp h5 {
  color: #f0294f;
}

.section-stepp h5 {
  margin-bottom: 35px;
}

.sidebar-stepp h5,
.sidebar-eich h5 {
  font-size: 50px;
}

.sidebar-caption {
  font-size: 18px;
  text-align: center;
}

.sidebar-caption span {
  font-family: 'Tiempos-Text', Times;
  font-style: italic;
  font-size: 19px;
  font-weight: 600;
  color: #49cff1;
}

.sidebar-action {
  font-family: 'Tiempos-Text', Times;
  font-style: italic;
  font-size: 25px;
  font-weight: 300;
  color: #49cff1;
}
@media (min-width: 992px) {
  .sidebar-action {
    margin-top: 40px;
  }
}
.lt-ie9 .sidebar-action {
  margin-top: 40px;
}

.section-caption {
  font-size: 18px;
  color: #e1e1e1;
  text-align: left;
  font-weight: lighter;
}

/* -----PSEUDO----- */
.sidebar-caption::before {
  content: '';
  display: block;
  position: relative;
  border-top: 1px solid #f0294f;
  width: 40%;
}

.sidebar-caption::before {
  margin: 0 auto 25px;
}

.section-stepp h5::after,
.section-eich h4::after {
  content: '';
  display: block;
  position: absolute;
  border-top: 1px solid #f0294f;
  width: 35%;
  margin-top: 15px;
}

/* -----END PSUEDO----- */
.modal-caption {
  font-size: 18px;
  text-align: left;
  margin: 5px 0 50px;
  color: #e1e1e1;
}

.modal-eich h5 {
  font-size: 35px;
}

.modal-eich h5 span {
  color: #6e7881;
  font-family: Tiempos-text;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
}

h6 {
  margin-bottom: 0px;
  font-family: 'TiemposText', Times;
  font-style: italic;
  font-weight: 600;
  font-size: 30px;
  color: #fff;
}

/* -----MODALS eich----- */
dt::before,
dd::before {
  position: absolute;
  display: block;
  margin: 0px auto 0px;
  padding: 0px 15px 0px 10px;
  left: -70px;
  font-family: 'TiemposText', Times;
  font-style: italic;
  font-weight: 600;
  font-size: 26px;
  line-height: 26px;
}

dt::before {
  content: "Q";
  color: #023d68;
  border-right: #981b1f 1px solid;
}

dd::before {
  content: "A";
  color: #0acce9;
  border-right: #f0294f 1px solid;
}

.modal-eich dt::before {
  border-right: #363B3E 1px solid;
}

.modal-eich dd::before {
  border-right: #6B6868 1px solid;
}

/* -----BOTTOM WIDGETS----- */
.topic-link-list,
.article-meta,
.single-editorialarticle #related-stories {
  display: none;
}

.bu-sharing {
  position: relative;
  float: none;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 100px;
}

.end-of-section {
  content: '';
  display: block;
  margin: 45px auto 0px;
  position: relative;
  border-top: 1px solid #f0294f;
  width: 15%;
}
@media (min-width: 768px) {
  .end-of-section {
    width: 6%;
  }
}
.lt-ie9 .end-of-section {
  width: 6%;
}

/* -----MODALS eich----- */
body.modal-open {
  overflow: hidden;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
}

.modal-stepp .overlay {
  background: #ccc7be;
}

.modal-eich .overlay {
  background: #001f29;
}

.overlay article {
  margin: 60px auto 40px auto;
  color: #ffffff;
  padding: 20px 25px;
  border: 1px solid #f0294f;
}
@media (min-width: 768px) {
  .overlay article {
    margin: 60px auto 40px auto;
    max-width: 900px;
    padding: 50px 150px 50px;
  }
}
.lt-ie9 .overlay article {
  margin: 60px auto 40px auto;
  max-width: 900px;
  padding: 50px 150px 50px;
}

.lt-ie9 .overlay article {
  border: 1px solid #f0294f;
}

.overlay article h1 {
  margin-top: -20px;
}

.overlay article img {
  margin: 20px 0 20px 0;
}

.overlay article .photo-credit {
  display: block;
  margin-bottom: 40px;
  color: #767676;
}

/* -----CLOSE BUTTON----- */
.modal-stepp .overlay .overlay-close {
  background: #ccc7be url(images/close.png) no-repeat 50% 0;
}

.modal-eich .overlay .overlay-close {
  background: #001f29 url(images/close.png) no-repeat 50% 0;
}

.overlay .overlay-close {
  width: 60px;
  height: 60px;
  position: absolute;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 30px;
  overflow: hidden;
  border: none;
  text-indent: 200%;
  outline: none;
  z-index: 100;
  margin: 100px 0 0 21em;
  -webkit-transition: all 250ms ease-in-out 0s;
  -moz-transition: all 250ms ease-in-out 0s;
  -ms-transition: all 250ms ease-in-out 0s;
  -o-transition: all 250ms ease-in-out 0s;
  transition: all 250ms ease-in-out 0s;
}

.lt-ie9 .overlay .overlay-close {
  top: auto;
}

.modal-stepp .overlay-close:hover {
  background: #ccc7be url(images/close.png) no-repeat 50% 100%;
}

.modal-eich .overlay-close:hover {
  background: #001f29 url(images/close.png) no-repeat 50% 100%;
}

.overlay-scale {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.overlay-scale.open {
  z-index: 3000;
  visibility: visible;
  opacity: 1;
  overflow: auto;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}

/* -----STUDENT HEADSHOTS----- */
.single-editorialarticle .sidebar-eich .student {
  margin: 20px;
  display: inline-block;
  text-align: center;
}

.single-editorialarticle .sidebar-eich .student a {
  margin-bottom: -10px;
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  color: #e1e1e1;
  text-align: center;
}
@media (min-width: 768px) {
  .single-editorialarticle .sidebar-eich .student a {
    margin-bottom: 20px;
  }
}
.lt-ie9 .single-editorialarticle .sidebar-eich .student a {
  margin-bottom: 20px;
}

.single-editorialarticle .sidebar-eich .student a:hover {
  color: #6e7881;
}

.single-editorialarticle .sidebar-eich .student img {
  display: block;
  border-radius: 50%;
  margin-bottom: 10px;
  text-align: center;
}

/* Banner Styles */
#UROP-banner {
  height: 460px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
@media (min-width: 500px) {
  #UROP-banner {
    height: 890px;
  }
}
.lt-ie9 #UROP-banner {
  height: 890px;
}
#UROP-banner .UROP-bannerContainer div {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  pointer-events: none;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#UROP-banner .UROP-bannerContainer .fixed {
  background: no-repeat center center fixed;
  /* Applied in banner.scss, needs the size again or else gets overwritten */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#UROP-banner .UROP-bannerContainer .image-base {
  background-image: url("images/UROP_banner-img.jpg");
  z-index: 2;
}
@media (min-width: 500px) {
  #UROP-banner .UROP-bannerContainer .image-base {
    display: inline-block;
  }
}
.lt-ie9 #UROP-banner .UROP-bannerContainer .image-base {
  display: inline-block;
}
#UROP-banner .UROP-bannerContainer .image-mask {
  display: none;
  background-image: url("images/UROP_mask.png");
  z-index: 3;
}
@media (min-width: 500px) {
  #UROP-banner .UROP-bannerContainer .image-mask {
    display: inline-block;
  }
}
.lt-ie9 #UROP-banner .UROP-bannerContainer .image-mask {
  display: inline-block;
}
#UROP-banner .UROP-bannerContainer .image-wave {
  display: none;
  background-image: url("images/UROP_wave.png");
  z-index: 4;
}
@media (min-width: 500px) {
  #UROP-banner .UROP-bannerContainer .image-wave {
    display: inline-block;
  }
}
.lt-ie9 #UROP-banner .UROP-bannerContainer .image-wave {
  display: inline-block;
}
#UROP-banner .UROP-bannerContainer .titleContainer {
  padding-top: 50px;
}
@media (min-width: 500px) {
  #UROP-banner .UROP-bannerContainer .titleContainer {
    padding-top: 180px;
  }
}
.lt-ie9 #UROP-banner .UROP-bannerContainer .titleContainer {
  padding-top: 180px;
}
@media (min-width: 992px) {
  #UROP-banner .UROP-bannerContainer .titleContainer {
    padding-top: 220px;
  }
}
.lt-ie9 #UROP-banner .UROP-bannerContainer .titleContainer {
  padding-top: 220px;
}
.dek{
	font-size: 4em;
	color: #fff;
}

.sidebar-eich h4, .sidebar-eich h5, .section-eich h4, .section-eich h5{
	color: #fff; 
}
/*# sourceMappingURL=style.css.map */