/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
.pb-f-global-leaderboard-ad #house-ad-content {
  margin-top:10px;
  display:inline-block;
}

.pb-f-global-leaderboard-ad #leaderboard-ad-content {
  display:inline-block;
  margin-top:10px;
}

.pb-f-global-leaderboard-ad .leaderboard-ad-padding {
  width:10px;
  display:inline-block;
}

.pb-f-global-leaderboard-ad .leaderboard-wrapper {
  max-height:100px;
  overflow:hidden;
}

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
.pb-f-global-navbar-no-dropdown-spectrum #nav-container.affix {
  position:fixed;
  top:0;
  width:100%;
  z-index:500;
  border:none;
}

.pb-f-global-navbar-no-dropdown-spectrum .navbar-nav { -webkit-transform:translateZ(0); }

.pb-f-global-navbar-no-dropdown-spectrum .header-brand {
  display:block;
  padding-top:10px;
  padding-bottom:5px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  z-index:10;
}

.pb-f-global-navbar-no-dropdown-spectrum #collapsed-header {
  float:left;
  width:0;
  visibility:hidden;
}

.pb-f-global-navbar-no-dropdown-spectrum .article-image {
  height:100% !important;
  display:block;
  padding-top:10px;
  padding-bottom:5px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  z-index:10;
}

.pb-f-global-navbar-no-dropdown-spectrum .fixed-navbar {
  position:fixed;
  top:0;
  background-color:white;
  width:100%;
  z-index:500;
}

.pb-f-global-navbar-no-dropdown-spectrum .nav>li>a {
  color:inherit;
  background-color:white;
}

.pb-f-global-navbar-no-dropdown-spectrum .nav>li>a>img { background-color:white; }

.pb-f-global-navbar-no-dropdown-spectrum .nav>li>a:hover {
  color:inherit;
  border-radius:0 !important;
  background-color:inherit !important;
}

@media (min-width:1200px) {
  .nav>li { margin-right:20px; }
}

@media (max-width:1199px) {
  .nav>li { margin-right:0; }
}

.pb-f-global-navbar-no-dropdown-spectrum .nav-wrapper {
  margin:0 !important;
  padding:0 !important;
  box-shadow:0 14px 8px -8px #d3d3d3;
  -moz-box-shadow:0 14px 8px -8px #d3d3d3;
  -webkit-box-shadow:0 6px 3px -3px #d3d3d3;
  font-family:'Lato',sans-serif;
  font-weight:500;
  color:black;
  background-color:white;
  min-height:50px;
  border:none;
  font-size:16px;
}

@media (max-width:991px) {
  .nav-wrapper { font-size:12px; }

  .nav>li {
    margin-right:0;
    font-size:12px;
  }
}

@media (max-width:991px) and (min-width:768px) {
  ul.nav>li>button { margin-top:17px; }
}

.pb-f-global-navbar-no-dropdown-spectrum .tip-oped {
  position:absolute;
  top:15px;
  text-transform:uppercase;
  font-family:'Lato',sans-serif;
  font-weight:700;
  font-size:12px;
}

@media (max-width:1199px) {
  .tip-oped { right:15px; }
}

@media (min-width:1200px) {
  .tip-oped { right:40px; }
}

@media (min-width:1400px) {
  .tip-oped { right:130px; }
}

.pb-f-global-navbar-no-dropdown-spectrum .navbar .navbar-nav {
  display:inline-block;
  float:none;
}

.pb-f-global-navbar-no-dropdown-spectrum .navbar .navbar-collapse {
  text-align:center;
  clear:both;
}

.pb-f-global-navbar-no-dropdown-spectrum .navbar-default {
  background-color:white;
  color:white;
  position:relative;
  z-index:500;
}

.pb-f-global-navbar-no-dropdown-spectrum nav { border:none; }

@media (min-width:991px) {
  #recirc { height:100px; }

  #recirc-dummy { height:100px; }

  .big-nav-wrap {
    min-height:87px;
    border:none;
    margin-bottom:-35px;
  }
}

.pb-f-global-navbar-no-dropdown-spectrum .recirc-down {
  top:0;
  position:fixed;
  z-index:400;
}

.pb-f-global-navbar-no-dropdown-spectrum .recirc-rest {
  position:relative;
  z-index:9;
}

.pb-f-global-navbar-no-dropdown-spectrum .recirc-up {
  top:106px;
  position:fixed;
  z-index:400;
}

.pb-f-global-navbar-no-dropdown-spectrum .header-brand img {
  display:block;
  margin-top:-15px;
  margin-right:auto !important;
  margin-left:auto !important;
  padding-left:35px;
  width:100%;
}

