/* -------------------------------- 

Slider CSS

-------------------------------- */

.carousel-item {
  /*height: 100vh;*/
  height: 100%;
  background: no-repeat top center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (max-width: 980px){
    .carousel-item { 
      padding-top: 60px; /* 70px; */
      min-height: 20%;
      background: no-repeat center center scroll;
    }    
}
@media screen and (max-width: 640px){
    .carousel-item h1 { font-size: 4em; } 
    .carousel-item {
      width: 140% !important;
      margin-right: -140% !important;
      left: -18% !important;
    }       
}

/*
.carousel-item {
  $carousel-control-color:             $white;
  $carousel-control-width:             15%;
  $carousel-control-opacity:           .5;
  $carousel-control-hover-opacity:     .9;
  $carousel-control-transition:        opacity .15s ease;

  $carousel-indicator-width:           30px;
  $carousel-indicator-height:          3px;
  $carousel-indicator-hit-area-height: 10px;
  $carousel-indicator-spacer:          3px;
  $carousel-indicator-opacity:         .5;
  $carousel-indicator-active-bg:       $white;
  $carousel-indicator-active-opacity:  1;
  $carousel-indicator-transition:      opacity .6s ease;

  $carousel-caption-width:             70%;
  $carousel-caption-color:             $white;
  $carousel-caption-padding-y:         1.25rem;
  $carousel-caption-spacer:            1.25rem;

  $carousel-control-icon-width:        2rem;

  $carousel-control-prev-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>");
  $carousel-control-next-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");

  $carousel-transition-duration:       .6s;
  $carousel-transition:                transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)

  $carousel-dark-indicator-active-bg:  $black;
  $carousel-dark-caption-color:        $black;
  $carousel-dark-control-icon-filter:  invert(1) grayscale(100);
}
*/