/*
 * 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:
 *   Eric Poirier <eric@eclipse.org>
 * 
 * SPDX-License-Identifier: EPL-2.0
*/

// eclipse.org/community/eclipse_newsletter

.newsletter-sponsored-by {
  background-color:#1f1f1f;
  padding:15px 0;
  .sponsored-by-neon{
    margin-bottom:0;
    color:#9e9e9e;
    @media (max-width: 768px) {
      text-align:center;
      margin-bottom:15px;
    }
  }
  .neon-logo{
    max-width:150px;
    max-height:50px;
    margin-left: 10px;
  }
  .google-search-archive {
    margin-bottom:0;
    text-transform:uppercase;
    font-weight:200;
    color:#9e9e9e;
    text-align:right;
    @media (max-width: 768px) {
      text-align:center;
    }
  }
}

.newsletter-featured-container {
  background-image:url('../../../images/eclipse_org/newsletter/featured-newsletter-bg.jpg');
  background-size:cover;
  h2, h3, .item-title {
    color:#fff;
  }
  h2 {
    font-size:3em;
    @media (max-width: 991px) {
      text-align:center;
    }
  }
  .featured-item {
    height:260px;
    @media (max-width: 1200px) {
      height:205px;
    }
    text-align: center;
    white-space: nowrap;
    &:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }
    .centered-item {
      display: inline-block;
      vertical-align: middle;
      width: 260px;
    }
  }
  .featured-title-container {
    height:260px * 2;
    @media (max-width: 1200px) {
      height:205px * 2;
    }
    @media (max-width: 992px) {
      height:inherit;
    }
    @media (min-width: 992px) {
      &:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
      }
    }
    
  }
  .featured-title-item{
    @media (min-width: 992px) {
      width: 260px;
      display: inline-block;
      vertical-align: middle;
    }
    @media (max-width: 991px) {
      margin-bottom:50px;
      text-align:center;
    }
  }
}