@media only screen and (max-width:768px) {
  .pb-f-global-navbar .nav-wrapper {
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    border-bottom:1px solid;
    border-color:#F2F2F2;
  }

  .pb-f-global-navbar .navbar-brand { margin-left:15px; }
}

.pb-f-global-navbar-no-dropdown-spectrum .header p {
  text-transform:uppercase;
  font-family:'Roboto Condensed',sans-serif;
  text-align:center;
  font-size:12px;
  color:black;
}

.pb-f-global-navbar-no-dropdown-spectrum .header a,
.pb-f-global-navbar-no-dropdown-spectrum .header { color:black; }

.pb-f-global-navbar-no-dropdown-spectrum ul.nav>li>button {
  background:none;
  border:none;
  color:black;
}

.pb-f-global-navbar-no-dropdown-spectrum button:focus { outline:0; }

.pb-f-global-navbar-no-dropdown-spectrum .header { position:relative; }

.pb-f-global-navbar-no-dropdown-spectrum #recirc img {
  display:inline-block;
  float:left;
  margin-right:15px;
  width:115px;
}

.pb-f-global-navbar-no-dropdown-spectrum .recirc-title {
  color:black;
  float:top;
}

@media (min-width:992px) {
  .recirc-title h4 {
    font-family:"Merriweather",serif;
    font-size:11px !important;
    font-weight:700;
    line-height:110%;
    margin-right:5px;
  }

  ul.nav>li>button { margin-top:11px; }
}

@media (min-width:1200px) {
  .recirc-title h4 {
    font-family:"Merriweather",serif;
    font-size:13px !important;
    font-weight:700;
    line-height:110%;
    margin-right:10px;
  }
}

.pb-f-global-navbar-no-dropdown-spectrum .image-mask {
  overflow:hidden !important;
  width:120px;
  height:90px;
  display:inline-block;
  float:left;
  margin-right:5px;
}

.pb-f-global-navbar-no-dropdown-spectrum input.gsc-input {
  background:none !important;
  float:right !important;
}

.pb-f-global-navbar-no-dropdown-spectrum input.gsc-search-button {
  src:'' !important;
  background:none !important;
  color:none !important;
  width:120%;
  margin-left:-20% !important;
  margin-top:0 !important;
  height:100%;
  float:left !important;
}

@media (min-width:768px) {
  input.gsc-input {
    background:none !important;
    width:115% !important;
    margin-right:-10px !important;
    margin-top:-3px !important;
    float:right !important;
  }

  .search-container {
    width:400%;
    top:0;
    left:0;
    position:absolute;
    display:none;
  }
}

@media (max-width:767px) {
  .search-container {
    width:100%;
    text-align:horizontal;
    margin:0 auto;
    z-index:-5;
  }

  .mag-glass {
    z-index:550;
    top:-29px;
    right:43px;
  }
}

.pb-f-global-navbar-no-dropdown-spectrum .mag-glass { position:absolute; }

@media (min-width:768px) {
  .mag-glass { position:absolute; }

  .search-mag {
    z-index:400;
    left:100px;
  }
}

@media (min-width:992px) {
  .search-mag {
    z-index:400;
    left:120px;
  }
}

@media (min-width:1200px) {
  .search-mag {
    z-index:400;
    left:100px;
  }
}

.pb-f-global-navbar-no-dropdown-spectrum .gsc-modal-background-image-visible { opacity:0; }

.pb-f-global-navbar-no-dropdown-spectrum form.gsc-search-box {
  background:none !important;
  height:0 !important;
  float:right !important;
}

.pb-f-global-navbar-no-dropdown-spectrum div.gsc-control-cse {
  background:none !important;
  height:50px !important;
}

.pb-f-global-navbar-no-dropdown-spectrum span.gscb_a {
  background:none !important;
  width:0 !important;
  height:0 !important;
  margin-top:-1000px !important;
  visibility:hidden;
}

.pb-f-global-navbar-no-dropdown-spectrum div#___gcse_0 {
  background:none !important;
  left:0;
  top:0;
  padding:0 0 0 0;
}

.pb-f-global-navbar-no-dropdown-spectrum #wrapper { background-color:white; }

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
.pb-f-commencement-2018-header-mobile .commencement-header-mobile {
  width:100vw;
  height:150vw;
  overflow:hidden;
  padding:5vw;
  font-family:"Knockout",serif;
}

.pb-f-commencement-2018-header-mobile .commencement-header-mobile a {
  text-decoration:none;
  color:inherit;
}

.pb-f-commencement-2018-header-mobile .commencement-header-mobile-bg {
  width:100vw;
  height:150vw;
  background-size:cover;
  background-position:center;
  z-index:-5;
  position:absolute;
  filter:brightness(50%);
}

