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

// Landing-well styles
// Example: eclipse.org

.landing-well {
  background-repeat: no-repeat;
  background-position: center middle;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-color: #1b1732;
  background-image: url("../../../images/components/landing-well/background.jpg");
  border-top: 1px solid @brand-warning;
  border-bottom: 1px solid @brand-warning;
  color: #fff;
  padding: 30px 0;
  text-align: center;
  h1 {
    font-size: 3.5em;
    margin-bottom: 10px;
    font-weight: 600;
    a {
      color: #fff;
      &:hover {
        color: @brand-warning;
      }
    }
  }

  .circle {
    h3 {
      color: #fff;
    }
  }

  p {
    font-size: 1.2em;
    font-weight: 100;
    a {
      color: @brand-warning;
      font-weight: 600;
      text-decoration: none;
      &:hover {
        color: #fff;
      }
    }
  }

  .landing-well-action {
    text-align: center;
  }

  .list-glyphicon {
    margin: 2em 0 0 0;
    padding-bottom: 1em;
    img {
      height: 110px;
      width: 110px;
    }
  }

  @media (min-width: @screen-lg-min) {
    li:last-child {
      margin-top: -20px;
    }
  }

  @media (min-width: @screen-lg-min) {
    h1 {
      margin-top: 0.76em;
      padding-top: 1.3em;
    }

    text-align: left;
    .list-glyphicon {
      margin-left: 93px;
    }
  }

  @media (min-width: @screen-md-min) {
    .list-glyphicon {
      img {
        height: 160px;
        width: 160px;
      }
    }

    .circle {
      height: 160px;
      margin: 0 5px;
      font-size: 44px;
      width: 160px;
      h3 {
        font-size: 16px;
        top: 3.4em;
        margin-left: 5px;
        width: 74%;
      }
    }
  }
}

