body {
  font-family: 'Libre Baskerville', serif;
  color: #231f20;
}

a {
  color: #0E768E;
  cursor: pointer;
}

a.plain-link {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
}

h1 {
  font-family: 'Libre Baskerville', serif;
  font-size: 33px;
  color: #231f20;
}

h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2em;
  color: #1C4D60;
}

.article-title {
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
  line-height: 1.4;
  margin: 1em 0;
}

h3 {
  font-family: 'Libre Baskerville', sans-serif;
  color: #231f20;
}

h4 {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

h5 {
  color: #707070;
  font-size: 24px;
  font-weight: 500;
}

p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 27px;
}

li {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.5;
}

#admin-menu .dropdown li {
  font-size: 12px !important;
}

.page-header {
  border-bottom: none;
}

.region-sidebar-first {
  border-right: 1px solid #ccc;
}

.region-sidebar-first h2 {
  font-family: 'Libre Baskerville', serif;
  color: #999;
  font-size: 24px;
  font-style: italic;
}

.container-fluid {
  max-width: 1400px;
}

.navbar.container,
.navbar.container-fluid {
  margin-top: 20px;
  max-width: 1440px;
}

.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
}

.navbar .logo img {
  width: 100%;
}

.nav-blocks {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 15px 0;
  padding: 0;
}

.nav-blocks .block-menu {
  display: inline-block;
}

.region.region-mobile-top {
  margin: 25px 0;
}

#mini-panel-mobile_nav_left {
  border-right: 1px solid #ccc;
}

.nav-blocks .block-menu h2,
#mini-panel-mobile_nav_left h2 {
  font-family: 'Libre Baskerville', serif;
  font-style: italic;
  font-size: 18px;
  font-weight: 400;
  color: #999;
  display: inline-block;
  margin-bottom: 20px;
}

#block-menu-menu-benton h2 {
  display: none;
}

#mini-panel-mobile_nav_left h2 {
  margin-top: 0;
}

#mini-panel-mobile_nav_right {
  padding-top: 25px;
}

.pane-system-user-menu {
  margin-top: 25px;
}

#mini-panel-mobile_nav_right h2 {
  display: none;
}

.mobile-nav {
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}

.nav-blocks .block-menu .nav {
  margin-right: 25px;
  border-right: 1px solid #ccc;
  padding-right: 20px;
}

#block-menu-menu-analysis .nav {
  border-right: none;
}

.nav-blocks .block-menu .nav,
.nav-blocks .block-menu .nav li {
  display: inline-block;
  margin-bottom: 0;
}

.nav-blocks .block-menu .nav li a,
#mini-panel-mobile_nav_left ul li a,
#mini-panel-mobile_nav_right ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  color: #21697F;
  font-weight: 600;
  font-size: 16px;
  -webkit-transition: width 1s, height 1s;
  -moz-transition: width 1s, height 1s;
  -ms-transition: width 1s, height 1s;
  transition: width 1s, height 1s;
  position: relative;
}

.nav-blocks .block-menu .nav li a:after {
  display: block;
  content: '';
  border-bottom: solid 8px #DA322E;
  bottom: 0;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
}

.nav-blocks .block-menu .nav li a:hover:after {
  transform: scaleX(1);
}

.nav-blocks .block-menu .nav li a:hover,
.nav-blocks .block-menu .nav li a:focus {
  text-decoration: none;
  background-color: transparent;
}

.nav-blocks .block-menu .nav li a.active {
  border-bottom: solid 8px #DA322E;
}

.region.region-top-nav {
  float: right;
  margin-top: 10px;
}

.region.region-top-nav>section {
  display: inline-block;
}

.region-top-nav h2 {
  display: none;
}

.region-top-nav ul {
  margin-right: 20px;
}

.region-top-nav ul li {
  display: inline-block;
  margin-bottom: 0;
}

.region-top-nav ul>li>a {
  text-transform: uppercase;
  color: #1C4D60;
  font-family: 'Source Sans Pro', sans-serif;
}

.region-top-nav ul>li>a:hover,
.region-top-nav ul>li>a:focus {
  background-color: transparent;
}

/* Users Nav */

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>li>a {
  text-transform: uppercase;
  background-color: transparent;
  text-transform: uppercase;
  color: #21697F;
}

.nav-blocks {
  position: relative;
}

.nav-blocks form {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding: 0;
  margin: 0!important;
  z-index: 0;
}

.nav-blocks form input {
  padding: 8px 12px;
  border-radius: 0px;
  border-width: 0px;
  color: rgb(119, 119, 119);
  background-color: #fff;
  border-color: #fff;
  box-shadow: none;
  outline: none;
}



.nav-blocks form button {
  background: #21697F;
  border-color: #21697F;
  color: #fff;
  position: absolute;
  right: 0;
  top: 8px;
}

.navbar #block-search-form {
  position: static;
}

.nav-blocks .input-group {
  width: 100%;
}

.navbar #block-search-form .input-group-btn {
  width: 37px;
}

@media screen and (max-width: 1169px) {
  .navbar #block-search-form {
    margin: 0;
  }
}

@media screen and (min-width: 992px) {
  .nav-blocks {
    padding-top: 0px !important;
    padding-right: 38px !important;
  }
  .nav-blocks form {
    width: 60px;
  }
  .nav-blocks form button,
  .nav-blocks form input {
    padding: 10px 12px;
  }
  .nav-blocks form input {
    padding: 29px 12px;
    font-size: 18pt;
    opacity: 0;
    display: none;
  }
  .nav-blocks form.active {
    width: 100%;
  }
  .nav-blocks form.active button,
  .nav-blocks form.active input {
    display: table-cell;
    opacity: 1;
  }
  .nav-blocks form.active input {
    width: 97%;
    text-align: right;
  }
  .nav-blocks form.active button[type="submit"] {
    background: #21697F;
    border-color: #21697F;
    color: #fff;
  }
}

.sticky-nav.affix {
  width: 100%;
  background: #fff;
  top: 0;
  z-index: 999;
  left: 0;
  padding: 0 20px;
  border-bottom: 2px solid #ccc;
}

#brand {
  display: none;
  margin-right: 15px;
  height: 35px;
}

.sticky-nav.affix .region-navigation {
  display: inline-block;
}

.breadcrumb {
  display: none;
}

/*section#block-block-2 {
    display: inline-block;
}*/

#mini-panel-mobile_nav_search input,
#mini-panel-mobile_nav_search button {
  background: #21697F;
  border: none;
  border-radius: 0;
  height: 40px;
  color: #ffffff;
}

#mini-panel-mobile_nav_search input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 16px;
}

#mini-panel-mobile_nav_search input:-moz-placeholder {
  color: #ffffff;
  font-size: 16px;
}

#mini-panel-mobile_nav_search input::-moz-placeholder {
  color: #ffffff;
  font-size: 16px;
}

#mini-panel-mobile_nav_search input:-ms-input-placeholder {
  color: #ffffff;
  font-size: 16px;
}

form#search-block-form {
  margin: 7.5px 0;
}

.form-control {
  border-radius: 0;
}

.form-group {
  margin-bottom: 0;
}

.btn {
  border-radius: 0;
}

.btn-primary {
  color: #fff;
  background-color: #21697F;
  border-color: #21697F;
  transition: .5s all ease;
}

.btn-secondary {
  color: #fff;
  background-color: #DA322E;
  border-color: #DA322E;
  transition: .5s all ease;
  text-transform: uppercase;
  padding: 6px 15px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.btn-tertiary {
  color: #187b92;
  border: 1px solid #187b92;
  transition: .5s all ease;
  text-transform: uppercase;
  padding: 6px 15px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.btn-primary:hover {
  background-color: #435058;
  border-color: #435058;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #435058;
  border-color: #435058;
}

.btn-tertiary:hover {
  color: #fff;
  background-color: #187b92;
}

#node-4 header {
  display: none;
}

#webform-client-form-4 {
  width: 60%;
  margin-top: 20px;
  border: 1px solid #ccc;
  padding: 30px;
}

