/** 
 *------------------------------------------------------------------------------
 * @package       T3 Framework for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2013 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt, JoomlaBamboo, (contribute to this project at github 
 *                & Google group to become co-author)
 * @Google group: https://groups.google.com/forum/#!forum/t3fw
 * @Link:         http://t3-framework.org 
 *------------------------------------------------------------------------------
 */


// VARIABLES & MIXINS
// ------------------
@import "vars.less"; // Modify this for custom colors, font-sizes, etc


// ---------------------------------------------------------
// HOME
// ---------------------------------------------------------
.home {

  // Heading
  h1 {
    line-height: 1;
  }

  h2 {
    font-size: floor(@font-size-base * 1.5);
    // Bigger font size on Tablet / Desktop
    @media screen and (min-width: @screen-sm) {
      font-size: floor(@font-size-base * 2.15);
    }
  }

  // Home Jumbotron
  .jumbotron {
    background-color: transparent;
    position: relative;
    margin-bottom: 0;
  }



  // 
  // HOME SPOTLIGHTS
  // ---------------------------------------------------------

  // Spotlight 1
  // -----------
  .t3-sl-1 {
    padding: 0;
    background: @t3-spotlight-background;
    color: @t3-spotlight-text-color;
    border-bottom: 1px solid @t3-border-color;
    // jumbotron
    .jumbotron {
      border-radius: 0;
      //jumbotron btn
      .btn {
        margin-top: @line-height-computed;
      }
    }
  }


  // Spotlight 2
  // -----------
  .t3-sl-2 {
    text-align: center;

    .img-responsive {
      display: inline-block;
    }

    p {
      // Bigger Font size in Tablet / Desktop
      @media screen and (min-width: @screen-sm) {
        font-size: @t3-font-size-bigger;
        line-height: floor(@t3-font-size-bigger * @line-height-base);
      }
    }
  }


  // Spotlight 3 & 4
  // ---------------
  .t3-sl-3 p > img {
    margin-top: @line-height-computed;
    @media screen and (min-width: @screen-md) {
      margin-top: 0;
    }
  }


  .t3-sl-3,
  .t3-sl-4 {
    border-top: 1px solid @t3-border-color;
    text-align: center;

    p {
      // Bigger Font size in Tablet / Desktop
      @media screen and (min-width: @screen-sm) {
        font-size: @t3-font-size-bigger;
        line-height: floor(@t3-font-size-bigger * @line-height-base);
      }
    }

    // Jumbotron Header
    .jumbotron {
      padding-top: 0;

      h1 {
        margin-bottom: @line-height-computed / 2;
        margin-top: 0;
      }

      p {
        font-size: @font-size-large;
        line-height: 1.25;
        color: @gray-light;
        // Bigger Font size in Tablet / Desktop
        @media screen and (min-width: @screen-sm) {
          font-size: ceil(@font-size-base * 1.5);
        }
      }

    }

  }


  // Spotlight 5
  // -----------
  .t3-sl-5 {
    background: @t3-spotlight-background;
    color: @t3-spotlight-text-color;
    border-top: 1px solid @t3-border-color;
    padding: 0;

    // jumbotron
    .jumbotron {
      border-radius: 0;
      margin-bottom: 0;
    }
  }

// End Home Spotlight

  .section-inner {
    position: relative;
    margin-top: @t3-global-margin;
    @media screen and (min-width: @screen-md) {
      margin-top: 0;
    }

    @media screen and (max-width: @screen-xs-max) {
      margin-top: 0;
    }

    .acm-countdown {
      @media screen and (min-width: @screen-md) {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
      }
    }
  }
  

  .article-slider {
    padding: @t3-global-padding*2 0;
  }

  .article-featured-slider {


    .post-aside {
      text-transform: uppercase;
      font-size: @font-size-base;
      color: lighten(@text-color, 10%);
    }

    .post-title {
      line-height: 1;
    }
  }


  // Event Slider

  .event-featured-slider {
    .event-item {
      background: @white;
      color: @text-color;
    }

    .owl-carousel .owl-pagination {
      bottom: -@t3-global-padding;
    }
  }

  // Home Slideshow
  .acm-slideshow {

    .owl-carousel {
      .item {
        .slider-content {
          .item-desc {
            font-size: @font-size-h2;
             @media screen and (max-width: @screen-xs-max){
              font-size: @font-size-h4;
            }
          }

          .item-title {
            font-size: @font-size-h1*1.25;
             @media screen and (max-width: @screen-xs-max){
              font-size: @font-size-h2;
            }
          }
        }
      }
    }
    
  }
}