/*
 * Copyright (c) 2018 Eclipse Foundation, Inc.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 * 
 * Contributors:
 *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
 * 
 * SPDX-License-Identifier: EPL-2.0
*/

// News and Events Styles

.node-meetings.node-teaser,
.node-events.node-teaser{
  .field-name-body{
    padding-top:8px;
  }
}

.solstice-support-news-events-default{
  margin-bottom:3em;

  > h2{
    color: @news-h2-color;
    font-size: @news-h2-size;
    border-bottom: @news-h2-border;
    margin-bottom: 10px;
    padding-bottom: 14px;
    margin-top: 0;
    position: relative;
  }
}

// News Layout A
.views-row-first{
  .solstice-news-layout.layout_a{
    margin-top:10px;
  }
}
.solstice-news-layout.layout_a{
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:@news-layout-a-border-bottom;
  h2{
    color:@news-layout-a-h2-color;
    font-size:@news-layout-a-h2-size;
    margin-top:0;
    position:relative;
    span{
      color:@brand-primary;
      font-weight:bold;
      font-size:24px;
      position:absolute;
      left:60px;
      top:6px;
    }
    i{
      color:@brand-info;
      padding-right:10px;
    }
    a {
      font-weight: bold;
      color: @brand-primary;
    }
  }
  .field-name-field-event-date{
    margin-bottom:10px;
    margin-top:10px;
    background:@news-layout-a-field-name-field-event-date;
    padding:3px 8px;
    .date-display-end{
      display:block;
      clear:both;
    }
  }
  .solstice-news-content{
    h2{
      margin-top:0;
    }
    overflow:hidden;
    @media (max-width: @screen-sm-max) {
      h2{
         font-size:1.4em;
      }
    }
  }
}
.views-row-last{
  .solstice-news-layout.layout_a{
    border:none;
    padding-bottom:0px;
  }
}

// News Layout B
.views-row-odd{
  .solstice-news-layout.layout_b,.layout_b.video{
    background-color:@news-layout-b-odd-background-color;
    border-bottom:@news-layout-b-odd-border-bottom;
  }
}

.views-row-last {
  .solstice-news-layout.layout_b,.layout_b.video{
    border-bottom:none;
    margin-bottom:0;
  }
}

.page-blog {
  .solstice-news-layout.layout_b:nth-child(odd){
    background-color:@news-layout-b-odd-background-color;
    border-bottom:@news-layout-b-odd-border-bottom;
  }
}

.solstice-news-layout.layout_b{
  border-bottom:@news-layout-b-odd-border-bottom;
  margin-bottom:@news-layout-b-margin-bottom;
  .solstice-well{
    padding:@news-layout-b-solstice-well-padding;
  }
  &.view-mode-full {
    .solstice-well{
      padding:10px;
    }
  }
  h2{
    color:@news-layout-b-h2-color;
    font-size: @news-layout-b-h2-size;
    font-weight: normal;
    margin:0;
    a{
      font-weight: normal;
      color:@news-layout-b-h2-a-color;
      &:hover{
        color:@news-layout-b-h2-a-hover-color;
      }
    }
  }
  .field-name-body{
    color:@news-layout-b-text-color;
    h2,h3,h4,h5,h6,p,ul,li{
      color:@news-layout-b-text-color;
    }
  }
  .solstice-submitted{
    margin-bottom:@news-layout-b-solstice-submitted-margin-bottom;
    .author{
      color:@news-layout-b-solstice-submitted-author-color;
      a{
        color:@news-layout-b-solstice-submitted-author-color;
        font-weight:normal;
        &:hover{
          color:darken(@news-layout-b-solstice-submitted-author-color, 20%);
        }
      }
    }
  }
  .field-label-above,
  .field-label-hidden{
    margin-bottom:0;
    padding-bottom:0;
  }
}

// Videos
.solstice-news-layout.layout_b.video{
  margin-top:20px;
}


// News and Event page
.view-solstice-news-events{
  padding-bottom:30px;
  h2{
    font-size:30px;
    padding-bottom:15px;
    margin:0;
  }
  .views-exposed-form .views-exposed-widget .form-submit{
    margin-top:0;
  }
  .views-row{
    padding-bottom:1em;
    margin-bottom:4em;
  }
  .view-filters{
    margin-bottom:2em;
  }
}
.solstice-support-blog{
  .views-field-created{
    margin-bottom:10px;
  }
}

.solstice-region-element-multiple{
  .view-solstice-video{
    .view-content{
      .views-row{
        width:100%;
      }
    }
  }
}

// News date container
.solstice-news-date{
  background:@news-blog-date-bg;
  color:@news-blog-date-color;
  text-align:center;
  word-spacing: 1000px;
  font-weight:@news-blog-date-font-weight;
  border-radius: 5px;
  line-height:16px;
  text-transform: uppercase;
  padding:17px 0 9px;
  margin-bottom:2em;
  .year{
  }
  .day{
    @media (min-width: @screen-sm-min) {
      font-size:40px;
    }
    @media (max-width: @screen-sm-max) {
      font-size:30px;
    }
  }
  .month{
  }
}

.solstice-event-out-dated{
  .solstice-news-date{
    background:@news-blog-date-bg-outdated;
  }
}

.links {
  .blog_usernames_blog, .comment_forbidden, comment-add {
    padding-top:20px;
  }
}