/**
 * Theme overrides
 */

#main {
  padding-top: 0;
}

#main .container {
  padding-bottom: 0 !important;
}

#main .block {
  margin: 0;
}

#footer {
  position: absolute !important;
  bottom: 0 !important;
  width: 100% !important;
}

#lm-mpp-carousel-container input[type="button"] {
  border: 0;
  padding: 3px 5px;
  text-transform: uppercase;
}


/**
 * Template styles
 */

#lm-mpp-carousel-container {
  width: 100%;
  overflow: hidden;
}

#lm-mpp-carousel-container p {
  font-size: 15px;
}

#mpp_carousel_slides {
  height: auto !important;
}

#mpp_carousel_slides .mpp_carousel_slide_wrapper {
  position: relative;
  height: 100%;
}

#mpp_carousel_slides .mpp_carousel_slide_container {
  position: relative;
  overflow: hidden;
  height: 100%;
}

#mpp_carousel_slides .bottom-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 1px solid #dddddd;
  border-width: 1px 0;
  padding: 15px 0;
  background-color: #FFFFFF;
}

#mpp_carousel_slides .has-products-grid {
  overflow: auto;
}

#mpp_carousel_slides .has-products-grid .bottom-slider {
  position: relative;
}

#mpp_carousel_slides .lm_hp_basic_container,
#mpp_carousel_slides .main-container-2col {
  height: 100%;
}

#mpp_carousel_navigation {
  position: fixed;
  right: 1px;
  top: 40%;
  z-index: 9999;
}

#home-prev,
#home-next {
  display: block;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: 0 0;
  /* hide the previous/next text */
  text-indent: -10000px;
  font-size: 0;
  line-height: 0;
}

#home-prev {
  margin-bottom: 2px;
}

#home-prev:hover,
#home-prev.hover,
#home-prev.active {
  background-position: 0 -35px;
}

#home-next {
  background-position: -35px 0;
}

#home-next:hover,
#home-next.hover,
#home-next.active {
   background-position: -35px -35px;
}

#lm-mpp-carousel-container .jcarousel-clip {
  overflow: hidden;
}

#lm-mpp-carousel-container h1.title {
  padding-top: 49px;
}


/*
 * This overwrites a default style from the elcbase theme that places some margin & padding on li's inside blocks.
 */
.block .jcarousel-list li {
  margin: 0;
  padding: 0;
}

/*
 * This prevents jCarousel from floating its slides
 */
#mpp_carousel_slides .jcarousel-item {
  float: none !important;
}


/*
 * Media queries
 */

/*
@media screen and (min-height: 601px) {
  #main {
    padding-top: 0 !important;
  }
}
*/

@media screen and (max-height: 600px) {
  #mpp_carousel_navigation {
    position: absolute;
  }

  #mpp_carousel_slides .mpp_carousel_slide_container {
    top: 0;
  }

  #footer {
    position: static !important;
  }
}