/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
.pb-f-year-in-review-2018-yir-2018-navbar-black .logo-wrapper {
  font-family:'Knockout';
  letter-spacing:5px;
  font-size:10px;
  text-transform:uppercase;
  text-align:center;
}

.pb-f-year-in-review-2018-yir-2018-navbar-black .dropdown-item { color:black; }

.pb-f-year-in-review-2018-yir-2018-navbar-black .photo-nav a {
  color:inherit;
  text-decoration:none;
}

.pb-f-year-in-review-2018-yir-2018-navbar-black .photo-nav-wrapper {
  position:fixed;
  top:0;
  height:60px;
  width:100vw;
  z-index:9;
  width:100%;
  background-color:black;
  transition:opacity 0.4s;
}

.pb-f-year-in-review-2018-yir-2018-navbar-black .photo-nav {
  z-index:10;
  position:fixed;
  top:0;
  height:60px;
  width:100%;
  opacity:1;
  color:white;
  display:flex;
  align-items:center;
  justify-content:space-around;
}

.pb-f-year-in-review-2018-yir-2018-navbar-black .mobile-dropdown-wrapper {
  position:fixed;
  left:0;
  top:50px;
  width:100%;
  background-color:rgba(0,0,0,0.4);
}

@media (min-width:992px) {
  .photo-nav-section {
    font-family:"Lato";
    text-transform:uppercase;
    border-top:3px solid transparent;
    border-bottom:3px solid transparent;
    transition:border-bottom 0.4s;
  }

  .photo-nav-section:hover { border-bottom:3px solid white; }
}

@media (max-width:991px) {
  .photo-nav-section { display:none; }

  .photo-drop-section {
    color:white;
    font-family:"Lato";
    text-transform:uppercase;
    height:40px;
    line-height:40px;
  }

  .dropdown-menu {
    background-color:rgba(0,0,0,0.8);
    border-radius:0;
    padding:0 20px;
    width:101vw;
    position:fixed;
    left:-0.5vw;
    top:55px;
  }

  .pa-navdrop {
    height:32px;
    width:40px;
    background-color:black;
    border-radius:4px;
    border:2px solid white;
  }

  .pa-navdrop:hover { background-color:darkgray; }

  .icon-bar {
    background-color:white;
    margin-top:4px;
    display:block;
    width:22px;
    height:2px;
    border-radius:1px;
  }
}

@media (max-width:989px) {
  .yir-nav {
    font-family:'Knockout';
    letter-spacing:2vw;
    padding-left:5vw;
    padding-right:5vw;
    font-size:10vw;
    letter-spacing:0.3vw;
    width:100%;
  }

  ul#yir-sections {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    align-items:stretch;
    text-decoration:none;
    list-style:none;
    padding:0;
    margin:15px 0 0 0;
  }

  ul#yir-sections li {
    display:block;
    text-align:center;
  }

  ul#yir-sections li a {
    color:white;
    text-decoration:none;
    font-weight:400;
  }

  ul#yir-sections li a:hover { color:#fff; }

  .section-button {
    color:white;
    background:#69b3e7;
    padding-top:10%;
    padding-bottom:10%;
    margin-bottom:10%;
  }
}

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
@media (max-width:992px) {
  .fifty-space { margin-bottom:50px; }
}

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
.pb-f-year-in-review-2018-yir-2018-section-header .lead-image-container {
  position:absolute;
  width:100vw;
  height:30vw;
  overflow:hidden;
  z-index:-1;
  background-color:black;
}

.pb-f-year-in-review-2018-yir-2018-section-header .lead-text { z-index:10; }

.pb-f-year-in-review-2018-yir-2018-section-header .screen-wrapper {
  font-family:'Knockout';
  height:30vw;
  letter-spacing:1vw;
}

.pb-f-year-in-review-2018-yir-2018-section-header .lead-title {
  font-weight:bold;
  font-size:10vw;
  line-height:30vw;
  text-align:center;
  text-transform:uppercase;
  color:white;
}

.pb-f-year-in-review-2018-yir-2018-section-header .lead-title a { color:white; }

@media (min-width:992px) {
  .yir-header-nav {
    font-family:'Knockout';
    font-size:1.75vw;
    letter-spacing:0.3vw;
    background:gray;
    width:100vw;
    display:block;
    height:50px;
  }
}

