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

// Conference sponsors styles

.view-eclipsecon-sponsors{
  text-align:center;
  h2.block-title{
    font-weight:bold;
    font-size:3em;
    margin-top:0;
  }

  .view-footer{
    padding:20px 0;
  }
  .view-content{
    ul.list-inline{
      margin-bottom:0;
      li{
        vertical-align:middle;
      }
    }
  }
}
.view-eclipsecon_sponsors-block_1,
.view-eclipsecon_sponsors-block{
  text-align:center;
  .view-content,
  .view-footer{
    background:darken(@white, 10%);
  }
}

// Top Sponsors - Front page sponsor list
@media (min-width: @screen-md-min) {
  .view-eclipsecon-sponsors-block-2{
    .wrapper-sponsor-level:first-child{
      margin-right:45px;
    }
  }
  
  .view-eclipsecon-sponsors-block-3 {
    .wrapper-sponsor-level {
      &:first-child {
        margin-right: @eclipsecon-sponsors-first-child-margin-right;
      }
      &:last-child{
        margin-right:0
      }
    }
  }
}

.view-eclipsecon-sponsors-block-common:not(.view-eclipsecon-sponsors-block){
  background-color:@eclipsecon-sponsors-header-block-background-color;
  border-top:@eclipsecon-sponsors-header-block-border-top;
  border-bottom:@eclipsecon-sponsors-header-block-border-bottom;
  border-right:@eclipsecon-sponsors-header-block-border-right;
  border-left:@eclipsecon-sponsors-header-block-border-left;
  h3{
    font-size:@eclipsecon-sponsors-header-block-h3-font-size;
    font-weight:@eclipsecon-sponsors-header-block-h3-font-weight;
    text-transform:uppercase;
    margin-bottom:0;
    margin-top:15px;
  }
  &.eclipsecon-sponsors-title-with-line{
    h3{
      border-top:@eclipsecon-sponsors-h3-with-line-border-top;
      margin-top:30px;
      span {
        position:relative;
        top:-10px;
        padding:0 10px;
        background-color:@eclipsecon-sponsors-h3-with-line-background-color;
      }
    }
  }
  .wrapper-sponsor-level{
    display:@eclipsecon-sponsors-wrapper-sponsor-level-display;
    vertical-align:top;
    margin-bottom:@eclipsecon-sponsors-wrapper-sponsor-level-margin-bottom;
    @media (max-width: @screen-sm-max) {
      width:100%;
    }
    ul.list-inline{
      padding:15px 0;
      margin-left:0;
      @media (max-width: @screen-md-max) {
        text-align:center;
      }
      li{
        padding:@eclipsecon-sponsors-li-padding;
        @media (min-width: @screen-md-min) {
          &.views-row-last{
            padding:0;
          }
        }
      }
    }
    img{
      @media (min-width: @screen-md-min) {
        max-width:100px;
      }
      @media (max-width: @screen-md-max) {
        max-width:80px;
      }
    }
  }
}

// All Sponsors - Footer sponsor list
.view-eclipsecon-sponsors-block{
  h2{
    background-image:@eclipsecon-sponsors-background-image;
    background-size:cover;
    padding:70px 0;
    text-align:center;
    a{
      background-color:darken(@brand-secondary,15%);
      padding:10px 15px;
      color:@white;
      position:relative;
      font-weight:lighter;
      &:after{
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid darken(@brand-secondary,15%);
        bottom: -10px;
        content: " ";
        height: 0;
        left: -10px;
        margin: 0 50%;
        position: absolute;
        right: 0;
        width: 0;
      }
    }
  }
  .view-header{
    padding:40px 0;
    font-size:1.7em;
    font-weight:300;
    text-align:center;
  }
  .wrapper-sponsor-level{
    margin-bottom:40px;
    h3{
      border-top:2px dotted #ccc;
      color:@brand-secondary;
      span{
        background-color:@white;
        padding:0 15px;
        position:relative;
        top:-15px;
      }
    }
    img{
      max-width:120px;
    }
  }

  @media (min-width: @screen-sm-min) {
    margin-top:3.5em;
  }
  @media (max-width: @screen-sm-max) {
    .view-header{
      padding:0 15px;
    }
  }
  ul.list-inline{
    li{
      margin-bottom:10px;
      @media (min-width: @screen-sm-min) {
        padding:0 2.5em;
      }
    }
  }
}



/* Support Sponsors */
.view-eclipsecon-support-sponsors .view-footer a{
   width:100%;
}
.supporters-block-title, .supporters-view-title {
  border-bottom: 2px solid #eee;
}
.supporters-view-title {
  color: lighten(@black, 10%);
  font-weight: bold;
  font-size: 24px;
}

/* Sponsors page */
.view-eclipsecon-sponsors.view-display-id-page{
  text-align:left;
  .view-content{
    h3{
      border-top:2px dotted #ccc;
      color:@brand-secondary;
      margin-top:40px;
      span{
        background-color:@white;
        padding:0 15px 0 0;
        position:relative;
        top:-15px;
      }
    }
    h4{
      margin:0;
    }
    .sponsor-item{
      margin-bottom:30px;
    }
  }
}