#webform-client-form-4 .form-group {
  margin-bottom: 30px;
}

@media screen and (max-width: 1325px) {
  .nav-blocks .block-menu .nav {
    margin-right: 15px;
    padding-right: 0;
  }
}

@media (min-width:1200px) and (max-width: 1233px) {
  .nav>li>a {
      padding: 10px 10px;
  }
}

@media screen and (max-width: 1144px) {
  .nav-blocks .block-menu .nav li a {
    padding: 10px 10px;
  }
}

@media screen and (max-width: 1074px) {
  .nav-blocks .block-menu .nav li a {
    padding: 5px 8px;
  }
}

@media screen and (max-width: 525px) {
  .navbar .logo {
    width: 70%;
  }

  .navbar .logo img {
    width: 100%;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-header {
    float: none;
    padding-bottom: 15px;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }

  .region-sidebar-first {
    border-right: none;
  }
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}

.row.display-flex>[class*='col-'] {
  display: flex;
  flex-direction: column;
}

.iso-grid,
.blog-grid {
  list-style: none;
  padding: 0;
}

.blog-grid li {
  margin-bottom: 35px;
}

.iso-grid h2,
.blog-grid h2 {
  font-family: 'Libre Baskerville', serif;
  font-size: 22px;
  margin: 1em 0;
  max-width: 85%;
}

.iso-grid h2 a,
.blog-grid h2 a {
  color: #1C4D60;
  line-height: 1.4;
}

.iso-grid p,
.blog-grid p {
  font-size: 15px;
  color: #231f20;
  line-height: 1.6;
  font-weight: 300;
}

.gray-bg {
  background: #efefef;
}

.headline-wrapper {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-bottom: 10px;
}

.headline-wrapper .content {
  padding: 25px 25px 65px 25px;
  position: relative;
}

.headline-wrapper iframe {
  max-width: 100%;
}

.digital-beat-list-item {
  padding: 0 2em 1em 0;
}

.digital-beat-wrapper {
  padding: 0 0 25px 0;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.digital-beat-wrapper .views-field.views-field-field-content-image {
  margin-bottom: 25px;
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.timeline-wrapper h2 {
  display: none;
}

.publications ul {
  list-style: none;
  padding-left: 0;
}

.publications ul li {
  margin-bottom: 25px;
}

.pub-links {
  margin-top: 25px;
}

.pub-links li {
  display: inline-block;
}

.pub-links li:first-child {
  margin-right: 25px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.Weekly,
.Benton.Editorial {
  background: #f7f7f7;
}

.blog-topic {
  font-family: 'Libre Baskerville', serif;
  font-size: 16px;
  color: #666;
  margin-bottom: 25px;
}

.blog-title a {
  color: #231f20;
}

.headline-source {
  list-style: none;
  padding-left: 0;
  margin-top: 30px;
}

.headline-source li span {
  display: block;
}

.headline-source li span span {
  display: inline-block;
}

.sidebar-links {
  list-style: none;
  padding-left: 0;
}

.main-container footer {
  margin-top: 25px;
}

.page-digital-beat-blog .views-exposed-form .views-exposed-widget {
  float: none;
  margin-bottom: 30px;
}

.page-digital-beat-blog .views-exposed-form label {
  font-weight: normal;
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
  color: #333;
}

.node-type-publication .page-header,
.node-type-event .page-header,
.node-type-blog .page-header,
.node-type-special-event .page-header {
  border-bottom: none;
  text-align: center;
  width: 60%;
  margin: 0 auto 25px;
  line-height: 1.3;
  font-weight: 600;
}
.node-type-special-event .page-header {
  width: 65%
}
@media screen and (max-width: 684px) {
  .node-type-publication .page-header,
  .node-type-event .page-header,
  .node-type-special-event .page-header {
    width: 80%;
  }
}

.field.field-name-field-subhead.field-type-text-long.field-label-hidden {
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 25px 0;
  margin-bottom: 40px;
}

.field.field-name-field-subhead.field-type-text-long.field-label-hidden p {
  font-family: 'Source Sans Pro', sans-serif;
}

.event-meta {
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 25px 0;
  margin-bottom: 40px;
}

.event-meta:blank {
  border-top: none;
  border-bottom: none;
}

.event-subheader {
  font-size: 24px;
  margin: 1em 0;
}
.group-event-subheader {
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 25px 0;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 400;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  width: 60%;
  margin: 0 auto;  
}
.node-type-special-event .field-name-field-event-subheader {
  font-weight: 600;
  font-size: 1.2em;
  margin: 10px 0;
} 
.field-name-field-event-website-link {
  font-size: 18px;
  font-weight: 400;
}
.field-name-field-event-topic {
  font-size: 20px;
  font-weight: 400;
}

.headline-meta {
  font-family: 'Source Sans Pro', sans-serif;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
  margin-bottom: 25px;
  font-size: 17px;
}

.flag-wrapper a {
  font-family: 'Source Sans Pro', sans-serif;
}

/*.field.field-name-field-source {
  display: inline-block;
  margin-right: 25px;
}*/

.field.field-name-field-source {
  display: block;
}

/*.field.field-name-field-headline-author {
  display: inline-block;
  vertical-align: top;
}*/

.field.field-name-field-headline-author {
  display: block;
}

.node-type-headline .page-header {
  border-bottom: none;
  width: 80%;
  line-height: 1.3;
}

@media screen and (max-width: 1000px) {
  .node-type-headline .page-header {
    width: 100%;
  }
}

hr {
  border-top: 1px solid #CCC;
}

.addtocal:before {
  content: "\f067";
  font-family: "fontAwesome";
  padding-right: 5px;
  color: #21697F;
}

.addtocal {
  margin: 0 10px;
  padding: 5px;
  float: none;
  background: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
}

/* About Page */

.page-about-benton h1,
.page-press-room h1,
.page-who-we-are h1,
.page-experts h1,
.page-benton-weekly-digest h1,
.page-digital-beat h1,
.page-events h1,
.page-publications h1,
.page-issues h1,
.page-collaborations h1,
.page-donate-now h1 {
  text-align: center;
  color: #fefefe;
  font-size: 3.5em;
  font-weight: 700;
  max-width: 80%;
  padding-top: 1em;
  margin: 0 auto;
}

.title-bg {
  background: url(../images/about-bg.jpg) no-repeat top center;
  background-color: #0f768e;
  background-size: cover;
  height: 300px;
}
.impact-list.title-bg {
  background-color: #da3312;
  height: 200px;
}
#non {
  display: none;
}
.impact-list.title-bg h2 {
  text-align: center;
  color: #ffffff;
}
.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .flex-container {
    flex-direction: column;
  }  
}
.impact-boxes .flex-item {
  flex: 0 50%;
  padding: 20px;
}
.impact-boxes h5 {
  color: #000;
  text-align: center;
}
.impact-boxes .flex-item h3 {
  color: #da3312;
  font-weight: 600;
  font-size: 20px;
}
.impact-boxes .flex-item a {
  color: #0f768e;
}

.page-experts .title-bg {
  background: url(../images/experts_header.jpg) no-repeat top center;
  background-size: cover;
  height: 300px;
}

.page-benton-weekly-digest .title-bg {
  background: url(../images/weekly-digest.jpg) no-repeat center center;
  background-size: cover;
  height: 300px;
}

.page-digital-beat .title-bg {
  background: url(../images/digital-beat.jpg) no-repeat center center;
  background-size: cover;
  height: 300px;
}

.page-events .title-bg {
  background: url(../images/events.jpg) no-repeat center center;
  background-size: cover;
  height: 300px;
}

.title-area {
  background: #fefefe;
  position: relative;
  top: -90px;
  padding: 3em 8em 0 8em;
  text-align: center;
}

.title-area h2 {
  margin-bottom: 30px;
}

.title-area ul {
  padding-left: 0;
}

.button-links {
  list-style: none;
  text-align: center;
  padding-left: 0;
  margin: 4em 0;
}

.button-links li {
  display: inline-block;
  margin-right: 30px;
}

@media screen and (max-width: 786px) {
  .title-area {
    padding: 3em 3em;
  }
}

@media screen and (max-width: 767px) {
  .page-about-benton h1 {
    font-size: 3em;
    margin-top: 1em;
  }
  .title-area {
    top: 0;
  }
}

@media screen and (max-width: 605px) {
  .button-links li {
    display: block;
  }
}

.panels-flexible-region-13-center {
  width: 100%;
}

.panels-flexible-row.blog-features {
  margin: 0 0 100px 0;
}

blockquote {
  border-left: none;
  position: relative;
}

blockquote:before {
  content: "\f10d";
  font-family: "fontAwesome";
  display: inline-block;
  top: 12px;
  position: absolute;
  font-size: 36px;
  color: rgba(35, 31, 32, .3);
}

blockquote p {
  display: inline-block;
  margin-left: 55px;
}

.pull-quote-right {
  width: 200px;
  float: right;
  margin-left: 1em;
  text-align: right;
  border-left: 1px solid lightgray;
}

.pull-quote-left {
  width: 200px;
  float: left;
  margin-right: 1em;
  border-right: 1px solid lightgray;
}

.pull-quote-center {
  width: 80%;
  margin: 10px auto;
}

.pull-quote {
  font-size: 1.2em;
  padding: 5px;
  margin-bottom: 1em;
  font-weight: bold;
  font-style: italic;
}

.content-image-left-wrapper {
  float: left;
  padding: 3px 5px 3px 0;
}

.content-image-right-wrapper {
  float: right;
  padding: 3px 0 3px 5px;
}

.content-image-center-wrapper {
  text-align: center;
  margin: 0 auto;
}

.btn-ghost {
  border: 1px solid #fefefe;
  color: #fefefe;
  font-family: "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  vertical-align: middle;
  background: transparent;
}

.pane-content img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  padding: 0;
}

.flush-left ul {
  padding-left: 0;
  list-style: none;
  float: left;
}

ul.views-summary {
  padding-left: 0;
  list-style: none;
}

.featured-post-wrapper {
  border: 1px solid #e7e7e7;
  padding: 15px 0;
}

.view-row {
  margin: 2em 0;
}

.digital-beat-subscribe-block {
  padding: 2em;
  background: url(/sites/all/themes/benton_foundation/images/subscribe-cta.jpg) no-repeat center center;
  background-size: cover;
}

.subscribe-block {
  padding: 2em 4em; 
  background-color: #DA322E;
  /*  background: url(../images/subscribe-cta.jpg) no-repeat center center;*/  
  background-size: cover;
  display: flex;
  align-items: center;
  width: 70%;
  max-width: 1175px; 
  margin: 0 auto;
}

.subscribe-block h3 {
  width: 70%;
}

.subscribe-block .btn-ghost {
  position: relative;
  left: 4em;
  padding: 10px 40px;
}

@media screen and (max-width: 786px) {
  .subscribe-block {
    display: block;
    width: auto;
  }
  .subscribe-block h3 {
    width: 100%;
  }
}

.subscribe-block-blue {
  padding: 2em;
  background: url(../images/subscribe-blue.jpg) no-repeat center center;
  background-size: cover;
}

.subscribe-block h3,
.subscribe-block-blue h3,
.pane-experts h3 {
  font-size: 2.1rem;
  line-height: 1.4;
  color: #fefefe;
  margin-bottom: 1.2em;
}

.benton-homepage-block {
  width: 50%;
  float: left;
}

.pane-experts h2,
.pane-digital-beat-blog .view-digital-beat-blog h2 { 
  color: #DA322E; 
  font-family: 'Libre Baskerville', serif;
  font-weight: bold;
  font-size: 18px;
}
.pane-experts .view-experts {
  width: 100%;
  float: left;
  padding: 3em;
}

.pane-experts .view-experts .btn { 
  color: #0E768E;
  border: 2px solid #0E768E;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 5px 25px;
  font-weight: bold;
  text-transform: uppercase;
}

.pane-experts .view-experts .btn:hover {
  background-color: #0E768E;
  color: #fff;
}

.pane-experts .view-content {
  padding: 1em;
}

.pane-experts .views-view-grid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.pane-experts .views-view-grid td {
  padding: 10px 0;
  padding-right: 2em;
  vertical-align: top;
  flex: 50%;
  align-self: flex-start;
}

.pane-experts .views-view-grid .views-field-name {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.pane-digital-beat-blog .view-digital-beat-blog.view-display-id-block_4 {
  width: 70%;
  float: right;
  padding: 3em;
  margin-right: 4em;
}

.pane-digital-beat-blog .view-digital-beat-blog .digital-beat-wrapper { margin: 2em 0 1em 0; padding: 0; border: none; }
.pane-digital-beat-blog .view-digital-beat-blog .digital-beat-wrapper p { margin-bottom: 0; }
.pane-digital-beat-blog .view-digital-beat-blog .digital-beat-wrapper .views-field-field-digital-beat-topic-1 { 
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
  font-style: 16px;
  margin-bottom: 10px;
}

.pane-digital-beat-blog .view-digital-beat-blog .digital-beat-wrapper .views-field-field-author-name {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
}

@media screen and (max-width: 786px) {
  .benton-homepage-block { width: 100%; }
  .pane-experts, .pane-digital-beat-blog .view-digital-beat-blog.view-display-id-block_4  { width: 100%; float: none; }
}


.subscribe-block .btn-ghost,
.subscribe-block-blue .btn-ghost,
.experts-block .btn {
  font-size: 18px;
}

.subscribe-block .btn-ghost:hover,
.subscribe-block .btn-ghost:focus,
.subscribe-block .btn-ghost:active {
  color: #ffffff;
}

.field-content.display-quote {
  background: #DA322E;
  color: #fefefe;
  padding: 2em 1.3em 2em 3em;
  font-size: 1.5em;
  font-style: italic;
  font-family: 'Source Sans Pro', sans-serif;
}

.field-content.display-quote:before {
  content: "\f10d";
  font-family: "fontAwesome";
  font-style: normal;
  left: 30px;
  position: absolute;
  font-size: 28px;
}

.view-highlights li {
  margin-bottom: 25px;
}

.view-highlights .article-title,
.view-mentions .article-title {
  margin: .5em 0 1em 0;
  font-size: 18px;
}

.page-publications .article-title {
  margin: 0;
}

.page-press-room .pane-title {
  margin-bottom: 30px;
}

.pub-border {
  border: 1px solid #ccc;
  padding: 25px 0 0 0;
}

.button-links {
  list-style: none;
}

.button-links li {
  display: inline-block;
}

.quote {
  margin-top: 6em;
  margin-bottom: 6em;
}

.red-bg {
  background: #DA322E;
}

.gray-bg {
  background: #EFEFEF;
}

.impact-list {
  padding: 2em 3em 5em 3em;
}

.impact-list h2 {
  color: #fefefe;
}

.impact-list ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 35px;
}

.impact-list ul li a {
  font-family: 'Source Sans Pro', sans-serif;
  color: #fefefe;
  text-decoration: underline;
  text-transform: uppercase;
}

.impact-text {
  padding: 4em 0 4em 4em;
}


.page-headlines .date-nav.item-list {
  border-bottom: 1px solid #e7e7e7;
}

.page-headlines .date-nav {
  padding-bottom: 0;
}

.page-headlines .date-nav-wrapper .date-nav {
  margin-bottom: 40px;
}

.pager {
  text-align: left;
}

.pager li {
  display: inline-block;
}

.pager li a {
  border: none;
}

.daily-headline-summary {
  background: #DA322E;
  color: #fefefe;
  padding: 2em;
  font-size: 1.3em;
  font-family: 'Source Sans Pro', sans-serif;
}

.author-info .digital-beat-wrapper {
  border: none;
}

.field-name-field-event-topic {
  margin-top: 45px;
}

.lead {
  font-size: 16px;
  margin-top: 22px;
  font-weight: 600;
}

.navbar-header {
  width: 100%;
}

#page-header {
  display: inline-block;
  text-align: center;
}

