/*********************
BREAKPOINTS
*********************/
/***
*
*   News Teasers Mixin
*
*/
/***
*
*   Horizontal Teaser Mixin
*/
/***
*
*   Headline bar block
*
*/
@media screen and (max-width: 640px) {
  .node-type-impact-story #section-header #zone-highlight-wrapper #zone-highlight,
  .node-type-impact-story #section-header #zone-highlight-wrapper #region-highlight {
    height: 100%;
    display: block; } }

#region-highlight {
  overflow: hidden; }

#section-header #zone-highlight-wrapper div.block-impact-story-impactbanner {
  display: block;
  height: 350px;
  width: 1008px;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    #section-header #zone-highlight-wrapper div.block-impact-story-impactbanner {
      height: 100%; } }

#impactBannerAni, .impact-static-banner img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0; }

div.impactBanner {
  z-index: 2;
  position: relative;
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85); }
  div.impactBanner h2 {
    color: white;
    text-align: center;
    margin-top: 75px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 4em;
    font-weight: 600; }
    @media screen and (max-width: 640px) {
      div.impactBanner h2 {
        margin-top: 0;
        font-size: 2em; } }
  div.impactBanner h4 {
    margin-left: 50px;
    margin-right: 50px;
    text-align: center; }
    @media screen and (max-width: 640px) {
      div.impactBanner h4 {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 1em; } }
  div.impactBanner .imbanner_play {
    display: block;
    text-align: center; }
    div.impactBanner .imbanner_play a {
      color: white;
      font-size: 55px;
      height: 65px;
      width: 65px;
      display: block;
      border-radius: 50%;
      border: 2px solid white;
      margin: auto;
      padding-left: 10px;
      line-height: 65px; }
      div.impactBanner .imbanner_play a:hover {
        text-decoration: none; }
      @media screen and (max-width: 640px) {
        div.impactBanner .imbanner_play a {
          font-size: 15px;
          height: 25px;
          width: 25px;
          border: 2px solid white;
          padding-left: 5px;
          line-height: 25px; } }

div.is_intro,
div.is_intro_mobile {
  height: 500px;
  width: 816px;
  margin-top: 20px;
  margin-bottom: 40px; }
  @media screen and (max-width: 640px) {
    div.is_intro,
    div.is_intro_mobile {
      width: 100%;
      margin: 0;
      height: auto; } }
  div.is_intro .is_intro_inner,
  div.is_intro_mobile .is_intro_inner {
    color: white;
    padding: 15px;
    font-size: 1.1em;
    vertical-align: middle; }
    @media screen and (max-width: 640px) {
      div.is_intro .is_intro_inner,
      div.is_intro_mobile .is_intro_inner {
        color: black; } }
  div.is_intro table:hover, div.is_intro table tbody:hover, div.is_intro table tbody tr:hover, div.is_intro table tr:hover td,
  div.is_intro tr.even:hover td.active, div.is_intro tr.odd:hover td.active,
  div.is_intro_mobile table:hover,
  div.is_intro_mobile table tbody:hover,
  div.is_intro_mobile table tbody tr:hover,
  div.is_intro_mobile table tr:hover td,
  div.is_intro_mobile tr.even:hover td.active,
  div.is_intro_mobile tr.odd:hover td.active {
    background: none; }

div.is_intro {
  display: block; }
  @media screen and (max-width: 640px) {
    div.is_intro {
      display: none; } }

div.is_intro_mobile {
  display: none; }
  @media screen and (max-width: 640px) {
    div.is_intro_mobile {
      display: block;
      height: auto;
      margin-top: 15px; } }

body.node-type-impact-story #section-content #region-content {
  margin-left: 0; }
body.node-type-impact-story #section-content h1#page-title {
  display: none; }
body.node-type-impact-story #section-content .breadcrumb {
  display: none; }
body.node-type-impact-story #section-content .region-sidebar-first .block-cfaes-addthis {
  margin-top: 20px; }

