/* HELM-339: Loctite Responsive Website | Accordion | Teasers are not loaded under accordion component */
#ui .ui-accordion-content .teaser {
  height: 246px !important;
}
  #ui .ui-accordion-content .teaser .image {
    position: absolute;
    bottom: 0;
    left: 0;
  }

@media screen and (min-width: 641px) and (max-width: 1024px) {
  #ui .ui-accordion-content .teaser .image {
    height: 115px;
  }
  #ui .ui-accordion-content .teaser .rendermode_imageLast .button {
    bottom: 100px;
  }
}

/* HELM-354: Responsive: Product page lightbox images are not sized correctly */
@media screen and (min-width: 641px) {
  #ui .textimage.image-left > .image {
    width: auto;
  }
}


/* HELM-352: Product Details | H1 and H2 styling missing */
.productpage #ui .stage {
  min-height: 0px;
  margin-bottom: 0;
}
  .productpage #ui .stage .textblockWrapper .textblock {
    margin-bottom: 40px;
  }
  
@media screen and (min-width: 641px) {
  .productpage #ui .stage {
    width: 66%;
  }
}


@media screen and (min-width: 641px) and (max-width: 1024px) {
  #ui .productdetails .jump {
    padding-left: 0;
  }
}


/** Stop stretching teaser images to 100% width;
 *  allow them to overflow .image instead but
 *  vertically center them.
 */
#ui .teaser .image img {
  height: 100%;
  min-height: 100%;
  width: auto;
  min-width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
@media screen and (max-width: 640px) {
  #ui .teaser .image img {
    height: auto;
    width: 100%;
  }
}


/* HELM-357 | Further fixes as per Berndts PPT */

/* Page 02 | Landing page: spacing between the stage image and the logo  */
#ui #header {
  margin-bottom: 0;
}
.homepage #ui #main #j-content {
  position: absolute;
}
@media screen and (min-width: 641px) {
  #ui #header .logo {
    margin-bottom: 0;
  }
  #ui .carousel2 .image img {
    margin: 0;
  }
}

/* Page 03 | Product page: spacing */
@media screen and (min-width: 641px) {
  .productpage #ui .textimage h3 {
    margin-bottom: 0;
  }
  .productpage #ui .textimage li {
    padding-bottom: 0;
  }
}

/* Page 04 | Product pages: pointed corners and shadows */
#ui #sidebar-right .teaser,
#ui #sidebar-right .teaser .rendermode_imageLast, 
#ui #sidebar-right .teaser .rendermode_imageFirst,
#ui #sidebar-right .teaser .rendermode_imageLast .image,
#ui #sidebar-right .teaser .rendermode_imageFirst .image {
  border-radius: 0
}

/* Page 05 | Mouse over underlines copy in carousel */
#ui .nav-carousel ul li a span.navigationtitle {
  margin: 10px 0;
  line-height: 1;
}
#ui .nav-carousel ul li a:hover {
  text-decoration: none;
}

/* Page 06 | Teaser Gallery */
@media screen and (min-width: 1025px) {
#ui .teasergallery li {
  padding-left: 0;
}


/* Fix for height adjustment for video on homepage */
#ui .carousel2 .video .contentvideoplayer .screen > div > div {
  padding-bottom: 330px !important;
}


/* HELM-363: Stretching for the youtube component */
#ui .youtube .preview {
  width: 100%;
}