/*
 * 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
*/

//== Newsletter Edition

.main-content-edition {
    h1, h2 {
      text-align:center;
    }
    h1 {
      margin:30px 0 50px;
    }
    .heading-underline {
      &:after {
        margin: 15px auto 0;
      }
    }
  }
  
  .header-edition-bg-img {
    background-image:@header-edition-bg-img;
  }
  
  .eclipse-api-content-edition-top{
    color:#fff;
    h2, h3 {
      color: #fff;
      text-shadow: 0px 2px 13px #000;
    }
    h2 {
      font-size: 56px;
      font-weight: bold;
    }
    h3 {
      font-size: 24px;
      text-transform: uppercase;
      padding-bottom:30px;
      font-weight:500;
    }
    table.gsc-search-box td.gsc-input {
      padding-right:0;
      padding-left: 0;
    }
    td.gsc-search-button {
      padding: 0;
      margin: 0;
    }
    .gsc-search-button-v2 {
      padding: 9px 27px;
      margin-left: 0;
    }
  }
  
  .edition-community-item {
    margin-bottom:20px;
    &:after {
      border-bottom: 4px solid #404040;
      content: "";
      display: block;
      width: 100px;
      margin: 20px auto 0;
    }
    &:last-child{
      margin-bottom:60px;
    }
    h3 {
      a{
        color: inherit;
        font-weight: bold;
      }
    }
  }
  
  .edition-community-more-updates {
    text-align:center;
    border-left: 1px solid #ccc;
    margin-top: 50px;
    h2 {
      margin-top:0;
    }
    ul{
      margin-bottom:25px;
      &:after {
        border-bottom: 4px solid #404040;
        content: "";
        display: block;
        width: 100px;
        margin: 20px auto 0;
      }
      li {
        a {
          font-size: 18px;
          color: orange;
          font-weight: 500;
        }
      }
    }
    
  }
  
  
  //== Newsletter Articles
  
  .eclipse-newsletter-articles {
    .eclipse-newsletter-articles-sub-header {
      .eclipse-newsletter-articles-featured-authors {
        position: relative;
        top: -80px;
        margin-bottom: -50px;
      }
      .eclipse-newsletter-articles-featured-author {
        width:110px;
        margin:0 10px;
        display:inline-grid;
        .picture {
          display:block;
        }
        .picture {
          width:110px;
          height:110px;
          overflow:hidden;
          margin-bottom: 7px;
          border-radius: 5px;
          border: 1px solid #bfbfbf;
        }
        .name {
          font-size:11px;
        }
      }
      .eclipse-newsletter-articles-share {
        text-align:right;
        margin-bottom:30px;
        .eclipse-newsletter-articles-share-icon {
          margin-top: -5px;
          color: #4c4d4e;
        }
      }
    }
    .eclipse-newsletter-articles-featured {
      background-repeat: no-repeat;
      background-size: cover;
      padding-top: 80px;
      position: relative;
      padding-bottom: 55px;
      margin-bottom:20px;
      h1 {
        text-align:center;
        color:#fff;
        margin-bottom: 60px;
        text-shadow: 0 0 10px black;
      }
    }
    .eclipse-newsletter-articles-authors {
      margin-top: 60px;
      background-color: #ececec;
      padding: 20px;
      border: 1px solid #cecece;
      h4 {
        margin-top:0;
        font-weight:500;
      }
    }
    .eclipse-newsletter-articles-related {
      margin-top: 60px;
      margin-bottom:60px;
      text-align:center;
      .heading-underline {
        &:after {
          margin: 15px auto 0;
        }
      }
      .eclipse-newsletter-articles-related-item {
        height:200px;
      }
    }
  }
  
  //== Newsletter - reusable
  
  .eclipse-newsletter-articles-item {
    height:250px;
    color: #fff;
    position:relative;
    background-size: cover;
    a {
      color: #fff;
      &:hover {
        color: #fff;
      }
    }
    
    h3, p {
      text-shadow: 0px 0px 20px #000;
      text-align:left;
    }
    h3 {
      font-weight: 500;
      font-size:26px;
      margin-top: 0;
      color: #fff;
    }
    p {
      color:#fff;
    }
    .eclipse-newsletter-articles-item-container {
      position:absolute;
      bottom:0px;
      left:0px;
      padding:15px 15px 10px;
      max-width:360px;
      background-color: #222;
      p {
        font-size:14px;
      }
    }
  }
  
  .eclipse-newsletter-articles-item-small {
    .eclipse-newsletter-articles-item-container {
      max-width: 100%;
      width:100%;
    }
  }
.eclipse-newsletter-html {
  @media only screen and (max-width: 992px) {
    .templateContainer {
      margin:0 auto;
    }
  }
  td {
    padding:0;
  }
}
.eclipse-newsletter-html-bg {
  background-image:@eclipse-newsletter-html-bg-background-image;
  position: absolute;
  width: 100%;
  height: 230px;
  background-size: cover;
  margin-top: -20px;
}
.eclipse-newsletter-sidebar-subscribe {
  h3, p {
    color:@white;
  }
  h3, p, form {
    text-align:center;
  }
}