/**********************************************************************

    Project for Better Journalism, Inc.
    STALLION

    Originally developed by Brandon Wang.
    (c) Project for Better Journalism, Inc. All rights reserved.

**********************************************************************/
@import url(//fonts.googleapis.com/css?family=Bitter:400,700|PT+Serif:400,700,400italic,700italic|PT+Sans:400,700,400italic);
body {
  border-top: 5px solid #CCCCCC;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #FFF;
  font-size: 13px;
  line-height: 125%;
  font-family: "PT Sans", "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
  overflow-x: hidden;
  height: auto; }

a {
  color: #1F576B; }
  a:hover {
    color: #333; }

body {
  background-color: #FFF; }

.mask,
.page-background {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  min-height: 1200px;
  background-repeat: no-repeat;
  background-size: contain; }

.page-background {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(white), to(transparent)); }

.mask {
  background-image: url(../images/mask.svg); }

@media (max-width: 991px) {
  .mask {
    display: none; }
  .page-background {
    background-color: #eee;
    display: none; } }

.pbj-branding-bar a {
  display: inline-block;
  float: right;
  height: 20px;
  width: 298px;
  background: url(../images/pbj-branding-banner.png) no-repeat top center;
  background-size: auto 15px;
  overflow: hidden;
  text-indent: -9999px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  @media (max-width: 991px) {
    .pbj-branding-bar a {
      display: block;
      width: 100%; } }

.header-bar {
  margin: -10px 0 10px 0; }
  @media (max-width: 991px) {
    .header-bar {
      margin-top: 20px;
      margin-bottom: 20px; } }
  .header-bar .logo {
    height: 100px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 90px; }
    .header-bar .logo.logo-centered {
      margin-bottom: 10px;
      background-position: center center; }
    @media (max-width: 767px) {
      .header-bar .logo {
        height: 80px;
        background-size: contain;
        background-position: top center; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .header-bar .logo {
        background-position: center center; } }
    .header-bar .logo a {
      display: block;
      width: 100%;
      height: 100%; }
  .header-bar .logo-placeholder {
    height: 100px;
    margin: 0;
    padding: 0; }
    .header-bar .logo-placeholder a {
      display: block;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 5px;
      padding-top: 25px;
      text-align: center;
      width: 100%;
      height: 100%;
      font-family: "Bitter", Georgia, Times, serif;
      color: #FFF;
      font-size: 28px;
      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.7); }
      .header-bar .logo-placeholder a:hover {
        text-decoration: none; }
      .header-bar .logo-placeholder a span {
        font-family: "PT Sans", "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
        display: block;
        font-size: 17px;
        text-shadow: none;
        padding: 5px 0 0 0;
        color: rgba(255, 255, 255, 0.75); }
  .header-bar .bg-desc {
    font-size: 13px;
    line-height: 16px;
    background: rgba(255, 255, 255, 0.75);
    padding: 7px;
    margin: 33px 0 0 0;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); }
    .header-bar .bg-desc strong {
      color: rgba(0, 0, 0, 0.4);
      text-transform: uppercase;
      font-size: 12px; }
    .header-bar .bg-desc a {
      white-space: nowrap; }

.header-nav {
  margin-bottom: 40px; }
  .header-nav .navbar {
    border-color: transparent;
    border-radius: 5px;
    margin-bottom: 0; }
    .header-nav .navbar ul.nav > li.active > a,
    .header-nav .navbar ul.nav > li.current-menu-ancestor > a {
      background: rgba(0, 0, 0, 0.5); }
    .header-nav .navbar ul.nav > li > a {
      padding: 10px 14px 9px 14px;
      margin: 0;
      color: #FFF;
      background-color: inherit;
      border-right: 1px solid rgba(0, 0, 0, 0.2); }
      .header-nav .navbar ul.nav > li > a:hover {
        background-color: rgba(0, 0, 0, 0.25); }
    @media (max-width: 767px) {
      .header-nav .navbar .open .dropdown-menu > li > a {
        color: #FFF; }
      .header-nav .navbar .navbar-brand {
        color: rgba(255, 255, 255, 0.75);
        font-size: 15px;
        line-height: 24px; }
      .header-nav .navbar .navbar-toggle {
        border-color: #FFF; }
        .header-nav .navbar .navbar-toggle:hover, .header-nav .navbar .navbar-toggle:focus, .header-nav .navbar .navbar-toggle:active {
          background-color: rgba(0, 0, 0, 0.3); }
      .header-nav .navbar .navbar-collapse,
      .header-nav .navbar .navbar-form {
        border-color: transparent; } }
    @media (min-width: 768px) {
      .header-nav .navbar {
        border: 1px solid rgba(0, 0, 0, 0.1);
        min-height: auto; }
        .header-nav .navbar .navbar-collapse {
          padding-left: 5px;
          padding-right: 5px; }
        .header-nav .navbar .navbar-form {
          margin: 0;
          position: absolute;
          right: 0px;
          padding: 5px 5px 5px 76px;
          height: 39px; }
          .header-nav .navbar .navbar-form input {
            width: 195px;
            border: 0;
            background: rgba(0, 0, 0, 0.25);
            height: 29px;
            margin: 0;
            padding: 0 6px;
            border-radius: 2px;
            transition: all 0.25s;
            color: #FFF; }
            .header-nav .navbar .navbar-form input::-webkit-input-placeholder {
              /* WebKit, Blink, Edge */
              color: #fff; }
            .header-nav .navbar .navbar-form input:-moz-placeholder {
              /* Mozilla Firefox 4 to 18 */
              color: #fff;
              opacity: 1; }
            .header-nav .navbar .navbar-form input::-moz-placeholder {
              /* Mozilla Firefox 19+ */
              color: #fff;
              opacity: 1; }
            .header-nav .navbar .navbar-form input:-ms-input-placeholder {
              /* Internet Explorer 10-11 */
              color: #fff; }
            .header-nav .navbar .navbar-form input:focus {
              color: #111; }
              .header-nav .navbar .navbar-form input:focus::-webkit-input-placeholder {
                /* WebKit, Blink, Edge */
                color: #AAA; }
              .header-nav .navbar .navbar-form input:focus:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: #AAA;
                opacity: 1; }
              .header-nav .navbar .navbar-form input:focus::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                color: #AAA;
                opacity: 1; }
              .header-nav .navbar .navbar-form input:focus:-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                color: #AAA; } }
      @media (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
        .header-nav .navbar .navbar-form input {
          width: 160px; } }
    @media (min-width: 768px) {
            .header-nav .navbar .navbar-form input:focus {
              background: #FFF; } }
    .header-nav .navbar ul.navbar-left {
      white-space: nowrap;
      display: -webkit-inline-box; }
      .header-nav .navbar ul.navbar-left > li {
        display: inline-block; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .header-nav .navbar ul.navbar-left {
        max-width: calc(100% - 170px);
        height: 39px; } }
    @media (min-width: 1200px) {
      .header-nav .navbar ul.navbar-left {
        max-width: calc(100% - 200px);
        height: 39px; } }

.expo-breaking {
  background: #EDC607;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  text-align: left;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  .expo-breaking strong {
    font-size: 13px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5); }
  .expo-breaking a {
    text-decoration: underline; }

html {
  position: relative;
  min-height: 100%; }

body {
  margin-bottom: 320px; }

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 230px;
  margin: 60px 0 0 0;
  padding: 50px 0 100px 0;
  border-top: 5px solid rgba(0, 0, 0, 0.2); }
  @media (max-width: 767px) {
    footer {
      padding-top: 20px; } }
  footer .banner {
    float: left;
    width: 240px;
    height: 50px;
    margin: 3px 50px 0 0;
    background-image: url(../images/pbj_block_inline.png);
    background-repeat: no-repeat;
    background-size: 240px 50px; }
    footer .banner a {
      display: block;
      width: 100%;
      height: 100%; }
  footer .text {
    float: left;
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px;
    line-height: 18px; }
    @media (max-width: 767px) {
      footer .text {
        margin-top: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      footer .text {
        margin-top: 20px; } }
    footer .text a {
      color: rgba(0, 0, 0, 0.6);
      text-decoration: underline; }

.button {
  background-color: #000;
  color: #FFF;
  border: none;
  transition: all 0.25s ease-in-out 0s;
  padding: 6px 15px;
  height: 32px;
  line-height: 20px;
  text-transform: uppercase;
  border-radius: 3px;
  letter-spacing: .03em;
  font-size: 12px; }
  .button:focus {
    outline: none; }
  .button:active {
    outline: none; }

.hp-customblock #mc_embed_signup {
  margin-top: -20px; }

.hp-customblock #mc_embed_signup,
.schooldesc-about #mc_embed_signup {
  background-color: transparent;
  margin-bottom: 20px; }
  .hp-customblock #mc_embed_signup form,
  .schooldesc-about #mc_embed_signup form {
    padding: 0;
    margin: 0; }
    .hp-customblock #mc_embed_signup form label,
    .schooldesc-about #mc_embed_signup form label {
      padding: 15px 0 5px;
      font-size: 23px;
      line-height: 27px;
      margin-bottom: 20px;
      font-family: Bitter,Georgia,Times,serif;
      font-weight: 400;
      text-shadow: 1px 1px 0 #fff;
      margin: 0;
      text-align: left; }
    .hp-customblock #mc_embed_signup form input.email,
    .schooldesc-about #mc_embed_signup form input.email {
      margin-top: 20px;
      width: 100%;
      border-color: #CCCCCC;
      outline: none;
      font-size: 14px; }
      .hp-customblock #mc_embed_signup form input.email:focus,
      .schooldesc-about #mc_embed_signup form input.email:focus {
        border: 1px solid #DDDDDD; }
    .hp-customblock #mc_embed_signup form .clear,
    .schooldesc-about #mc_embed_signup form .clear {
      float: right; }
      .hp-customblock #mc_embed_signup form .clear .button,
      .schooldesc-about #mc_embed_signup form .clear .button {
        background-color: #000;
        color: #FFF;
        border: none;
        transition: all 0.25s ease-in-out 0s;
        padding: 6px 15px;
        height: 32px;
        line-height: 20px;
        text-transform: uppercase;
        border-radius: 3px;
        letter-spacing: .03em;
        font-size: 12px;
        margin-top: 20px; }

/*********************************************************************/
.expo-breaking-box {
  margin: -20px 0 20px;
  padding: 10px 0; }

.exposition.bar {
  margin-top: 0;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .exposition.bar .container {
      padding: 0; } }

.exposition-mainelement {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 24px; }

.exposition-photo {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3) inset;
  height: 300px;
  width: 50%;
  position: relative;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover; }
  .exposition-photo .exposition-photo-link {
    background: -moz-linear-gradient(top, transparent 70%, rgba(0, 0, 0, 0.6) 90%);
    background: -webkit-linear-gradient(top, transparent 70%, rgba(0, 0, 0, 0.6) 90%);
    background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 90%);
    text-decoration: none; }
  .exposition-photo.full {
    width: 100%; }

.exposition-horizontal-mainelement .carousel-control {
  width: 10%; }
  .exposition-horizontal-mainelement .carousel-control.left, .exposition-horizontal-mainelement .carousel-control.right {
    background-image: none; }

.exposition-horizontal-mainelement .carousel-slides-view {
  padding: 0;
  border-top: none; }
  .exposition-horizontal-mainelement .carousel-slides-view:first-child {
    border-bottom-left-radius: 5px; }
  .exposition-horizontal-mainelement .carousel-slides-view:last-child {
    border-bottom-right-radius: 5px; }

.exposition-horizontal-mainelement .exposition-photo-link {
  width: 100%;
  height: 300px;
  display: block;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.exposition-horizontal-mainelement .exposition-photo-link:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.4) inset;
  border-radius: 5px; }