.top-navigation {
  padding: 0;
}

.page-home .pane-title {
  color: #DA322E;
  margin-bottom: 25px;
}

.homepage-headlines .panel-pane {
  padding: 0 20px 0 20px;
}

.homepage-blog .panel-pane {
  padding-right: 20px;
}

.homepage-headlines .headline-wrapper {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-bottom: 25px;
  padding: 10px 25px 25px 0;
}

.homepage-weekly-digest {
  border: 1px solid #e7e7e7;
  padding: 30px;
}

.page-home .digital-beat-wrapper {
  padding: 0 0 25px 0;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 25px;
}

.homepage-blog .views-field.views-field-title,
.homepage-blog .views-field.views-field-body {
  padding-right: 10px;
}

hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

.homepage-about {
  background: #21697F;
}

.homepage-about .pane-content {
  padding: 35px;
}

.homepage-about .pane-content h3 {
  line-height: 1.4;
}

.view-id-home_page.view-display-id-publications .views-row {
  border: 1px solid #e7e7e7;
  padding: 15px;
  margin-bottom: 25px;
}

.footer {
  border-bottom: 1px solid #e5e5e5;
}

.region-footer-contact p,
.copyright {
  font-family: "Source Sans Pro", sans-serif;
  color: #3E3E3E;
  line-height: 1.3;
}

