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

.featured-jumbotron {
  background-color:@jumbotron-bg-color;
  text-align:@jumbotron-text-align;
  color:@jumbotron-color;
  padding-top:10px;
  margin-bottom:0;
  .btn{
    padding-left: 20px;
    padding-right:20px;
    @media (max-width: @screen-sm-max) {
      margin-bottom:25px;
    }
    min-width:200px;
  }
  h1 {
    @media (min-width: @screen-md-min) {
      font-size:@jumbotron-h1-size;
    }
    @media (max-width: @screen-sm-max) {
      font-size: @jumbotron-h1-mobile-size;
    }
    font-weight:@jumbotron-h1-weight;
    margin-bottom:30px;
    margin-top:0;
    &:after {
      border-bottom:3px solid @jumbotron-color;
      width:100px;
      height:5px;
      display:block;
      content:"";
      margin:15px auto 0;
    }
  }
  h2 {
    color:inherit;
  }

  p {
    font-weight: @jumbotron-p-weight;
  }
  
  a:not(.btn):not(.jumbotron-icon) {
    color:@jumbotron-link-color;
    font-weight: bold;
    &:hover {
      color:@jumbotron-link-color-hover;
    }
    &:visited {
      color:@jumbotron-link-color-visited;
    }
  }

  @media (max-width: @screen-xs-max) {
    .btn {
      padding: 5px 10px;
      line-height: 1.5;
      border-radius: 0;
      min-width:auto;
    }
  }

  .jumbotron-icon {
    margin-bottom:10px;
    display:block;
    color:inherit;
    @media (min-width: @screen-sm-min) {
      height:@jumbotron-icon-size;
      .feather {
        width:@jumbotron-icon-size;
        height:@jumbotron-icon-size;
      }
    }
    @media (max-width: @screen-xs-max) {
      height:@jumbotron-icon-size - 15px;
      .feather {
        @media (max-width: @screen-xs-max) {
          width:@jumbotron-icon-size - 15px;
          height:@jumbotron-icon-size - 15px;
        }
      }
    }
  }
  &.alternate {
    text-align:@jumbotron-alternate-text-align;
    h1 {
      @media (min-width: @screen-md-min) {
        font-size:@jumbotron-alternate-h1-size;
      }
      @media (max-width: @screen-sm-max) {
        font-size: @jumbotron-alternate-h1-mobile-size;
      }
      font-weight:@jumbotron-alternate-h1-weight;
      margin-bottom:10px;
      margin-top:0;
      color:@brand-primary;
      &:after {
        display:none;
      }
    }
    
    p {
      font-weight:@jumbotron-alternate-p-weight;
      @media (min-width: @screen-md-min) {
        font-size:@jumbotron-alternate-p-size;
      }
      @media (max-width: @screen-sm-max) {
        font-size:@jumbotron-alternate-p-mobile-size;
      }
    }
    .featured-jumbotron-alternate-highlight {
      color:@brand-primary;
    }
  }

  // Example: project page search
  .input-group {
    .btn {
      padding-left: 12px;
      padding-right: 12px;
      min-width: unset;
    }
    .form-control {
      height: 39px;
      border-top-left-radius: 5px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 5px;
    }
  }
}