.pb-f-commencement-2018-header-mobile .commencement-mobile-text {
  font-size:10.5vw;
  color:white;
  font-weight:bold;
  text-align:center;
  margin-bottom:8%;
}

.pb-f-commencement-2018-header-mobile .commencement-mobile-button {
  border:5px solid white;
  margin-bottom:8%;
  font-weight:normal;
  font-size:8vw;
  color:white;
  font-weight:normal;
  text-align:center;
  padding:5% 0;
}

.pb-f-commencement-2018-header-mobile .commencement-mobile-button:hover,
.pb-f-commencement-2018-header-mobile .commencement-mobile-button:active { background:rgba(255,255,255,0.4); }

@media (min-width:992px) {
  .mobile-only { display:none; }
}

@media (max-width:991px) {
  .mobile-only { display:block; }
}

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
.pb-f-commencement-2018-header .main-header {
  height:40em;
  text-align:center;
  width:100%;
  overflow:hidden;
}

.pb-f-commencement-2018-header h1 {
  position:relative;
  top:24%;
  left:0;
  right:0;
  color:white;
  font-family:'Knockout48',sans-serif;
  font-size:14rem;
  margin-bottom:-14rem;
  pointer-events:none;
  z-index:1;
}

.pb-f-commencement-2018-header .header-image {
  float:left;
  height:100%;
  width:25%;
  text-align:center;
  transition:width 0.5s;
  background-position:center;
}

.pb-f-commencement-2018-header .active { width:55% !important; }

.pb-f-commencement-2018-header .inactive { width:15%; }

.pb-f-commencement-2018-header .header-labels {
  position:relative;
  top:85%;
  left:0;
  right:0;
  color:white;
  font-family:'Knockout30',sans-serif;
  font-size:2rem;
  pointer-events:none;
  z-index:1;
}

@media only screen and (max-width:991px) {
  .main-header { display:none; }
}