.copyright {
  padding: 20px 0;
}

.region-footer-menu ul li {
  line-height: 1;
  margin-bottom: 0;
}

.region-footer-menu ul li a {
  font-family: 'Source Sans Pro', sans-serif;
}

.view-display-id-headline_links .view-header {
  display: none;
}

.view-display-id-headline_links .views-row {
  margin-bottom: 15px;
}

.timeline-cta {
  background: #435058;
  padding: 2em 0;
}

.timeline-cta .pane-content {
  padding: 20px;
}

.timeline-cta h3 {
  margin-bottom: 25px;
  line-height: 1.3;
}

.btn-ghost:hover {
  background: rgba(255, 255, 255, .3);
}

.vocabulary-benton-staff-board .field-name-field-xpath-title {
  font-weight: bold;
  font-style: italic;
  margin-bottom: 1em;
}

.vocabulary-benton-staff-board .field-name-field-image {
  float: left;
  padding: 0 1em;
}

.search-result .search-info:before {
  content: 'Created by ';
}

.search-result .search-info {
  /* display: none; */
  font-style: italic;
  font-size: .9em;
}

.page-search h1 {
  display: none;
}

#block-search-api-page-site-search h2.block-title {
  display: none;
}

#block-search-api-page-site-search.contextual-links-region {
  position: initial;
}

.view-experts .panel-2col .panel-col-first {
  width: 40%;
}

.view-experts img.img-responsive {
  margin-bottom: 10px;
}

.experts-row {
  margin-bottom: 25px;
}

.social-link {
  color: #DA322E;
  margin-right: 10px;
}

.field.field-name-field-experts-image {
  margin-bottom: 10px;
}

.field.field-name-field-experts-title {
  margin-bottom: 30px;
}

.view-who-we-are .panel-2col .panel-col-first {
  float: left;
  width: 25%;
}

.view-who-we-are .panel-2col .panel-col-last {
  float: left;
  width: 75%;
}

.about-image {
  margin-bottom: 15px;
}

.views-field.views-field-field-xpath-title {
  margin-bottom: 10px;
}

.page-publications .panel-2col .panel-col-first {
  float: left;
  width: 15%;
}

.page-publications .panel-2col .panel-col-last {
  float: left;
  width: 80%;
}

.page-publications .views-row {
  border: 1px solid #ccc;
  padding: 25px;
  margin-bottom: 25px;
}

.page-publications .views-field.views-field-body {
  margin: 25px 0 35px 0;
}

.page-publications h2 {
  margin-top: 0;
}

.page-publications .views-field.views-field-field-publication-pdf {
  position: relative;
}

.page-publications .views-field.views-field-field-publication-pdf:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: url(../images/download.png);
  background-size: cover;
  z-index: 1;
  display: block;
  top: -12px;
}

a.pub-download {
  font-size: 16px;
  margin-left: 55px;
}

@media screen and (max-width: 699px) {
  .view-experts .panel-2col .panel-col-first,
  .view-experts .panel-2col .panel-col-last,
  .view-who-we-are .panel-2col .panel-col-first,
  .view-who-we-are .panel-2col .panel-col-last,
  .page-publications .panel-2col .panel-col-first,
  .page-publications .panel-2col .panel-col-last,
  .view-display-id-weekly_digest .panel-2col .panel-col-first,
  .view-display-id-weekly_digest .panel-2col .panel-col-last,
  .view-id-featured_digital_beat .panel-2col .panel-col-first,
  .view-id-featured_digital_beat .panel-2col .panel-col-last,
  .view-id-current_weekly_digest .panel-2col .panel-col-first,
  .view-id-current_weekly_digest .panel-2col .panel-col-last {
    float: left;
    width: 100%;
  }
}

.panel-pane.pane-views.pane-who-we-are {
  margin-top: 25px;
  margin-bottom: 25px;
}

.view-display-id-block_staff_featured .views-row {
  margin-bottom: 25px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #fff;
}

.draggableviews-changed-notice {
  display: none !important;
}

.view-daily-digest-headline-management.view-display-id-page_1>.view-content>h3,
.view-daily-digest-headline-management.view-display-id-page_2>.view-content>h3 {
  font-size: 2.5em;
  background-color: #435058;
  color: white;
  padding: .75em .75em;
}

.view-daily-digest-headline-management.view-display-id-page_1>.view-content .views-row,
.view-daily-digest-headline-management.view-display-id-page_2>.view-content .views-row {
  padding: .25em 1.75em 0;
}

.cta-blocks {
  margin-top: 59px;
}

.homepage-headlines h3 {
  color: #DA322E;
}

fieldset#edit-field-reg-location-und-0 {
  box-shadow: none;
  border: none;
}

fieldset#edit-field-reg-location-und-0 legend.panel-heading {
  display: none;
}

fieldset#edit-field-reg-location-und-0 .panel-body {
  padding: 15px 0;
}

.location .form-item label {
  float: none;
}

form#user-register-form,
form#user-login,
form#user-pass {
  margin-top: 30px;
}

@media screen and (min-width: 501px) {
  form#user-register-form,
  form#user-login,
  form#user-pass {
    width: 60%;
  }
}

#edit-account .form-item,
#user-login .form-item,
#user-pass .form-item {
  margin-bottom: 25px;
}

form#user-register-form .form-group {
  margin-bottom: 25px;
}

.form-submit {
  background: #21697F;
  border-color: #21697F;
  color: #fefefe;
}

.form-submit:hover,
.form-submit:focus,
.form-submit:active {
  background-color: #435058!important;
  border-color: #435058;
  color: #fefefe!important;
}

a.btn.btn-secondary.submit-headline {
  width: 100%;
  margin-bottom: 25px;
}

.headlines-sidebar {
  margin-top: 150px;
}