@media (max-width:991px) {
  .yir-header-nav {
    font-family:'Knockout';
    font-size:1.75vh;
    letter-spacing:0.3vw;
    background:gray;
    width:100vw;
    display:block;
    height:50px;
  }
}

.pb-f-year-in-review-2018-yir-2018-section-header ul#yir-header-sections {
  display:flex;
  justify-content:space-around;
  text-decoration:none;
  list-style:none;
  padding:0 10px;
  line-height:50px;
}

.pb-f-year-in-review-2018-yir-2018-section-header ul#yir-header-sections li { display:inline; }

.pb-f-year-in-review-2018-yir-2018-section-header ul#yir-header-sections li a {
  color:#E4E4E4;
  text-decoration:none;
  font-weight:400;
}

.pb-f-year-in-review-2018-yir-2018-section-header ul#yir-header-sections li a:hover { color:#fff; }

.pb-f-year-in-review-2018-yir-2018-section-header .header-section-button { color:white; }

.pb-f-year-in-review-2018-yir-2018-section-header .header-section-button:hover {
  border-bottom-style:solid;
  border-bottom-color:white;
}

.pb-f-year-in-review-2018-yir-2018-section-header .lead-image { filter:brightness(30%); }

.pb-f-year-in-review-2018-yir-2018-section-header .lead-text a:hover { text-decoration:none; }

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

.pb-f-year-in-review-2018-column-headshots-article .sub-title {
  font-size:4rem;
  line-height:4rem;
  margin-top:1rem;
}

.pb-f-year-in-review-2018-column-headshots-article .sub-title a { color:inherit; }

.pb-f-year-in-review-2018-column-headshots-article .sub-title a:hover {
  color:inherit;
  text-decoration:none;
}

@media (min-width:992px) {
  .titles:hover {
    background-color:lightgrey;
    border-radius:15px;
    baseline-shift:10px;
  }

  .titles {
    font-family:'Merriweather',serif;
    color:black;
    font-size:20px;
    font-style:bold;
  }

  .main-title {
    font-family:'Knockout',sans-serif;
    font-size:15rem;
    line-height:15rem;
    color:#628ac4;
    margin-left:2vw;
    margin-right:2vw;
    text-transform:uppercase;
  }

  .info1 {
    font-family:'Merriweather',serif;
    color:black;
    font-size:15px;
    padding-top:1%;
    display:block;
    overflow:hidden;
    padding-left:1%;
  }

  .info2 {
    font-family:'Merriweather',serif;
    font-style:italic;
    color:black;
    padding-top:1%;
    display:block;
    overflow:hidden;
    padding-left:1%;
  }

  .prof-pics {
    width:200px;
    height:200px;
    float:left;
    margin-right:10px;
    border-radius:50%;
    border-style:solid;
    border-color:#dfdfdf;
    border-width:8px;
  }

  .prof-pic-div { width:200px; }

  .gen-info {
    min-height:200px;
    display:block;
    overflow:hidden;
    font-family:'Merriweather',serif;
  }
}

@media (max-width:991px) {
  .title {
    font-family:'Merriweather',serif;
    color:black;
    font-size:20px;
    font-style:bold;
  }

  .main-title {
    font-family:'Knockout',sans-serif;
    font-size:7rem;
    line-height:7rem;
    color:#628ac4;
    margin-left:2vw;
    margin-right:2vw;
    text-transform:uppercase;
  }

  .info1 {
    font-family:'Merriweather',serif;
    color:black;
    font-size:15px;
    padding-top:1%;
    display:block;
    padding-left:1%;
    margin:5%;
  }

  .info2 {
    font-family:'Merriweather',serif;
    font-style:italic;
    color:black;
    padding-top:1%;
    display:block;
    margin:5%;
    padding-left:1%;
  }

  .prof-pics {
    width:100vw;
    max-height:100%;
  }

  .gen-info { font-family:'Merriweather',serif; }
}

@media screen and (max-width:991px) {
  .section-title {
    font-family:'Knockout',sans-serif;
    font-size:7rem;
    line-height:7rem;
    color:#69b3e7;
    margin-left:2vw;
    margin-top:2rem;
    text-transform:uppercase;
  }
}

@media screen and (min-width:992px) {
  .section-title {
    font-family:'Knockout',sans-serif;
    font-size:14rem;
    line-height:14rem;
    color:#69b3e7;
    margin-left:2vw;
    margin-top:2rem;
    text-transform:uppercase;
  }
}