@media only screen and (min-width:992px) {
  .main-header { display:block; }
}

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
@import url(https://fonts.googleapis.com/css?family=Merriweather);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

@media (min-width:992px) {
  .sticky-nav {
    display:block;
    opacity:1.0 !important;
    position:fixed !important;
    top:0;
    background-color:transparent !important;
    filter:invert(100%);
    transition:background-color 0.5s;
    transition:filter 0.5s;
    height:50px;
    pointer-events:all !important;
  }

  .sticky-nav:hover {
    background-color:black !important;
    filter:invert(0) !important;
  }

  .sticky-nav .photo-nav-section { opacity:0; }

  .sticky-nav:hover .photo-nav-section { opacity:1; }
}

@media (max-width:992px) {
  .sticky-nav {
    position:fixed !important;
    top:0;
    opacity:1.0 !important;
    pointer-events:all !important;
  }

  .sticky-nav:hover {}
}

.pb-f-commencement-2018-navbar .sixtypxspace { height:50px; }

.pb-f-commencement-2018-navbar .logo-wrapper {
  font-family:'Knockout';
  letter-spacing:5px;
  font-size:10px;
  text-transform:uppercase;
  text-align:center;
}

.pb-f-commencement-2018-navbar .photo-nav {
  width:100vw;
  height:auto;
  z-index:5;
  height:50px;
  background-color:black;
  padding-top:4px;
  transition:background-color 0.5s;
  transition:filter 0.5s;
  opacity:0;
  pointer-events:none;
}

.pb-f-commencement-2018-navbar .photo-nav a {
  color:inherit;
  text-decoration:none;
}

.pb-f-commencement-2018-navbar .photo-nav-desktop {
  width:100%;
  display:flex;
  justify-content:space-around;
  align-items:center;
  color:white;
  font-family:'Knockout';
  font-size:20px;
}

.pb-f-commencement-2018-navbar .photo-nav-mobile {
  width:100%;
  display:flex;
  justify-content:space-between;
  padding:0 5%;
  align-items:center;
  background-color:black;
  color:white;
}

.pb-f-commencement-2018-navbar .pa-navdrop {
  height:32px;
  width:40px;
  background-color:black;
  border-radius:4px;
  border:2px solid white;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  align-items:center;
  padding:5px 0;
}

.pb-f-commencement-2018-navbar .pa-navdrop:hover { background-color:darkgray; }

.pb-f-commencement-2018-navbar .icon-bar {
  background-color:white;
  display:block;
  width:22px;
  height:2px;
  border-radius:1px;
}

.pb-f-commencement-2018-navbar .mobile-dropdown-wrapper {
  position:absolute;
  width:100%;
  z-index:5;
  color:white;
  font-family:"Lato";
  text-transform:uppercase;
  line-height:40px;
  background:rgba(0,0,0,0.8);
  padding:3% 5%;
}

@media (min-width:992px) {
  .mobile-only { display:none; }

  .desktop-only { display:block; }
}

@media (max-width:991px) {
  .mobile-only { display:block; }

  .desktop-only { display:none; }
}

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
.pb-c-default-chain .pb-1,
.pb-c-default-chain .pb-2,
.pb-c-default-chain .pb-3 { width:100%; }

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
@media (min-width:992px) {
  .left-container {
    float:left;
    width:40vw;
    text-align:center;
    margin-top:20px;
  }

  .caption {
    font-family:'Merriweather',serif;
    font-weight:300;
    color:black;
    font-size:2vmin;
    height:auto;
    margin-bottom:1rem;
    margin-top:1rem;
    text-align:center;
    padding:1rem 0;
    border-top:1px solid #707070;
    border-bottom:1px solid #707070;
  }
}

@media (max-width:991px) {
  .left-container {
    float:left;
    text-align:center;
    margin-top:20px;
  }

  .caption {
    font-family:'Merriweather',serif;
    font-weight:300;
    color:black;
    font-size:1.5rem;
    height:auto;
    margin-bottom:1rem;
    margin-top:1rem;
    text-align:center;
    padding:1rem 0;
    border-top:1px solid #707070;
    border-bottom:1px solid #707070;
  }
}

.pb-f-commencement-2018-left-blocks .image { padding:5rem; }

.pb-f-commencement-2018-left-blocks .image img { width:80%; }

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
@import url(https://fonts.googleapis.com/css?family=Merriweather);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

@media (min-width:992px) {
  .all-wrapper {
    font-family:Cardo;
    max-width:50%;
    margin-left:41vw;
    margin-bottom:5rem;
  }

  .pic-subtitle {
    text-align:right;
    font-family:'Roboto Condensed',sans-serif;
    font-size:14px;
    font-color:#797777;
    text-transform:uppercase;
  }

  .eye-article-group {
    padding-top:30px;
    display:flex;
    flex-direction:column;
  }

  .no-link-style {
    text-decoration:none;
    color:black;
  }

  .eye-image {
    overflow:hidden;
    height:35vw;
    width:50vw;
  }

  .eye-image img {
    position:relative;
    width:100%;
    height:auto;
  }

  .info {
    color:#797777;
    font-style:bold;
    padding-top:1vh;
    height:15vh;
    width:50vw;
  }

  .story-title {
    color:black;
    font-style:bold;
    font-family:'Merriweather',serif;
    font-size:18px;
  }

  .byline {
    font-family:'Roboto Condensed',sans-serif;
    font-size:14px;
    color:#797777;
    text-transform:uppercase;
  }
}

@media (max-width:991px) {
  .all-wrapper {
    font-family:Cardo;
    max-width:50%;
  }

  .eye-article-group {
    display:flex;
    flex-direction:column;
    width:100vw;
  }

  .no-link-style {
    text-decoration:none;
    color:black;
  }

  .eye-image {
    overflow:hidden;
    height:50%;
    width:100vw;
    padding-left:8vw;
    padding-bottom:3%;
  }

  .eye-image img {
    position:relative;
    width:80vw;
  }

  .info {
    color:#797777;
    font-style:bold;
    height:60%;
    width:100vw;
    padding-bottom:5%;
  }

  .pic-subtitle {
    text-align:right;
    width:80vw;
    font-family:'Roboto Condensed',sans-serif;
    font-size:14px;
    color:#797777;
    text-transform:uppercase;
  }

  .story-title {
    color:black;
    font-style:bold;
    font-family:'Merriweather',serif;
    font-size:18px;
    padding-left:8vw;
    width:90vw;
  }

  .contr-link { color:#797777; }

  .byline {
    font-family:'Roboto Condensed',sans-serif;
    font-size:14px;
    font-style:bold;
    padding-left:8vw;
    text-transform:uppercase;
  }
}

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
.pb-f-commencement-2018-credits .credits-label {
  font-size:4rem;
  font-family:"Knockout",sans-serif;
  text-transform:uppercase;
}

.pb-f-commencement-2018-credits .credit-name {
  display:inline;
  font-family:"Merriweather";
  font-style:normal;
  font-size:1.2rem;
}

.pb-f-commencement-2018-credits .credit-title {
  display:inline;
  font-family:"Merriweather";
  font-style:italic;
  font-size:1rem;
}

.pb-f-commencement-2018-credits .credits-section-title {
  font-size:2rem;
  font-family:"Knockout",sans-serif;
  text-transform:uppercase;
  margin-bottom:1rem;
  margin-top:1.4rem;
}

.pb-f-commencement-2018-credits .credits-wrapper { padding:15px; }