.views-exposed-form .views-exposed-widget {
  float: none;
}

div#edit-tid-wrapper,
div#edit-tid-2-wrapper {
  margin-bottom: 25px;
}

.digital-beat-cta-row {
  margin: 0 0 50px 0!important;
}

li.blog_usernames_blog {
  display: none;
}

li.comment-add {
  display: none;
}

.page-digital-beat .views-exposed-widgets {
  margin-left: 25px;
}

.headlines-link {
  display: block;
}

.headlines-link:after {
  content: "\f08e";
  font-family: "fontAwesome";
  margin-left: 5px;
}

/*.field.field-name-field-headline-author .field-item {
  display: inline-block;
  margin-right: 10px;
}*/

.field.field-name-field-headline-author .field-item {
  display: block;
}

.blog-feature {
  border: 1px solid #e7e7e7;
  padding: 20px;
}

li.comment_forbidden.last {
  display: none;
}

.region-mobile-top #search-api-page-search-form-site-search .form-item {
  width: 85%;
  display: inline-block;
}

.blog-author,
.blog-date {
  font-family: 'Source Sans Pro', sans-serif;
  color: #666666;
}

.new-headline-links .date-nav-wrapper {
  display: none;
}

@media (max-width: 991px) {
  .blog-grid li {
    width: 98%;
    padding-left: 30px;
  }
}

/* Card Stack */

.card-wrapper {
  border: 1px solid #cccccc;
  -webkit-box-shadow: 6px 6px 0 0 #e5e5e5;
  -moz-box-shadow: 6px 6px 0 0 #e5e5e5;
  box-shadow: 6px 6px 0 0 #e5e5e5;
  margin-bottom: 25px;
  min-height: 380px;
}

.card-wrapper:hover {
  -webkit-box-shadow: 6px 6px 0 0 #ccc;
  -moz-box-shadow: 6px 6px 0 0 #ccc;
  box-shadow: 6px 6px 0 0 #ccc;
}

span.card-count {
  float: right;
  background: #21697F;
  padding: 20px;
  color: #fefefe;
  text-align: center;
  font-size: 1.7rem;
}

.card-content {
    padding: 3rem;
}

@media (min-width: 500px) {
    .card-content {
      max-width: 75%;
    }
}

.card-date {
  font-family: 'Source Sans Pro', sans-serif;
  color: #666666;
  font-size: 16px;
}

.card-hr {
  width: 30%;
  margin: 25px 0;
}


.node-type-card h1.page-header {
  display: none;
}

.node-type-card h1 {
  margin-bottom: 35px;
}

hr.card-page-hr {
  width: 20%;
  margin: 40px auto;
}

.card-toc-title {
  background: #efefef;
  padding: 3rem;
}

.card-toc-title h3 {
  line-height: 1.3;
}

.card-stacks-main {
    margin: 15px 0 25px 0;
}

.card-stacks-main a {
  padding: 10px 20px;
  border: 1px solid #21697F;
  transition: .5s all ease;
}

.card-stacks-main a:hover {
  text-decoration: none;
  background: #21697F;
  color: #fff;
}

.card-navigation>div {
  padding: 10px 20px;
  background: #ccc;
  margin: 10px 0;
}

.card-navigation>div.active {
  background: #DA322E;
}

.card-navigation>div.active a {
  color: #fff;
}

.vocabulary-card_stack .page-header {
  display: none;
}

#block-views-card-list-block-1 .block-title {
  font-family: 'Libre Baskerville', serif;
  color: #333;
  font-size: 2rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.view-card-list .view-content {
  max-height: 700px;
  overflow-y: scroll;
  padding: 25px 20px;
}

.view-card-list .view-content::-webkit-scrollbar {
  width: 1em;
}

.view-card-list .view-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.view-card-list .view-content::-webkit-scrollbar-thumb {
  background-color: #21697F;
  outline: 1px solid #21697F;
}

.card-stack .taxonomy-term-authoring-information {
  margin: 20px 0;
  color: #333;
  font-family: 'Source Sans Pro', sans-serif;
}

.view-card-list .views-field-title a.active {
  font-weight: 600;
}

.vocabulary-card_stack .view-id-card_list .view-content {
  border: none;
}

.view-id-card_list .view-content {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.card-page-content {
  border: 1px solid #ccc;
  padding: 2rem;
}

@media (min-width: 500px) {
    .card-page-content {
        padding: 5rem;
    }
}

@media (max-width: 991px) {
    #block-views-card-list-block-1 {
        margin-top: 40px;
    }
}

.card-page-content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.post-date {
    font-style: italic;
    font-size: 15px;
    margin-bottom: 10px;
}

iframe#youtube-field-player {
    max-width: 100%;
}

/* Loader */

.se-pre-con {
  display:none;
  position: fixed;
  overflow: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #36687c;
}

.loader-content {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 30%;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera < 12.1 */
  animation: fadein 2s;
}

.se-pre-con h3,
.se-pre-con h4{
  color: #ffffff;
}

.se-pre-con h3 {
  margin: 50px 0 35px 0;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

figure {
    margin: 25px!important;
}

.panels-flexible-row.this-week-events {
    margin-bottom: 100px;
}

.views-field.views-field-field-experts-linkedin,
.views-field.views-field-field-experts-twitter,
.views-field.views-field-field-experts-website {
    display: inline-block;
}

.page-taxonomy .headline-wrapper {
    border-bottom: none;
    border-right: none;
    margin-bottom: 40px;
}
.page-taxonomy .headline-wrapper .content {
    padding: 0;
    position: relative;
}

.page-taxonomy .article-title {
    font-size: 22px;
}

.front .digital-beat-wrapper .views-field-body figure {
  float: none!important;
  margin-left: 0!important;
}

.front .iso-grid h2 a {
    color: #0E768E;
    font-size: 18px;
    margin: 1em 0;
}

.node-type-headline .field.field-name-field-related-events .field-label {
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 17px;
}

.view-display-id-block_2 .digital-beat-wrapper {
  padding: 0;
}

.view-display-id-digital_beat .view-content.row {
    margin-right: 0;
    margin-left: 0;
}

.topics {
  margin-bottom: 25px;
}

.topics a {
  font-size: 16px;
  margin-bottom: 5px;
}

.benton-original-content {
  width: 30px;
  display: inline-block;
  vertical-align: top;
  margin-top: 26px;
  margin-right: 5px;
}

.headlines-article {
  display: inline-block;
}

#front-report-block { 
  margin: 0 auto;
  background: url('/sites/all/themes/benton_foundation/images/report-bg.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 1em 0 0;
  margin-bottom: 6em;
  margin-top: 4em;
  display: block;
}

#front-report-block #front-report-content { 
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 85%;
  margin: 0 auto;
  margin-top: 3em;
  padding: 2em;
  background: #fff;
}

#front-report-block #front-report-content .report {
  display: inline-block;
  flex-wrap: wrap;
  padding: 2em;
}

#front-report-block #front-report-content .report#report-cover {
  flex: 2.5;
}

#front-report-block #front-report-content .report#report-cover img {

}

#front-report-block #front-report-content .report#report-center {
  flex: 4;
}

#front-report-block #front-report-content .report#report-center h3 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #0E768E;
}

#front-report-block #front-report-content .report#report-center a {
  background-color: #DA322E;
  color: #fff;
  padding: 10px 60px;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
}

#front-report-block #front-report-content .report#report-links {
  flex: 2.5;
}

#front-report-block #front-report-content .report#report-links h3 {
  color: #DA322E;
}

#front-report-block #front-report-content .report#report-links .report-link {
  font-size: 14px;
  padding: 10px 0;
  display: block;
}

@media (max-width: 768px) {
#front-report-block { background: none; margin: 0; padding: 0; }
  #front-report-block #front-report-content { 
    margin: 0;
    padding: 0;
    display: block;
    width: 90%;
  }  
}

