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

// ------------------------------------------------
// CONTAINER SLIDESHOW
// ------------------------------------------------
.acm-container-slide {
  .carousel-inner {
     @media screen and (max-width: @screen-sm-max) {
      height: auto !important; 
    } 

    .section-inner {
    	padding: 0;
    }
  }

  // navigation
  .carousel-indicators {
    bottom: @t3-global-margin / 3;
    margin-bottom: 0;
  }

  .carousel-control {
    background: none;
    display: none;
    font-size: @font-size-h1;
    text-align: center;

  	.fa {
  		position: absolute;
  		top: 50%;
  		margin-top: -(@font-size-h1/2);
      left: 0;
      width: 100%;
  	}

    &.right {
      .fa {
        
      }
    }

    &.left {
      .fa {
      }
    }
  }

   &:hover {
  	.carousel-control {
  		display: block;
  	}
  }
}

// Import Style Less
// --------------------------
@import "style-1.less"; // Import file style-1.less
@import "style-2.less"; // Import file style-2.less
@import "style-3.less"; // Import file style-3.less
@import "style-4.less"; // Import file style-4.less
@import "style-5.less"; // Import file style-5.less