.exposition-horizontal-mainelement .exposition-photo {
  padding-top: 220px; }
  .exposition-horizontal-mainelement .exposition-photo.carousel.full {
    padding-top: 0;
    height: 300px; }
    .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-inner {
      height: 300px; }
      .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-inner .item {
        height: 300px;
        border-radius: 5px;
        background-color: #EEEEEE; }
        .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-inner .item img {
          border-radius: 5px;
          width: 100%; }
          @media screen and (max-width: 767px) {
            .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-inner .item img {
              height: 230px; } }
    .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-caption {
      left: 0;
      right: 0;
      bottom: -30px; }
      @media screen and (max-width: 767px) {
        .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-caption {
          bottom: -20px; } }
      .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-caption a {
        text-decoration: none; }
      .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-caption p {
        border-radius: 0;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-indicators {
      bottom: 70px; }
    .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-inner > .item > a > img, .exposition-horizontal-mainelement .exposition-photo.carousel.full .carousel-inner > .item > img, .exposition-horizontal-mainelement .exposition-photo.carousel.full .img-responsive, .exposition-horizontal-mainelement .exposition-photo.carousel.full .thumbnail a > img, .exposition-horizontal-mainelement .exposition-photo.carousel.full .thumbnail > img {
      margin: 0 auto; }
  .exposition-horizontal-mainelement .exposition-photo .exposition-content {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .exposition-horizontal-mainelement .exposition-photo h2 {
    padding: 9px 10px 10px;
    height: 40px;
    /* total height 45px */
    font-weight: normal;
    font-family: "Bitter", Georgia, Times, serif;
    font-size: 24px;
    background: #000;
    color: #FFF;
    text-shadow: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .exposition-horizontal-mainelement .exposition-photo.full {
    padding-top: 230px; }
    .exposition-horizontal-mainelement .exposition-photo.full a {
      height: auto; }
    .exposition-horizontal-mainelement .exposition-photo.full h2 {
      margin: 0;
      height: 44px; }
    .exposition-horizontal-mainelement .exposition-photo.full p {
      height: 32px; }
  .exposition-horizontal-mainelement .exposition-photo p {
    background: #333;
    color: #fff;
    text-shadow: none;
    font-size: 13px;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    font-family: "PT Serif", Georgia, Times, serif;
    padding: 8px 10px;
    margin: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }

/*** VERTICAL LAYOUT *********************************/
.exposition-vertical-mainelement {
  height: 300px;
  clear: both;
  background: #EEEEEE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; }
  .exposition-vertical-mainelement .exposition-explainer small {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #CCC; }
  .exposition-vertical-mainelement .exposition-explainer p {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-family: "PT Serif", Georgia, Times, serif;
    color: #FFF;
    padding: 0; }
  .exposition-vertical-mainelement .exposition-explainer p a {
    padding: 5px 12px;
    display: inline-block;
    background: #FFF;
    border: 1px solid #DDDDDD;
    color: #666;
    float: right;
    font-size: 13px;
    font-weight: bold;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    .exposition-vertical-mainelement .exposition-explainer p a:hover {
      color: #000; }
  .exposition-vertical-mainelement .exposition-photo-caption {
    position: absolute;
    bottom: 0;
    padding: 15px 10px;
    text-shadow: 1px 1px 0 #000;
    color: #FFF;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px; }
  .exposition-vertical-mainelement .exposition-photo-link {
    width: 100%;
    height: 300px;
    display: block;
    border-bottom-left-radius: 5px; }
  .exposition-vertical-mainelement .exposition-photo-link:hover {
    background: rgba(255, 255, 255, 0.1); }
  .exposition-vertical-mainelement .exposition-photo-caption a {
    color: #FFF;
    font-weight: bold;
    width: 220px;
    display: block; }
  .exposition-vertical-mainelement .exposition-photo {
    height: 300px;
    width: 35%;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    float: left; }
  .exposition-vertical-mainelement h2 {
    margin: 0;
    float: right;
    width: 65%;
    padding: 12px 15px;
    font-weight: normal;
    font-family: "Bitter", Georgia, Times, serif;
    font-size: 28px;
    line-height: 34px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    background: #7A7A7A;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
    height: auto;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px; }
    .exposition-vertical-mainelement h2 a {
      color: #FFF;
      display: block; }
      .exposition-vertical-mainelement h2 a:hover {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.85); }
  .exposition-vertical-mainelement .exposition-explainer {
    float: right;
    background: #EEEEEE;
    padding: 12px 15px;
    border: none;
    border-right: 1px solid #DDDDDD;
    box-shadow: none;
    width: 65%;
    height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    .exposition-vertical-mainelement .exposition-explainer p {
      color: #444;
      font-size: 12px;
      line-height: 20px;
      padding: 0; }
      .exposition-vertical-mainelement .exposition-explainer p:first-line {
        font-size: 16px;
        letter-spacing: 1px;
        font-variant: small-caps;
        color: #444; }
    .exposition-vertical-mainelement .exposition-explainer span.meta-fields {
      font-size: 12px;
      line-height: 16px;
      color: #999;
      display: block;
      margin-top: 15px;
      font-family: "PT Sans", "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif; }

.exposition-explainer-text {
  height: 100px;
  overflow: hidden; }

/*** NO IMAGE RETROFIT *******************************/
.exposition-mainelement-nophoto {
  height: 300px;
  padding: 25px;
  margin-bottom: 20px;
  clear: both;
  border-radius: 5px;
  background-color: #EEEEEE;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, transparent 60%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, transparent 60%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, transparent 60%);
  border: 1px solid #CCCCCC; }
  .exposition-mainelement-nophoto h2 {
    font-size: 28px;
    line-height: 38px;
    margin: 0 20px 0 0;
    padding: 0;
    background: none;
    font-weight: 400;
    font-family: "Bitter", Georgia, Times, serif; }
    .exposition-mainelement-nophoto h2 a {
      color: #fff;
      display: block; }
      .exposition-mainelement-nophoto h2 a span {
        padding: 7px 10px;
        box-shadow: 7px 7px 3px #B9B9B9;
        margin-bottom: 4px;
        display: block;
        float: left;
        max-width: 700px; }
      .exposition-mainelement-nophoto h2 a b {
        clear: both;
        display: block; }
  .exposition-mainelement-nophoto span.featured-blip {
    display: inline-block;
    font-family: "PT Sans", "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
    color: #555;
    border: 1px solid #CCCCCC;
    font-size: 12px;
    line-height: 12px;
    padding: 5px;
    margin: 15px 0 3px 0;
    text-transform: uppercase;
    background: #FFF; }
  .exposition-mainelement-nophoto .exposition-explainer {
    display: block;
    background: none;
    padding: 5px 0 0 0;
    border: none;
    box-shadow: none;
    border-radius: 0; }
    .exposition-mainelement-nophoto .exposition-explainer p {
      max-height: 96px;
      overflow: hidden;
      color: #444;
      font-size: 14px;
      font-family: "PT Serif", Georgia, Times, serif;
      line-height: 24px;
      padding: 0; }
      .exposition-mainelement-nophoto .exposition-explainer p a {
        padding: 5px 12px;
        display: inline-block;
        background: #FFF;
        border: 1px solid #DDDDDD;
        color: #666;
        float: right;
        font-size: 13px;
        font-weight: bold;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }
        .exposition-mainelement-nophoto .exposition-explainer p a:hover {
          color: #000;
          cursor: pointer; }
    .exposition-mainelement-nophoto .exposition-explainer span.meta-fields {
      font-size: 12px;
      line-height: 16px;
      color: #999;
      display: block;
      margin-top: 15px;
      font-family: "PT Sans", "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif; }

/*****************************************************/
.breaking-expo {
  margin-bottom: 20px;
  padding: 0;
  border-radius: 5px; }

.breaking-mainelement {
  border-radius: 5px; }

.breaking-photo {
  background-repeat: no-repeat;
  background-color: #EEEEEE;
  background-size: cover;
  height: 300px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .breaking-photo.carousel {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .breaking-photo .carousel-caption {
    left: 10%;
    text-align: left; }
    .breaking-photo .carousel-caption h2 {
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      white-space: nowrap; }
      @media screen and (max-width: 767px) {
        .breaking-photo .carousel-caption h2 {
          font-size: 18px;
          line-height: 28px; } }
    @media screen and (min-width: 768px) {
      .breaking-photo .carousel-caption p {
        margin-top: 15px; } }
    .breaking-photo .carousel-caption p span {
      background: #FFF;
      text-shadow: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      white-space: nowrap; }
      @media screen and (max-width: 767px) {
        .breaking-photo .carousel-caption p span {
          font-size: 12px;
          line-height: 20px;
          max-width: 280px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: inline-block; } }
  .breaking-photo h2 {
    font-family: "Bitter", Georgia, Times, serif;
    font-weight: normal;
    font-size: 36px;
    line-height: 40px;
    max-width: 580px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 10px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #444;
    background: rgba(0, 0, 0, 0.8);
    color: #FFF;
    margin: 150px 0 0 0;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5); }
  .breaking-photo p {
    margin-top: 10px; }
    .breaking-photo p span {
      background: #FFF;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-bottom-right-radius: 8px;
      -moz-border-radius-topright: 8px;
      -moz-border-radius-bottomright: 8px;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      margin-top: 5px;
      padding: 10px;
      font-size: 15px;
      color: #444;
      box-shadow: 5px 0 10px rgba(0, 0, 0, 0.5); }
  .breaking-photo a:hover {
    text-decoration: none; }
  .breaking-photo .carousel-control {
    width: 10%; }
    .breaking-photo .carousel-control.left, .breaking-photo .carousel-control.right {
      background-image: none; }
  .breaking-photo .carousel-inner {
    height: 300px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
  .breaking-photo .carousel-inner > .item > a > img, .breaking-photo .carousel-inner > .item > img, .breaking-photo .img-responsive, .breaking-photo .thumbnail a > img, .breaking-photo .thumbnail > img {
    margin: 0 auto;
    width: 100%;
    height: 300px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
  .breaking-photo .carousel-indicators {
    bottom: 0; }

.breaking-mainelement .carousel-slides-view .carousel-slide-preview a .arrow-up {
  top: 20px; }

.breaking-mainelement .carousel-slides-view .carousel-slide-preview a span {
  font-size: 16px !important; }

.carousel-slides-view {
  background-color: #EEEEEE;
  border-top-width: 10px;
  border-top-style: solid;
  padding: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
  @media screen and (max-width: 767px) {
    .carousel-slides-view {
      display: none; } }
  .carousel-slides-view .carousel-slide-preview {
    width: 20%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
    float: left;
    height: 80px; }
    .carousel-slides-view .carousel-slide-preview:first-child {
      border-bottom-left-radius: 5px; }
      .carousel-slides-view .carousel-slide-preview:first-child a .image-container {
        border-bottom-left-radius: 5px; }
    .carousel-slides-view .carousel-slide-preview:nth-of-type(5) {
      border-bottom-right-radius: 5px; }
      .carousel-slides-view .carousel-slide-preview:nth-of-type(5) a .image-container {
        border-bottom-right-radius: 5px; }
    .carousel-slides-view .carousel-slide-preview.active {
      background: #fff;
      background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
      background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%); }
      .carousel-slides-view .carousel-slide-preview.active .arrow-up {
        margin-top: -5px;
        display: block; }
      .carousel-slides-view .carousel-slide-preview.active span {
        color: #FFF;
        text-shadow: none;
        font-weight: bold;
        display: block; }
      .carousel-slides-view .carousel-slide-preview.active .image-container {
        opacity: 0; }
      .carousel-slides-view .carousel-slide-preview.active a:hover .image-container {
        opacity: 0; }
      .carousel-slides-view .carousel-slide-preview.active a:hover span {
        color: #FFF;
        text-shadow: none; }
    .carousel-slides-view .carousel-slide-preview a .arrow-up {
      margin: 0 auto;
      display: none;
      position: relative;
      top: 15px;
      z-index: 100;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #fff; }
    .carousel-slides-view .carousel-slide-preview a span {
      position: relative;
      font-family: "Bitter", Georgia, Times, serif;
      top: 25px;
      float: left;
      display: block;
      margin: 0 auto;
      z-index: 100;
      text-align: center;
      width: 100%;
      padding: 0 15px;
      font-size: 14px;
      font-weight: bold;
      color: #FFF;
      text-shadow: 1px 1px 0 #000;
      text-align: center; }
    .carousel-slides-view .carousel-slide-preview a .image-container {
      z-index: -1;
      width: 100%;
      height: 80px;
      opacity: 0.4;
      -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      background-repeat: no-repeat;
      background-size: cover; }
    .carousel-slides-view .carousel-slide-preview a:hover .image-container {
      opacity: 1; }

.breaking-photo-link {
  height: 100%;
  width: 100%;
  display: block; }

/*****************************************************/
.news-tickers {
  height: 524px;
  margin-bottom: 20px;
  background: #EEEEEE;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden; }
  .news-tickers.carousel {
    height: 604px; }
  .news-tickers h3 {
    padding: 8px 10px 6px 10px;
    border-bottom: 1px solid #CCCCCC;
    background-color: rgba(0, 0, 0, 0.07);
    margin: 0;
    font-size: 12px;
    line-height: 13px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff; }
  .news-tickers ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .news-tickers ul li {
      font-size: 13px;
      padding: 5px 10px;
      border-bottom: 1px solid #CCCCCC;
      border-top: 1px solid rgba(255, 255, 255, 0.3);
      overflow: hidden; }
      .news-tickers ul li:first-child {
        padding-top: 6px; }
      .news-tickers ul li:last-child {
        border-bottom: none; }

.news-ticker-containsimage {
  height: 86px;
  padding-bottom: 10px;
  overflow: hidden; }
  .news-ticker-containsimage a {
    font-size: 13px;
    line-height: 16px;
    display: block;
    color: #333; }
  .news-ticker-containsimage small {
    display: block;
    margin-top: 2px;
    height: 40px;
    font-size: 11px;
    line-height: 13px;
    color: #888;
    overflow: hidden; }

.news-ticker-image {
  height: 70px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3) inset; }
  .news-ticker-image.pull-left {
    margin-right: 6px;
    margin-left: -4px; }
  .news-ticker-image.pull-right {
    margin-left: 9px;
    margin-right: -4px; }

/*****************************************************/
.flatexpo {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  background: #FFF;
  overflow: hidden; }
  .flatexpo .flatexpo-photo {
    background-repeat: no-repeat;
    background-size: cover; }
  .flatexpo .flatexpo-link {
    width: 100%;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
    height: 115px;
    display: block;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .flatexpo .flatexpo-link:hover {
      background-color: rgba(0, 0, 0, 0.2);
      text-decoration: none; }
    .flatexpo .flatexpo-link .category {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      text-align: center; }
      .flatexpo .flatexpo-link .category .text {
        background-color: #FFF;
        padding: 5px 8px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        color: #000; }
  .flatexpo .title {
    font-size: 18px;
    line-height: 1.4;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 100%;
    max-width: 100%;
    font-family: "Bitter", Georgia, Times, serif;
    color: #000; }
    .flatexpo .title a {
      color: inherit; }
  .flatexpo .article-info {
    color: #AAA;
    line-height: 1.4; }

.smallexpo {
  width: 100%;
  height: 200px;
  float: left;
  margin-bottom: 20px;
  border: 1px solid #CCCCCC;
  background: #FFF;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .smallexpo .smallexpo-photo {
    background-repeat: no-repeat;
    background-size: cover; }
  .smallexpo .smallexpo-link {
    width: 100%;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
    height: 115px;
    display: block;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .smallexpo .smallexpo-link:hover {
      background-color: rgba(0, 0, 0, 0.2);
      text-decoration: none; }
    .smallexpo .smallexpo-link h2 {
      font-size: 18px;
      line-height: 22px;
      padding: 0 7px 0;
      margin: 0;
      width: 100%;
      max-width: 100%;
      font-family: "Bitter", Georgia, Times, serif;
      position: absolute;
      bottom: 10px;
      font-weight: 700;
      color: #FFF;
      text-shadow: 1px 1px 0 #000; }
  .smallexpo p {
    padding: 8px 10px 10px;
    background: #FFF;
    color: #555;
    font-size: 11px;
    line-height: 18px;
    height: 80px;
    overflow: hidden;
    margin: 0; }

.smallexpo-nophoto .smallexpo-link {
  height: 70px; }

.smallexpo-nophoto .smallexpo-link h2 {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
  white-space: normal;
  height: 44px;
  padding: 12px 0 0 0;
  margin: 0 12px; }

.smallexpo-nophoto p {
  padding: 12px 12px 17px 12px;
  font-family: "PT Serif", Georgia, Times, serif;
  font-size: 13px;
  line-height: 20px; }

/*****************************************************/
.matrixexpo-wrapper {
  height: 200px;
  margin-bottom: 20px; }

.matrixexpo {
  box-sizing: border-box;
  width: 50%;
  float: left;
  height: 100px;
  overflow: hidden;
  border: 1px solid #CCCCCC;
  background-repeat: no-repeat;
  background-size: cover; }
  .matrixexpo a {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
    width: 100%;
    height: 100%;
    display: block; }
    .matrixexpo a:hover {
      text-decoration: none;
      background-color: rgba(0, 0, 0, 0.1); }
  .matrixexpo:first-child {
    border-top-left-radius: 4px; }
  .matrixexpo:nth-child(2) {
    border-top-right-radius: 4px; }
  .matrixexpo:nth-child(3) {
    border-bottom-left-radius: 4px; }
  .matrixexpo:last-child {
    border-bottom-right-radius: 4px; }

.matrixexpo-heading {
  font-size: 16px;
  padding: 7px 8px;
  margin: 0;
  line-height: 20px;
  max-height: 90px;
  overflow: hidden;
  font-family: "Bitter", Georgia, Times, serif;
  font-weight: 700;
  color: #FFF;
  text-transform: capitalize;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

.matrixexpo-content {
  padding: 0 9px;
  color: #777;
  font-size: 13px;
  line-height: 17px;
  height: 51px;
  overflow: hidden; }

.matrixexpo-hasphoto .matrixexpo-heading {
  text-shadow: 1px 1px 0 #000; }

.matrixexpo-hasphoto .matrixexpo-content {
  display: none; }

/*****************************************************/
.category-ticker {
  height: 420px;
  overflow: hidden;
  border: 1px solid #CCCCCC;
  background-color: #FFF;
  border-bottom-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 20px 0;
  box-sizing: border-box; }
  .category-ticker h3 {
    padding: 10px 10px 8px 10px;
    font-size: 18px;
    margin: 0;
    line-height: 18px;
    font-family: "Bitter", Georgia, Times, serif;
    font-weight: 400;
    color: #777;
    background: #EEEEEE;
    border-bottom: 1px solid #CCCCCC; }
    .category-ticker h3 a {
      color: #666; }
      .category-ticker h3 a::after {
        content: "\00BB";
        margin-left: 4px; }
  .category-ticker ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .category-ticker ul li {
      padding: 8px 10px 7px 10px;
      margin: 0;
      font-size: 13px;
      line-height: 17px;
      border-top: 1px solid #DDDDDD; }
      .category-ticker ul li:first-child {
        border-top: 0;
        padding-top: 9px; }
      .category-ticker ul li a {
        color: #26647D; }
      .category-ticker ul li .pull-left {
        width: 80%; }
      .category-ticker ul li img {
        width: 15%;
        margin-left: 10px;
        float: right; }

.category-ticker-desc {
  color: #AAA;
  font-size: 11px;
  line-height: 13px;
  padding-top: 3px;
  height: 29px;
  overflow: hidden; }

/*****************************************************/
.hp-labeloverlay {
  padding: 4px 5px 4px 8px;
  margin: 8px 0 10px 0;
  height: auto;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
  font-weight: normal;
  font-size: 11px;
  border-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #FFF; }
  .hp-labeloverlay i {
    margin-top: 0px; }

.smallexpo .hp-labeloverlay {
  background-color: rgba(0, 0, 0, 0.8);
  float: left;
  margin-bottom: -25px;
  /* Height+P 21px and top margin 4px offset */ }

/*****************************************************/
.schooldesc-about {
  height: 420px;
  overflow: hidden;
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 15px;
  margin: 20px 0;
  box-sizing: border-box;
  background-color: #EEEEEE;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 60%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 60%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 60%); }
  .schooldesc-about img {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 340px; }
    .schooldesc-about img.aligncenter {
      margin: 0 auto;
      display: block; }

.schooldesc-about h3, .hp-customblock h3 {
  padding: 15px 0 5px;
  font-size: 23px;
  line-height: 27px;
  margin-bottom: 20px;
  font-family: "Bitter", Georgia, Times, serif;
  font-weight: normal;
  color: #666;
  text-shadow: 1px 1px 0 #FFF;
  margin: 0; }

.schooldesc-about p, .hp-customblock p {
  padding: 5px 0 10px 0;
  font-family: "PT Serif", Georgia, Times, serif;
  font-size: 14px;
  line-height: 23px;
  color: #444; }

.hp-customblock {
  height: 424px;
  background-color: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 15px;
  margin: 20px 0;
  box-sizing: border-box;
  overflow: hidden; }
  .hp-customblock img {
    max-width: 100%;
    max-height: 380px;
    height: auto;
    width: auto; }
    .hp-customblock img.aligncenter {
      margin: 0 auto;
      display: block; }

.pbj-block {
  height: 420px;
  margin: 20px 0;
  border: 1px solid #CCCCCC;
  border-bottom-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #FFF; }
  .pbj-block .pbj-block-logo {
    background: url(../images/pbj_block_vertical.png) no-repeat;
    width: 60%;
    height: 96px;
    background-size: contain;
    margin: 15px;
    background-position: center;
    display: block; }
  .pbj-block a {
    cursor: pointer; }
  .pbj-block p {
    margin: 0 20px 15px 15px;
    font-size: 12px;
    line-height: 16px;
    color: #666; }

.article {
  margin-top: 20px; }

.article-heading-block {
  background: #FFF;
  padding: 40px 30px 15px;
  margin: 0;
  border-top: 3px solid #444;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .article-heading-block .article-heading-categories {
    margin: 20px 0 10px;
    font-size: 15px;
    color: #999; }
    .article-heading-block .article-heading-categories a {
      font-size: 15px;
      color: #999; }
  .article-heading-block h1 {
    padding: 0;
    margin: 0 0 20px;
    font-size: 36px;
    line-height: 42px;
    display: block;
    font-family: "PT Serif", Georgia, Times, serif;
    font-weight: 700; }

.article-sidebar-meta {
  margin: 0;
  padding-bottom: 5px;
  border-bottom: 1px dotted #DDDDDD;
  line-height: 17px; }
  .article-sidebar-meta small {
    font-size: 12px;
    text-transform: uppercase;
    color: #AAA; }
  .article-sidebar-meta span {
    display: block; }

.article-sidebar-meta-noline {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: -10px; }

.article-sidebar-meta-i {
  float: left;
  margin-right: 40px; }

.article-sidebar-meta-authors {
  font-weight: bold;
  font-size: 14px;
  color: #555;
  padding-bottom: 10px; }

.article-sidebar-meta-publishdate {
  color: #777; }

.article-content-block {
  background: #FFF;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  margin: 0;
  padding: 25px 15px 40px; }
  .article-content-block .article-body .full-width.pullquote {
    margin: 0 15px 20px; }

/* Article sidebar blocks are 280px wide, with 30px of clearance on all sides. */
.article-sidebar {
  width: 90%;
  margin-bottom: 30px;
  float: left;
  clear: left;
  padding: 0; }
  .article-sidebar:first-child {
    margin-top: 6px; }

.article-body-caption {
  float: left; }

.article-body-photo {
  margin-left: -400px;
  float: left;
  width: 555px;
  margin-right: 30px; }
  .article-body-photo.wide {
    width: 940px;
    margin-bottom: 40px;
    margin-right: 100%; }
  .article-body-photo.vertical {
    width: 50%; }
  .article-body-photo.default {
    width: 100%; }
  .article-body-photo img {
    display: block;
    width: 100%;
    box-shadow: 0 4px 2px #EEE;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  .article-body-photo .article-body-caption {
    max-width: 300px;
    padding: 15px 20px 16px 20px;
    background: #EEEEEE;
    font-size: 13px;
    line-height: 18px;
    margin-left: 30px;
    color: #444;
    margin-top: -70px;
    top: 70px;
    border: 1px solid #DDDDDD;
    border-top-width: 0;
    border-bottom-width: 2px;
    position: relative;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }

@media (max-width: 1199px) {
  .article-sidebar {
    display: block;
    width: 100%;
    float: none; } }

@media (max-width: 1199px) {
  .article-body-photo {
    margin-left: -334px; } }

.article-sidebar.article-sidebar-photo {
  width: 100%; }
  .article-sidebar.article-sidebar-photo img {
    width: 100%; }

.article-sidebar-photo {
  float: none;
  margin: 0; }
  .article-sidebar-photo .article-sidebar-caption {
    margin-bottom: 40px;
    padding: 30px 20px;
    background: #EEEEEE;
    font-size: 13px;
    line-height: 18px;
    color: #444;
    border: 1px solid #DDDDDD;
    border-top-width: 0;
    border-bottom-width: 2px;
    position: relative;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }

.article-sidebar-caption-credit {
  display: block;
  color: #AAA;
  padding-top: 6px;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase; }

.article-sidebar-highlights {
  width: 100%;
  background: #EEEEEE;
  font-size: 13px;
  line-height: 18px;
  color: #444;
  border: 1px solid #DDDDDD;
  border-bottom-width: 2px;
  margin-top: 500px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .article-sidebar-highlights h3 {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    padding: 14px 20px 7px 20px;
    margin: 0;
    color: #AAA;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .article-sidebar-highlights ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .article-sidebar-highlights ul li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      border-top: 1px solid rgba(255, 255, 255, 0.3);
      color: #555;
      padding: 7px 20px; }
      .article-sidebar-highlights ul li:last-child {
        border-bottom: none;
        padding-bottom: 5px; }

.article-text {
  padding: 0; }
  .article-text p, .article-text ul, .article-text ol {
    font-family: "PT Serif", Georgia, Times, serif;
    font-size: 16px;
    line-height: 28px;
    color: #333;
    margin: 0;
    padding: 0 0 20px 0; }
  .article-text ul, .article-text ol {
    overflow: hidden;
    padding: 0 0 10px 25px; }
    .article-text ul li, .article-text ol li {
      margin: 0 0 10px 0; }
  .article-text h3 {
    font-size: 24px;
    margin: 15px 0 5px 0;
    color: #888; }
  .article-text h4 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 15px 0 15px 0;
    padding: 0 0 7px 0;
    border-bottom: 1px dotted #CCCCCC;
    color: #666;
    margin: 20px 0; }
  .article-text img {
    width: auto;
    height: auto;
    padding: 4px;
    border: none !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 15px #CCC;
    max-width: 100%;
    margin-bottom: 20px; }
    .article-text img.pull-right, .article-text img.alignright, .article-text img.pull-left, .article-text img.alignleft {
      margin: 20px 30px 15px 0px;
      float: left; }
  .article-text .wp-caption-text {
    margin-top: -5px;
    margin-bottom: 20px; }
  .article-text .gallery.gallery-size-thumbnail img, .article-text .gallery.gallery-size-image-in-post img {
    max-width: 90%;
    height: 200px; }
  .article-text .gallery .gallery-caption {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 10px;
    color: #111; }
  .article-text .pullquote {
    padding: 15px 15px 20px 17px;
    background: #EEEEEE;
    border-top: 4px solid #000;
    margin: 20px 25px 30px 15px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 20px;
    line-height: 30px;
    color: #444;
    text-align: left; }
    .article-text .pullquote:first-line {
      font-style: italic; }
  .article-text .full-width {
    margin: 0 0 20px -275px;
    padding: 15px;
    background: #EEEEEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #DDDDDD; }

.article-related {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dotted #DDDDDD; }
  .article-related h3 {
    padding: 0;
    margin: 0;
    color: #CCC; }
  .article-related ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px; }
    .article-related ul li {
      padding-top: 5px; }

.article-social {
  margin: 20px 0; }
  .article-social .article-text-social {
    display: block;
    opacity: 0.35;
    float: left;
    text-indent: -9999px;
    width: 41px;
    height: 41px;
    margin-right: 15px; }
    .article-social .article-text-social:hover {
      opacity: 0.55; }
  .article-social .article-text-social-facebook {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhxJREFUeNrcWeuNgzAMJqj/mw3KCGxQRmAERmCEjsAIjNAR6AaMkNuATsA5J6cyFqF50AJnyUIi2P7iVx6IcRyTGBJCFPDIgeXM8ADcg40uyogG6cMIpgLWhkcP7lBOetv0BHdD74wRPKAeuSpIoNoBnEJvGVYOYOtokOi9bgFUA1y80VHgd2ohDWQQSCyG3gKu8s0r1FlZwGo7uRdIBDiEhicwfQYbUFuIe5+ZBgLNLXakC8jORXAloHMO6RZBYhi+AvAN0ElaCbPiwMohManP2OefWLl9wApUsNct6FELMjlGkNrOQGaYrDjYYK2zcfRKa2kzhWMxUZnbJNzoclptKrC9jKEgUYdi1f6Xaim6tySuNl71pTKJJ2r3/NI5U9EqsAB4V2gC9She6WZgDeUTkBHV3nA9KVYjpXuyLd15tzhh56f7y86j3eQ484TrgTGqp3ZtZdo+yNJX+YntqH88Z61lr5axK/vOhzSOi5FN2aD6UAh7z+8nODTI7MM59nytHIGUxnhP5w+wXlp1Ej3YmECWsbPk4c6SfVDGQdJQXHYCkuIYUp7UM33zqzRjv09n+mK5sRdLnvcmJx87BfmghdPSfACXVxuFumL52NJd0Br7yegNxuJ+Epttw7xZf9mLNfNiYxaB1c44GKqMJPzNA6DbGWfPp8U9nrvv/+MG4xB3QYe5VTvM/eRhbnoPdWe+9d8HcYT/OL8CDADkFVkGAQ20dQAAAABJRU5ErkJggg==); }
  .article-social .article-text-social-twitter {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhhJREFUeNrcmeuRhCAMgE8bODpYS7AEStgSLMEStgSvgtsSLMESLIHtwKvAg5l4gy6BJHgPjpmMP8TkM5IHWK3r+pIzqqrS9tJaUYHbi5XZ2piyjDhIjgBMZ8UZXhkywXOKbZMJdwPvrBmygB51KqQdPQHOgLc2MQTYPhsSvDdFoAYrOqFDwzwTWQZKBAnBMCNwHXddgc4OgXV2WhYkAC7SzyNcPgsGin3imfOmQtAWsaMokBPlwZNAQw6ZopDwGX4EMAHaByFh8kJZI98A2gZsqxDkLfY2QuMapCUGk2//toMMeNFgRoWe+Qo+cMaIPGdC3vTzl6+wQ5S4B+8JwIZQnRxsg+TRJ45QRJsIwDbnjgUU3EuVQ3e9Erw5+ZC+koEAiVYeYnfURWwM/tytldQHBTqiACuT/RYcyJxoHgwE247nKaoItXfNlDsh8HZZpj501I9Ej/z+kj8MYY7PoWqmgscJkAv3RWpIGdQxnADJ3u/URPdv+yEH+ZYB+LA6ZgmkPyhedUY+hJDUL9EcIf01ciGul1eJFyHRU8bluIbJeTIzFV0ZTck+T3IqTqBGj0TAgdE5PVccTu0W7sEHZnuH1u5kFwSdy0goe34jcRXsJtEuiNpPNuBBkzgk6EXHKbF+UtKZA7A+SJO5zcU782L2OEXsFv/Qvnv8HycYRZwFFXOqVsz5ZDEnvUWdmf/234eqhP84nwIMAMlZyqoNeorXAAAAAElFTkSuQmCC); }
  .article-social .article-text-social-google {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAq9JREFUeNrcWe1xozAQNR7/Dx2YVBCXQDpwByYduIO4BJdACZRAKjhKUDrgKlCk5CmzyFqxEp5LOM3s2EZfj/14u5ILrfVmSSuKojYfByNloHs0Mpg9+kWbWJApAjCNEbuxTpAe88rkPRPBXaAdvUBGrFPeFaRpZwE4BW05UQKw58Ugob0+AupqpJ5Zo8Y4FXGDMgskgmFgwDWpfoU1Gwas3eeQBBIAx1zzZLrPyAHlTDykvGkm0AOzTykB2Usm3gloSCF9FCTM8E8AzgCduFXhMo7JHCWc+gE8/xeROzCZxpG6NVvF5AobYArjK4xv3TOy1gEWpHtXZtw4yTggWPZtAlHqSNlSTOfNPWITn4o0R1kBK14m5obKabSpGYAaGqHPWzL/yvCljvGqR0+jczV/YydNxH/cyxwjfToSiHyAMDhCC6mZ7KE5jXjarMnGF9LX4ncj0GZPQeqYqRiQl0A/9esy1dwYd6V47LMt6kHaOmGV10T63r8jc1pbvuEz1rpAvTqNKgGvDZw2idvUC7lzwjI7r6J+F2iwBpgnI6/gP4Xnlu9eFlfiXzj2+F7uvE4lqOQ/CwED7ghgVk7otgDbzfKmCMjNNpIt5sB2Rs4gbqrlu7etRHszYOn8k9Fwi5R5t+abW6RV5Nojc0o8wR3qQIRLW+Vrki60nwFXGbFB8YcEkOXGRyPPJPCewHe5be9R14SgYwUATXtXSdmVST83eMQZh/KpoOJeAvIm44hzNy3HhGQ8ZoK8yd1b2J1y2974XSjlDcQ3m5jfJqbXjbcu9cf2u+iV1JPUjNzJEf405B47ovWktDIHCBU43Pcph/3UyjzrjIOU6Diygubsm3f++SWBd+fPOL/5tPgbz93d/3GDsYq7oNXcqq3mfnI1N72rujP/6X8fijX8j/MhwADx+vrNZTNpQAAAAABJRU5ErkJggg==); }

.article-whitebg {
  background: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  padding: 60px 30px; }

.article-page-heading {
  margin: 20px 0 0;
  padding: 0 0 30px;
  font-weight: normal;
  font-size: 40px;
  line-height: 40px;
  font-family: "Bitter", Georgia, Times, serif;
  border-bottom: 1px dotted #DDDDDD; }

.article-text-page .full-width {
  margin-left: -210px;
  margin-right: -100px; }

.team-scores {
  padding: 0 0 40px; }
  .team-scores .description {
    font-size: 16px;
    line-height: 24px;
    font-family: "PT Serif", Georgia, Times, serif;
    margin-bottom: 60px; }

.team {
  margin-bottom: 40px; }
  .team .header .link {
    margin-top: 25px;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px; }
  .team hr {
    border-top-style: dotted; }
  .team .description {
    font-size: 16px;
    line-height: 24px;
    font-family: "PT Serif", Georgia, Times, serif; }

.staff-profiles {
  padding: 0 15px 40px; }
  .staff-profiles .staff-profile {
    height: 360px; }
    .staff-profiles .staff-profile .profile-wrapper {
      border-radius: 6px; }
    .staff-profiles .staff-profile .picture {
      border: 1px solid #CCCCCC;
      border-top-right-radius: 6px;
      border-top-left-radius: 6px;
      display: block;
      position: relative;
      left: 0;
      right: 0;
      height: 160px;
      max-height: 160px;
      overflow: hidden;
      background-color: #EEEEEE; }
      .staff-profiles .staff-profile .picture img {
        display: block;
        margin: 0 auto;
        width: 100%; }
    .staff-profiles .staff-profile .staff-profile-content {
      padding: 0 10px 10px;
      background-color: #FFF;
      height: 200px;
      overflow: hidden;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border: 1px solid #000;
      border-top: none; }
      .staff-profiles .staff-profile .staff-profile-content .position {
        background-color: #000;
        color: #FFF;
        padding: 4px 10px;
        position: absolute;
        top: 12px;
        right: 15px;
        font-weight: bold;
        text-align: right; }
      .staff-profiles .staff-profile .staff-profile-content .name {
        text-align: center;
        font-family: "PT Serif", Georgia, Times, serif; }
      .staff-profiles .staff-profile .staff-profile-content p {
        max-height: 130px;
        overflow: scroll;
        text-align: center;
        font-family: "PT Serif", Georgia, Times, serif; }

.archives-container {
  margin-top: 15px; }

.archives-container-inner {
  background: #FFF;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }
  @media screen and (min-width: 992px) {
    .archives-container-inner {
      padding: 20px; } }

.archives-sidebar {
  float: left;
  width: 100%; }
  .archives-sidebar .archives-header {
    /* Generated from http://www.colorzilla.com/gradient-editor/ */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 26%, rgba(255, 255, 255, 0.6) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(26%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0.6)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 26%, rgba(255, 255, 255, 0.6) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 26%, rgba(255, 255, 255, 0.6) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 26%, rgba(255, 255, 255, 0.6) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 26%, rgba(255, 255, 255, 0.6) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#99ffffff', GradientType=0);
    /* IE6-9 */
    padding: 20px;
    margin: 0 0 15px 0;
    border: 1px solid #f0f0f0;
    border-top: 5px solid;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
    .archives-sidebar .archives-header h2 {
      font-family: "Bitter", Georgia, Times, serif;
      font-size: 28px;
      line-height: 31px;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
      color: #111;
      margin: 0 0 10px 0;
      padding: 0;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .archives-sidebar .archives-header-label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    color: #555;
    color: rgba(0, 0, 0, 0.5);
    margin: 0 0 5px 0; }

.archives-header-breadcrumb {
  font-size: 14px;
  margin: 15px 0;
  border-top: 1px dotted rgba(0, 0, 0, 0.3);
  padding: 10px 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3); }

.archives-header-description {
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin: 0; }

.archives-children {
  background: #EEEEEE;
  padding: 18px 20px;
  border-top: 2px solid #CCCCCC; }
  .archives-children ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
    line-height: 24px; }
    .archives-children ul li {
      padding: 0;
      margin: 0 0 5px 0; }
      .archives-children ul li:last-child {
        margin-bottom: 0; }
      .archives-children ul li span {
        color: #AAA;
        font-size: 90%; }

.archives-mainarea {
  float: right;
  width: 100%; }

.section-header {
  margin-top: 20px; }
  .section-header .section-header-inner {
    padding: 15px;
    background: rgba(0, 0, 0, 0.3);
    border-top: 3px solid rgba(0, 0, 0, 0.3);
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
  .section-header h2 {
    margin: 0;
    padding: 0;
    color: #FFF;
    font-weight: normal;
    font-size: 32px;
    line-height: 32px;
    font-family: "Bitter", Georgia, Times, serif;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); }
    .section-header h2 a {
      color: #FFF; }
  .section-header h4 {
    color: #FFF;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    padding: 0;
    margin: 0 0 4px 0;
    font-weight: normal;
    text-transform: uppercase; }

.article-archive-inner {
  background-color: #FFF;
  margin-bottom: 20px;
  height: 200px;
  overflow: hidden;
  border-radius: 5px; }
  .article-archive-inner a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    border: 1px solid #f0f0f0; }
    .article-archive-inner a:hover {
      background: #F0F0F0; }

.article-archive h1 {
  font-size: 24px;
  line-height: 28px; }

.article-archive-image {
  background-size: cover;
  width: 25%;
  height: 198px;
  float: right;
  position: relative;
  z-index: 2;
  background-color: #EEEEEE;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.article-archive-content {
  padding: 20px; }
  .article-archive-content h3 {
    font-size: 20px;
    line-height: 1.3;
    max-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Bitter", Georgia, Times, serif;
    font-weight: normal;
    padding: 0;
    margin: 0 0 5px 0;
    color: #444; }
  .article-archive-content span {
    display: block;
    padding: 0;
    margin: 0 0 13px 0;
    color: #AAA; }
  .article-archive-content p {
    height: 100px;
    overflow: hidden;
    color: #888;
    font-size: 14px;
    line-height: 20px; }

.article-archive-inner-hasphoto .article-archive-content {
  width: 75%; }

.article-archive-content-gradient {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  z-index: 1;
  position: relative;
  top: 110px;
  width: 100%;
  height: 40px;
  display: block; }

.article-archive-inner a:hover .article-archive-content-gradient {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f0f0f0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f0f0f0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f0f0f0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f0f0f0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f0f0f0', GradientType=0);
  /* IE6-9 */ }

.article-archive-pagination {
  margin: 40px 0; }

.article-archive-pagination-inner {
  background: #FFF;
  margin: 15px 0;
  padding: 8px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
  .article-archive-pagination-inner a.btn {
    color: #FFF; }

.nav-previous {
  float: right; }

.nav-next {
  float: left; }

.search-noresults-header {
  text-align: center;
  padding: 0 0 70px 0;
  font-weight: normal;
  font-size: 26px;
  color: #AAA;
  line-height: 40px;
  font-family: "Bitter", Georgia, Times, serif; }

.fullwidth-errormessage {
  background: #E6E9ED;
  border-top: 5px solid #CCCCCC;
  padding: 50px;
  height: 200px;
  margin: 0 0 200px 0; }
  .fullwidth-errormessage h3 {
    padding: 0;
    margin: -7px 0 8px 0;
    color: #444;
    font-size: 26px; }
  .fullwidth-errormessage p {
    font-size: 16px;
    line-height: 22px;
    color: #777;
    margin: 0 0 12px 0;
    max-width: 500px; }