.home-page-divider {
  border-bottom: 1px solid #ddd;
  display: block;
  clear: both;
  margin-bottom: 4em;
}

.pane-block-18,
.pane-block-17 {
  clear: both;
}

.front-page-bottom {
  width: 90%;
  display: block;
  margin: 0 auto;
  padding-left: 3em;
}

.front-page-work { 
  display: flex;
  width: 95%;
  justify-content: space-between;
  align-items: center;
  margin: 2em 0;
}

.front-page-work .front-page-title {
  flex: 2;
  padding: 2em;
  margin: 2em;
}

.front-page-work .front-page-title#headlines {
  background: url('/sites/all/themes/benton_foundation/images/Headlines.jpg');
  background-size: cover;
  background-position: center; 
} 

.front-page-work .front-page-title#digital-beat {
  background: url('/sites/all/themes/benton_foundation/images/digital-beat.jpg');
  background-size: cover;
  background-position: center;
} 

.front-page-work .front-page-title#weekly-digest {
  background: url('/sites/all/themes/benton_foundation/images/weekly-digest.jpg');
  background-size: cover;
  background-position: center;
} 

.front-page-work .front-page-title h1 {
  font-style: italic;
  color: #fff;
  font-size: 36px;
}

.front-page-work .front-page-title h3 {
  color: #fff;
  font-size: 18px;
}

.front-page-work .front-page-summary {
  flex: 2.5;
  font-size: 16px;
}

.front-page-work .front-page-summary .front-page-summary-buttons {
  display: flex;
}

.front-page-work .front-page-summary .btn {
  display: block;
  width: 150px;
  border: 2px solid #0E768E;
  margin-top: 30px;  
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 1em;
}

.front-page-work .front-page-summary .btn:hover {
  color: #0E768E;
}

@media (max-width: 768px) {
  .front-page-bottom { width: 100%; padding: 0; }
  .front-page-work { display: block; width: 100%; margin: 3em 0; }
  .front-page-title { margin: 0 !important; }
  .front-page-summary { margin: 2em 0; }
}

#learn-more {
  background: #0E768E;
  color: #fff;
  padding: 4em 6em;
  text-align: center;
}

#learn-more p {
  font-size: 16px;
  width: 75%;
  margin: 0 auto;
}

#learn-more .btn {
  color: #fff;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 2em;
}

@media (max-width: 768px) {
  #learn-more p {
    width: 100%; 
  }
}

.node-type-report .region-content,
.node-type-project .region-content {
  width: 80%;
  margin: 0 auto;
}

.node-type-report .page-header,
.node-type-project .page-header {
  text-align: center;
  width: 60%;
  margin: 0 auto;
  font-size: 38px; 
}

.node-type-report .field-name-field-subtitle {
  width: 60%;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0 auto;
  padding: 2em 0;
  font-size: 22px;
  margin-bottom: 2em;
  margin-top: 2em;
}

.node-type-report #report-cover-link {
  float: left;
  margin-right: 4em;
  margin-bottom: 8em;
}

.node-type-report #report-cover-link .field-type-file {
  clear: both;
  text-align: center;
  margin: 2em 0;
}

.node-type-report #report-cover-link .field-type-file img { 
  display: none;
}

.node-type-report #report-cover-link .field-type-file a {
  color: #fff;
  background-color: #DA322E;
  padding: 10px 30px;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.node-type-report #report-cover-link .field-type-file a:hover {
  text-decoration: none;
}

.node-type-report .field-name-field-report-breakdown {
  clear: both;
}

.node-type-report .field-name-field-report-sections .report-section-report-breakdown,
.node-type-project .section-project-breakdown {
  clear: both;
  display: block;
  text-align: center;
  border-top: 1px solid #ddd;
  padding: 3em 0;
  margin-top: 3em;
  display: inline-block;  
  width: 100%;
}

.node-type-report .field-name-field-report-sections .report-section-report-breakdown h2,
.node-type-project .section-project-breakdown h2 {
  padding-bottom: 1em;
}

.node-type-report .field-name-field-report-sections .report-section-report-breakdown h2 a,
.node-type-project .section-project-breakdown h2 a {
  color: #DA322E;
}

.node-type-report .field-name-field-report-sections .report-section-report-breakdown h2 a:hover,
.node-type-project .section-project-breakdown h2 a:hover {
  text-decoration: none;
}

.node-type-report .field-name-field-report-sections .report-section-report-breakdown .field-name-field-breakdown-text {
  width: 75%;
  margin: 0 auto;
}

.node-type-report .field-name-field-report-sections .report-section-report-breakdown .field-name-field-breakdown-text p {
  font-size: 16px;
}

.node-type-report .field-name-field-report-sections .report-section-report-section,
.node-type-project .section-section {
  border: 1px solid #666;
  padding: 3em;
  margin: 4em 0;
}

.node-type-report .field-name-field-report-sections .report-section-report-section h2,
.node-type-project .section-section h2 {
  font-family: 'Libre Baskerville', serif;
  font-size: 32px;
  margin-bottom: 20px;
}

.node-type-report .field-name-field-report-sections .report-section-report-section .field-type-image {
  float: left;
  margin-right: 2em;
}

.node-type-report .field-name-field-report-sections .report-section-report-section .field-name-field-cta-button,
.node-type-project .section-section .field-name-field-cta-button {
  clear: both;
  text-align: center;
  width: 200px;
  margin: 0 auto;  
  margin-top: 2em; 
}

.node-type-report .field-name-field-report-sections .report-section-report-section .field-name-field-cta-button a,
.node-type-project .section-section .field-name-field-cta-button a {
  color: #fff;
  background-color: #DA322E;
  padding: 10px 30px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;  
}

.node-type-report .field-name-field-report-sections .report-section-report-section .field-name-field-summary {
  margin-top: 2em;
}

.node-type-report .field-name-field-report-sections .report-section-report-section blockquote {
  font-family: 'Libre Baskerville', serif;
  font-style: italic;  
}

.node-type-report .field-name-field-report-sections .report-section-report-section blockquote p {
  font-size: 32px;
  margin-left: 0;
}

.node-type-report .field-name-field-report-sections .report-section-report-section blockquote:before {
  display: none;
}

.publications-header-block {
  clear: both;
  width: 85%;
  margin: 0 auto;
  display: flex;
  margin-bottom: 3em;
}

.publications-header-block .publication-cover {
  flex: 1;
  margin-right: 1em;
}

.publications-header-block .publication-teaser {
  flex: 1.9;
}

.publications-header-block .publication-teaser .publication-date h5 {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  color: #666;
}

.publications-header-block .publication-teaser .publication-title h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-style: italic;
  color: #0E768E;
  font-size: 36px;
}

.publications-header-block .publication-teaser .publication-author h4 {
  font-size: 28px;
}

.publications-header-block .publication-teaser .publication-content-teaser p {
  font-size: 14px;
  margin: 3em 0;
}

.publications-header-block .publication-teaser .btn {
  color: #fff;
  background-color: #DA322E;
  padding: 10px 30px;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-weight: 600;  
}

@media (max-width: 768px) {
  .publications-header-block { display: block; }
}

.node-type-project #icc-project-logos {
  width: 60%;
  display: inline;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0 auto;
  padding: 2em 0;
  margin-bottom: 2em;
  margin-top: 2em;
  display: block;
  text-align: center;
}

.node-type-project #icc-project-logos img {
  width: 45%;
}

.benton-content-icon {
  float: left;
  margin-right: 5px;
  margin-top: -2px;
}

.benton-content:before { 
  content: url('/sites/default/files/benton-small.png');
  display: block;
  height: 12px;
  width: 12px;
}

.donate-header {
  background-color: #DA322E; 
  height: 300px;
}

