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

// Drupal slideshow styles

.carousel-control{
  &.left,
  &.right{
     background-image:none;
  }
}

.view-solstice-slideshow{
  background-size: cover;
  color: @slideshow-text-color;
  background-color:@slideshow-background-color;
  background-image:@slideshow-background-image;
  background-repeat:none;

  .carousel-indicators{
    position:absolute;
  }
  
  .solstice-slideshow-content{
    text-align:@slideshow-content-text-align;
  }
  
  .solstice-slideshow-content-no-image{
    padding-top:60px;
    padding-bottom:60px;
  }
  
  h2{
    font-size:2.7em;
    margin-top:0;
    font-weight:@slideshow-h2-fw;
    color:@slideshow-h2-color;
    a{
      color:@slideshow-h2-link-color;
      font-weight:@slideshow-h2-link-fw;
      &:hover,
      &:active{
        color:@slideshow-h2-link-color-hover;
      }
    }
  }
  
  p{
    font-size:@slideshow-p-font-size;
    font-weight:300;
    line-height:1.62857;
    margin-bottom:1em;
    a{
      color: @slideshow-link-color;
      &:hover{
        color:@slideshow-link-color-hover;
      }
    }
  }
  .field-name-body{
    padding-bottom:0;
  }
}

.solstice-support-slideshow-frontpage{
  border-top:@slideshow-frontpage-border-top;
  border-bottom:@slideshow-frontpage-border-bottom;
  @media (min-width: @screen-sm-min) {
    padding: @slideshow-frontpage-padding;
  }
  .field-name-field-slideshow-image{
    padding-bottom:50px;
  }
}

.solstice-support-slideshow-secondary{
  .btn-transparent{
    margin-bottom:1.5em;
  }
  color:@slideshow-secondary-text-color;
  .item{
    background-repeat: no-repeat;
    background-position: 100% 40%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment:fixed;
    background: @slideshow-secondary-background;
  }
  h2{
    font-weight:@slideshow-secondary-h2-fw;
    color:@slideshow-secondary-h2-color;
    a{
      color:@slideshow-secondary-h2-link-color;
      font-weight:@slideshow-secondary-h2-link-fw;
      &:hover,
      &:active{
        color:@slideshow-secondary-h2-link-color-hover;
      }
    }
  }
  
  p{
    font-size:@slideshow-secondary-p-font-size;
    a{
      color: @slideshow-secondary-link-color;
      &:hover{
        color:@slideshow-secondary-link-color-hover;
      }
    }
  }
  .carousel-indicators{
    bottom:10px;
  }
  
  .carousel-control{
    .glyphicon-chevron-right,
    .glyphicon-chevron-left{
      top:auto;
      bottom:22px;
    }
  }

  .solstice-slideshow-content{
    background: @slideshow-content-background;
    height:100%;
    padding: @slideshow-content-padding;
  }
}