#block-views-impact-story-panels .views-row {
  border-bottom: 1px solid #999999;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  @media (min-width: 640px) {
    #block-views-impact-story-panels .views-row {
      flex-wrap: nowrap; } }
  #block-views-impact-story-panels .views-row .views-field-nothing {
    flex: 1 1 100%;
    padding: 0 20px; }
    @media (min-width: 640px) {
      #block-views-impact-story-panels .views-row .views-field-nothing {
        flex: 1 1 50%; } }
    #block-views-impact-story-panels .views-row .views-field-nothing .story_panel {
      display: block; }
      #block-views-impact-story-panels .views-row .views-field-nothing .story_panel h3 {
        font-weight: 400;
        letter-spacing: .1em;
        line-height: 26px; }
  #block-views-impact-story-panels .views-row .views-field-nothing-1 {
    flex: 1 1 100%;
    padding: 0 20px; }
    @media (min-width: 640px) {
      #block-views-impact-story-panels .views-row .views-field-nothing-1 {
        flex: 1 1 50%;
        padding: 0; } }
    #block-views-impact-story-panels .views-row .views-field-nothing-1 .hero_panel {
      display: block;
      height: 100%;
      margin-bottom: 20px;
      position: relative; }
      @media (min-width: 640px) {
        #block-views-impact-story-panels .views-row .views-field-nothing-1 .hero_panel {
          margin-bottom: 0; } }
      #block-views-impact-story-panels .views-row .views-field-nothing-1 .hero_panel img {
        display: block;
        height: auto;
        width: 100%; }
      #block-views-impact-story-panels .views-row .views-field-nothing-1 .hero_panel .ip_pullquote {
        color: #BB0000;
        font-size: 1.5em;
        font-style: italic;
        line-height: 28px; }
        @media (min-width: 640px) {
          #block-views-impact-story-panels .views-row .views-field-nothing-1 .hero_panel .ip_pullquote {
            position: absolute;
            top: 50%;
            transform: translateY(-50%); } }
      #block-views-impact-story-panels .views-row .views-field-nothing-1 .hero_panel .media-youtube-video {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden; }
        #block-views-impact-story-panels .views-row .views-field-nothing-1 .hero_panel .media-youtube-video iframe,
        #block-views-impact-story-panels .views-row .views-field-nothing-1 .hero_panel .media-youtube-video object,
        #block-views-impact-story-panels .views-row .views-field-nothing-1 .hero_panel .media-youtube-video embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
  #block-views-impact-story-panels .views-row.views-row-last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
  @media (min-width: 640px) {
    #block-views-impact-story-panels .views-row.views-row-odd .views-field-nothing {
      order: 1; }
    #block-views-impact-story-panels .views-row.views-row-odd .views-field-nothing-1 {
      order: 2; } }
  @media (min-width: 640px) {
    #block-views-impact-story-panels .views-row.views-row-even .views-field-nothing {
      order: 2; }
    #block-views-impact-story-panels .views-row.views-row-even .views-field-nothing-1 {
      order: 1; } }