.donate-header .page-header {
  text-align: center; 
  color: #fefefe; 
  font-size: 3.5em; 
  font-family: neue-haas-unica, sans-serif; 
  font-weight: 700; 
  max-width: 60%; 
  padding-top: 1em; 
  margin: 0 auto;  
}

.donation-body { 
  width: 80%; 
  margin: 0 auto; 
  position: relative; 
  top: -125px;
}

@media (max-width: 980px) {
  .donate-header { height: 350px; }
  .donate-header .page-header { max-width: none; }
  .donation-body { top: 0; width: 100%; }
}

.node-special-event {
  background: url('/sites/all/themes/benton_foundation/images/new-bg.jpg') #7CB7C8;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-family: neue-haas-unica, sans-serif;
}

.node-type-special-event {
  font-family: neue-haas-unica, sans-serif;
}

.node-special-event .field-name-body {
  margin: 7em;
  padding: 3em;
  background: #fff;
  font-family: neue-haas-unica, sans-serif;
}

.node-special-event h1 {
  color: #DA322E;
  font-weight: 600;
  font-family: neue-haas-unica, sans-serif;
}

.node-special-event h3 {
  font-family: neue-haas-unica, sans-serif;
}

.node-special-event p {
  color: #231f20;
  font-family: neue-haas-unica, sans-serif;
}

.node-special-event .sub-head {
  font-size: 24px;
  line-height: 40px;
}

.page-our-story,
.page-our-story h1,
.page-our-story h2 {
  font-family: neue-haas-unica, sans-serif;
}

.page-our-story .timeline-header {
  height: 675px;
  display: block;
  position: relative;
}

.page-our-story .timeline-bg {
  background: url('/sites/all/themes/benton_foundation/images/our-story.jpg') #7CB7C8;
  background-size: 100%;
  background-blend-mode: multiply;
  height: 100%;
  background-position-y: -150px;
  opacity: 0.8;  
}

.page-our-story #timeline-header-content {
  position: absolute;
  bottom: -4em;
}

.page-our-story #timeline-header-content #headline { 
  margin-bottom: 3em; 
} 

.page-our-story .timeline-header h1 {
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-size: 55px;
}

.page-our-story #intro {
  background: #fff;
  padding: 2em 10em;
  width: 80%;
  margin: 0 auto;
}

.page-our-story #intro h2 {
  font-weight: 600;
  font-size: 20px;
  color: #000;   
}

.page-our-story #intro h2:before {
  content: url('/sites/default/files/benton-small.png');  
  margin-right: 10px;
}

.page-our-story #intro h5 {
  color: #333;
  font-size: 20px;
}

.page-our-story .mid-region {
  width: 80%;
  float: none;
  margin: 0 auto;
}

.page-our-story #timeline-bios {
  margin-top: 100px;
}

.page-our-story #timeline-bios img {
  max-width: 100%;
}

.page-our-story #timeline-bios p {
  font-size: 18px;
}

.page-our-story #timeline-bios h1 {
  font-weight: 600;
  font-size: 2.5em;
}

.page-our-story #timeline-bios a {
  color: #DA322E;
  font-size: 14px;
  text-transform: uppercase;
}

.page-our-story #timeline-bios a:hover {
  text-decoration: none;
}

.page-our-story .flex-container .flex-item { 
  flex-basis: 50%;
}

.page-our-story .flex-container .flex-item.img {
  text-align: center;
}

.page-our-story .flex-container .flex-item.bio {
  padding: 0 2em;
}

.page-our-story .flex-container .left,
.page-our-story .flex-container .right {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-right: 4em;
}

.page-our-story .focus {
  padding-top: 2em;
}

.page-our-story .focus h1 {
  font-weight: 600;
}

.page-our-story .focus h5 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.page-our-story .focus p {
  font-size: 16px;
}

.page-our-story .homepage-about {
  text-align: center;
}

.page-our-story #timeline-carousel h2 {
  font-size: 20px;
  font-weight: 600;
  color: #000;
} 

.page-our-story .focus .flex-container .flex-item {
  padding: 0 1em 1em 0;
}

.page-our-story h2.pane-title {
  font-size: 26px;
  font-weight: 600;
  color: #000;
}

.page-our-story .views-slideshow-cycle-main-frame {
  width: 100%;
}

.page-our-story .view-timeline a:hover,
.page-our-story .view-timeline a:active {
  text-decoration: none !important;
}

.page-our-story .views-slideshow-pager-fields {
  display: inline-flex;
  height: 100px;
  width: 100%;
  position: absolute;
  overflow: scroll;
  padding: 0 10px;  
}

.page-our-story .views-slideshow-pager-fields .views_slideshow_pager_field_item .views-content-field-timeline-year a,
.page-our-story .views-slideshow-pager-fields .views_slideshow_pager_field_item .views-content-field-timeline-year a:hover {
  color: #888;
  font-weight: 600;
  text-decoration: none;
  margin-right: 75px;
  position: relative;
}

.page-our-story .views-slideshow-pager-fields .views_slideshow_pager_field_item.active .views-content-field-timeline-year a {
  font-weight: 600;
  color: #DA322E;
  text-decoration: none !important;
}

.page-our-story .views-slideshow-pager-fields > div {
  padding: 20px 0;
}

.page-our-story .views-content-nothing .pager-after {
  position: relative;
}

.page-our-story .views_slideshow_pager_field_item.active .views-content-nothing:hover {
  text-decoration: none;
}
.page-our-story .views-content-nothing .pager-after .pager-circle:after {
  content: '\25cf';
  display: block;
  color: #888;
  border: 1px solid #888;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  background: #fff;
  color: #fff;
  z-index: 1;
  position: relative;  
  margin-left: 6px;
  margin-top: 20px;
}

.page-our-story .views-content-nothing .pager-after .pager-line:after {
  content: '';
  display: block;
  z-index: 1;
  width: 100%;
  height: 1px;
  margin-left: 25px;
  background-color: #888;
  position: relative;
  margin-top: -10px;
}

.page-our-story .views_slideshow_pager_field_item.active .views-content-nothing .pager-after .pager-circle:after {
  content: '\25cf';
  background: #DA322E;
  border: 1px solid #DA322E;
  display: block;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  z-index: 1;
  position: relative;
  margin-left: -3px;
  margin-top: 11px;
  color: #DA322E;
}

.page-our-story .views_slideshow_pager_field_item.active .views-content-nothing .pager-after .pager-line:after {
  content: '';
  display: block;
  z-index: 1;
  width: 75%;
  height: 1px;
  margin-left: 36px;
  background-color: #888;
  position: relative;
  margin-top: -21px;
} 

.page-our-story .views-slideshow-pager-fields .active {
  text-decoration: none !important;
}
.page-our-story .view-timeline a:hover {
  text-decoration: none !important;
}
.page-our-story .view-timeline {
  position: relative;
}

.page-our-story .view-timeline .pager {
  position: absolute;
  top: 5.5%;
  width: 100%;
  margin: 0;
  height: 1px;
}

.page-our-story .view-timeline .pager .pager-current {
  display: none;
}

.page-our-story .view-timeline .pager .pager-next {
  position: absolute;
  right: -5px;
} 

.page-our-story .view-timeline .pager .pager-next a
.page-our-story .view-timeline .pager .pager-previous a {
  padding: 0;
  display: block;
  position: relative;
  left: -20px;
  top: 5px;
  color: #fff;
}

.page-our-story .view-timeline .pager .pager-next a:after {
  content: '';
  background: url('/sites/all/themes/benton_foundation/images/timeline-arrow-next.png');
  display: block;
  width: 40px;
  height: 80px;
  color: #888;
  position: absolute;
  right: 0;
  top: -10px;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
}  