#block-views-impact-story-impact-news {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 50px; }
  @media screen and (max-width: 640px) {
    #block-views-impact-story-impact-news {
      width: 281px;
      margin: auto; } }
  #block-views-impact-story-impact-news .teaser-row, #block-views-impact-story-impact-news .views-row {
    height: 414px;
    border-bottom: none;
    width: 225px;
    float: left;
    margin-top: 0;
    padding: 0 10px;
    border-right: 1px solid #BBBBBB;
    position: relative;
    border-top: 0;
    /* Landing Sections Header */
    /* News Header */ }
    .lt-ie8 #block-views-impact-story-impact-news .teaser-row,
    .lt-ie8 #block-views-impact-story-impact-news .views-row {
      padding: 0 5px;
      margin-right: 5px; }
    @media screen and (max-width: 640px) {
      #block-views-impact-story-impact-news .teaser-row, #block-views-impact-story-impact-news .views-row {
        height: auto;
        width: 281px;
        float: none;
        margin: 0;
        display: block;
        padding-bottom: 30px;
        padding-left: 0;
        margin-bottom: 15px;
        border-right: none; } }
    #block-views-impact-story-impact-news .teaser-row img, #block-views-impact-story-impact-news .views-row img {
      margin-bottom: 8px; }
      .lt-ie8 #block-views-impact-story-impact-news .teaser-row img, .lt-ie8 #block-views-impact-story-impact-news .views-row img {
        width: 100%;
        height: auto; }
      @media screen and (max-width: 640px) {
        #block-views-impact-story-impact-news .teaser-row img, #block-views-impact-story-impact-news .views-row img {
          width: 280px;
          height: auto; } }
    #block-views-impact-story-impact-news .teaser-row h2, #block-views-impact-story-impact-news .views-row h2 {
      font-size: 24px; }
      #block-views-impact-story-impact-news .teaser-row h2 a, #block-views-impact-story-impact-news .views-row h2 a {
        color: #bb0000; }
      #block-views-impact-story-impact-news .teaser-row h2 a:link, #block-views-impact-story-impact-news .teaser-row h2 a:visited, #block-views-impact-story-impact-news .views-row h2 a:link, #block-views-impact-story-impact-news .views-row h2 a:visited {
        text-decoration: none; }
      #block-views-impact-story-impact-news .teaser-row h2 a:hover, #block-views-impact-story-impact-news .teaser-row h2 a:focus, #block-views-impact-story-impact-news .views-row h2 a:hover, #block-views-impact-story-impact-news .views-row h2 a:focus {
        text-decoration: underline; }
    #block-views-impact-story-impact-news .teaser-row h6, #block-views-impact-story-impact-news .views-row h6 {
      font-family: "capita", "Times New Roman", serif;
      font-size: 24px;
      line-height: 1.3em;
      margin-top: 0;
      font-weight: 400;
      letter-spacing: .01em; }
      #block-views-impact-story-impact-news .teaser-row h6 a, #block-views-impact-story-impact-news .views-row h6 a {
        color: #bb0000; }
      #block-views-impact-story-impact-news .teaser-row h6 a:link, #block-views-impact-story-impact-news .teaser-row h6 a:visited, #block-views-impact-story-impact-news .views-row h6 a:link, #block-views-impact-story-impact-news .views-row h6 a:visited {
        text-decoration: none; }
      #block-views-impact-story-impact-news .teaser-row h6 a:hover, #block-views-impact-story-impact-news .teaser-row h6 a:focus, #block-views-impact-story-impact-news .views-row h6 a:hover, #block-views-impact-story-impact-news .views-row h6 a:focus {
        text-decoration: underline; }
    #block-views-impact-story-impact-news .teaser-row .views-field-field-article-url-1,
    #block-views-impact-story-impact-news .teaser-row .views-field-path, #block-views-impact-story-impact-news .views-row .views-field-field-article-url-1,
    #block-views-impact-story-impact-news .views-row .views-field-path {
      position: absolute;
      bottom: 16px;
      width: 100%; }
      #block-views-impact-story-impact-news .teaser-row .views-field-field-article-url-1 a:visited, #block-views-impact-story-impact-news .teaser-row .views-field-field-article-url-1 a:link, #block-views-impact-story-impact-news .teaser-row .views-field-field-article-url-1 a:active,
      #block-views-impact-story-impact-news .teaser-row .views-field-path a:visited,
      #block-views-impact-story-impact-news .teaser-row .views-field-path a:link,
      #block-views-impact-story-impact-news .teaser-row .views-field-path a:active, #block-views-impact-story-impact-news .views-row .views-field-field-article-url-1 a:visited, #block-views-impact-story-impact-news .views-row .views-field-field-article-url-1 a:link, #block-views-impact-story-impact-news .views-row .views-field-field-article-url-1 a:active,
      #block-views-impact-story-impact-news .views-row .views-field-path a:visited,
      #block-views-impact-story-impact-news .views-row .views-field-path a:link,
      #block-views-impact-story-impact-news .views-row .views-field-path a:active {
        padding-left: 16px;
        background: url("https://x.cfaes.ohio-state.edu/iconz/pointer_11px.png") no-repeat 0px 3px;
        display: inline-block; }
      #block-views-impact-story-impact-news .teaser-row .views-field-field-article-url-1 a span,
      #block-views-impact-story-impact-news .teaser-row .views-field-path a span, #block-views-impact-story-impact-news .views-row .views-field-field-article-url-1 a span,
      #block-views-impact-story-impact-news .views-row .views-field-path a span {
        display: none; }
    #block-views-impact-story-impact-news .teaser-row a.readmore-pill, #block-views-impact-story-impact-news .views-row a.readmore-pill {
      position: absolute;
      bottom: 16px;
      width: 100%; }
      #block-views-impact-story-impact-news .teaser-row a.readmore-pill:visited, #block-views-impact-story-impact-news .teaser-row a.readmore-pill:link, #block-views-impact-story-impact-news .teaser-row a.readmore-pill:active, #block-views-impact-story-impact-news .views-row a.readmore-pill:visited, #block-views-impact-story-impact-news .views-row a.readmore-pill:link, #block-views-impact-story-impact-news .views-row a.readmore-pill:active {
        padding-left: 16px;
        background: url("https://x.cfaes.ohio-state.edu/iconz/pointer_11px.png") no-repeat 0px 3px;
        display: inline-block; }
      #block-views-impact-story-impact-news .teaser-row a.readmore-pill span, #block-views-impact-story-impact-news .views-row a.readmore-pill span {
        display: none; }
  @media (min-width: 640px) {
    #block-views-impact-story-impact-news .views-row-first {
      padding-left: 0; }
      #block-views-impact-story-impact-news .views-row-first .views-field-field-article-url-1 {
        left: 0; } }
  #block-views-impact-story-impact-news .views-row-last {
    padding-right: 0;
    border-right: none; }

/*# sourceMappingURL=impact.css.map */