.page-our-story .view-timeline .pager .pager-previous a:before {
  content: '';
  background: url('/sites/all/themes/benton_foundation/images/timeline-arrow-previous.png');
  display: block;
  width: 50px;
  height: 200px;
  color: #888;
  position: relative;
  left: -20px;
  top: -25px;
  background-size: 75%;
  background-repeat: no-repeat;
}  

.page-our-story .view-timeline .views_slideshow_main {
  margin-top: 100px;
}

.page-our-story .view-timeline .pager li a {
  color: #fff;
}

.page-our-story .view-timeline .pager li a:hover,
.page-our-story .view-timeline .pager li a:active,
.page-our-story .view-timeline .pager li:hover,
.page-our-story .view-timeline .pager li:active {
  background: none !important;
}

.page-our-story .views-slideshow-controls-top {
  overflow: scroll;
}


.views_slideshow_cycle_teaser_section {
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 4em;
}

.views_slideshow_cycle_slide {
  width: 100% !important;
  height: auto !important;
  position: relative !important;
}

.views-field-field-photos img {
    width: 100% !important;
}

.view-timeline .year-headline #year, 
.node-type-timeline h1 {
  color: #000;
  font-weight: 600;
  font-size: 72px;
  cursor: default;
  text-decoration: none; 
  line-height: 1;
}

.view-timeline .year-headline #headline, 
.node-typetimeline .field-name-field-headline {
  font-weight: 600;
  color: #666;
  font-size: 28px;
  margin: 1em 0;
}

.view-timeline .views-slideshow-cycle-main-frame-row-item {
  flex-flow: row wrap;
  display: flex;  
}

.page-our-story .view-timeline .views-field-body {
  flex-basis: 50%;
}

.page-our-story .view-timeline .views-field-body p {
  font-size: 16px;
}

.page-our-story .view-timeline .views-field-field-timeline-image {
  flex-basis: 50%;
  padding: 3em;
}

.page-our-story .view-timeline .headline-image {
  position: relative;
  margin-top: 4em;
}

.page-our-story .view-timeline .headline-image .decade-headline p {
  position: absolute;
  font-size: 2.5em;
  font-weight: 600;
  color: #fff;
  padding: 10px;
}

.page-our-story .view-timeline .headline-image img {
  object-fit: contain;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.page-our-story .view-timeline .year-headline #body {
  margin-top: 2em; 
}

.page-our-story .views-field-field-national-highlights {
  margin-top: 2em;
}

.page-our-story #national {
  margin-top: 2em;
}

.page-our-story .national-highlights-label {
  font-weight: 600;
  color: #888;
  border-bottom: 1px solid #DA322E;
  text-transform: uppercase;
}

.page-our-story #national ul {
  margin-top: 1em;
}

/* timeline landing page mobile */

@media (max-width: 767px) {
  .page-our-story #timeline-bios {
    margin-top: 201px;
  }
  .page-our-story .view-timeline .headline-image img {
    max-height: 100%;
  }
}
@media (max-width: 768px) {
  .page-our-story .timeline-header {
    height: 315px;
  }
  .page-our-story .timeline-bg {
    height: 250px;
    background-position-y: 0;
    background-repeat: no-repeat;  
  }
  .page-our-story #timeline-header-content {
    position: absolute;
    top: 150px;
  }
  .page-our-story #intro {
    width: 100%;
    padding: 2em;
  }
  .page-our-story #timeline-bios {
    margin-top: 350px;
  }
  .page-our-story .flex-container .flex-item.bio {
    padding: 0;
  }
  .page-our-story .flex-container .left, 
  .page-our-story .flex-container .right {
    padding-right: 0; 
  }
  .page-our-story .view-timeline .views_slideshow_main {
  }

  .page-our-story .view-timeline .views-slideshow-cycle-main-frame-row-item {
    display: block !important;
  }
  .page-our-story .view-timeline .views-field-field-timeline-image,
  .page-our-story .view-timeline .views-field-body {
    flex-basis: 100%;
  }    
  .page-our-story .view-timeline .views-field-field-timeline-image {
    padding: 0;
  }
  .page-our-story .view-timeline .headline-image {
    margin-top: 1em;
  }
  .page-our-story .view-timeline .headline-image .decade-headline {
    font-size: 1.5em;
  }
}

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}


@media screen and (max-width: 767px) {
  .flex-container {
    flex-direction: column;
  }  
}


.node-type-biography {
  font-family: neue-haas-unica, sans-serif; 
}

.node-type-biography .region-content {
  width: 80%;
  margin: 0 auto;
}

.node-type-biography .timeline-year  {
  color: #21697F;
  font-weight: 600;
  font-size: 20px;
}

.node-type-biography .paragraphs-item-bio-image .field-name-field-bio-image {
  display: flex;
}

.node-type-biography .paragraphs-item-bio-image .field-name-field-bio-image .field-items {
  display: inline-flex;
  padding: 2em;
  width: 80%;
  margin: 0 auto;
  justify-content: space-evenly;
  align-items: center;
}

.node-type-biography .paragraphs-item-bio-image .field-name-field-bio-image .field-items img {
  padding: 1em;
}

.node-type-biography .paragraphs-item-biography {
  padding: 2em 0;
}

.node-type-biography .field-name-field-bio-file,
.node-type-biography .field-name-field-bio-linkto {
  text-align: center;
}

.node-type-biography blockquote {
  font-style: italic;
}

.node-type-biography blockquote .speaker {
  font-style: normal;
}

.page-opportunity-fund .title-bg {
  background: url('/sites/all/themes/benton_foundation/images/opp-fund.jpg') #7CB7C8;
  background-size: 100%;
  background-blend-mode: multiply;
  height: 100%;
  background-position-y: -100px;
  opacity: 0.9;  
}

.page-opportunity-fund #opportunity-header .pane-title {
  color: #fff;
  font-weight: 600;
  width: 50%;
}

.page-opportunity-fund #title-header-content {
  position: absolute;
  bottom: 100px;
  top: auto;
  padding: 0 8em;
} 

.page-opportunity-fund #title-header-content h1 {
  color: #fff;
  font-weight: 600;
  font-size: 48px;  
}

.page-opportunity-fund #title-header-content h5 {
  color: #fff;
  margin-bottom: 30px;
}

.page-opportunity-fund #title-header-content ul {
  list-style: none;
  padding: 0;
}

.page-opportunity-fund #opportunity-header .pane-content h3 {
  color: #fff;
  margin-bottom: 2em;
}

.page-opportunity-fund .impact-boxes h2 {
  text-align: center;
}

.page-opportunity-fund .impact-boxes h5 {
  text-align: left;
}

.page-opportunity-fund .past-awards {
  background: #DA322E;
  padding: 0;
}

.page-opportunity-fund .past-awards .pane-content {
  background: #fff;
  padding: 5em;
  width: 80%;
  margin: 0 auto;
}

.page-opportunity-fund .past-awards h2 {
  text-align: center;
}

.page-opportunity-fund .homepage-about {
/*  position: relative;
  top: -150px; */
}

.page-opportunity-fund .panels-flexible-24 .panels-flexible-row {
  padding: 0;
}

@media screen and (max-width: 786px) {
  .page-opportunity-fund .title-header {
    height: 900px;
  }
  .page-opportunity-fund .title-bg {
    background-repeat: no-repeat;
    background-position-y: 0;
    height: 200px;
  }
  .page-opportunity-fund .title-header #title-header-content {
    position: absolute;
    margin-top: 200px;
    padding: 0;
  }
  .page-opportunity-fund #title-header-content h5 {
    padding: 1em;
  }
  .page-oppportunity-fund .title-area {
    margin-top: 100px;
   padding: 3em 1em; 
  } 
  .page-opportunity-fund .past-awards .pane-content {
    padding: 1em;
  }
  .page-opportunity-fund .homepage-about .btn-ghost {
    margin: 0;
    white-space: break-spaces;
  }
}