/**
 * @file
 * Gallery Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */
/**
 * Convert px to em
 * Stolen from https://github.com/stubbornella/oocss, modified with default value
 *
 * @param $px - the value in pixel you want to convert
 * @param $context - the context in pixel e.g. you want to set margin on your text,
 * and font size on your text is equivalent to 14px, then your context is 14.
 */
/**
 * Override moblle padding
 */
/* line 12, ../sass/gallery.scss */
#galleriffic {
  padding-top: 1.5em;
  position: relative;
  width: 100%;
}
/* line 17, ../sass/gallery.scss */
#galleriffic #caption {
  float: left;
  margin-bottom: 2em;
  padding-bottom: 3em;
  width: 100%;
}
@media (min-width: 48em) {
  /* line 17, ../sass/gallery.scss */
  #galleriffic #caption {
    border-bottom: 1px solid #7d7d7d;
  }
}
/* line 28, ../sass/gallery.scss */
#galleriffic #thumbs {
  height: auto;
  overflow: hidden;
  padding: 0 3em 0 4.5em;
  width: auto;
}
@media (max-width: 47.9em) {
  /* line 28, ../sass/gallery.scss */
  #galleriffic #thumbs {
    display: none !important;
  }
}
/* line 38, ../sass/gallery.scss */
#galleriffic #thumbs li {
  background: none;
  padding-left: 0;
  padding-right: 0;
}
/* line 45, ../sass/gallery.scss */
#galleriffic a.pageLink.prev {
  display: none;
}
/* line 49, ../sass/gallery.scss */
#galleriffic a.thumb {
  border: 1px solid #fff;
}
@media (min-width: 60em) {
  /* line 52, ../sass/gallery.scss */
  #galleriffic #slideshow {
    height: 500px !important;
  }
}
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 52, ../sass/gallery.scss */
  #galleriffic #slideshow {
    height: 400px !important;
  }
}
@media (min-width: 29.38em) and (max-width: 47.9em) {
  /* line 52, ../sass/gallery.scss */
  #galleriffic #slideshow {
    height: 240px !important;
  }
}
@media (max-width: 29.379em) {
  /* line 52, ../sass/gallery.scss */
  #galleriffic #slideshow {
    height: 175px !important;
  }
}
/* line 68, ../sass/gallery.scss */
#galleriffic #slideshow-container {
  float: none;
  overflow: auto;
  position: relative;
  width: 100%;
}
/* line 75, ../sass/gallery.scss */
#galleriffic #gallery {
  margin: 0 auto;
  padding: 0 4.5em;
}
@media (max-width: 29.379em) {
  /* line 75, ../sass/gallery.scss */
  #galleriffic #gallery {
    padding: 0;
  }
}
/* line 85, ../sass/gallery.scss */
#galleriffic .prev {
  background: transparent url("../images/previous.png") no-repeat left top;
  display: block;
  height: 33px;
  left: 0;
  position: absolute;
  text-indent: -99999px;
  top: 22em;
  width: 33px;
}
@media (max-width: 47.9em) {
  /* line 85, ../sass/gallery.scss */
  #galleriffic .prev {
    top: 9em;
  }
}
/* line 100, ../sass/gallery.scss */
#galleriffic .next {
  background: transparent url("../images/next.png") no-repeat left top;
  display: block;
  height: 33px;
  right: 0;
  position: absolute;
  text-indent: -99999px;
  top: 22em;
  width: 33px;
  z-index: 1000;
}
@media (max-width: 47.9em) {
  /* line 100, ../sass/gallery.scss */
  #galleriffic .next {
    top: 7.5em;
  }
}
/* line 116, ../sass/gallery.scss */
#galleriffic .content a, #galleriffic .navigation a {
  color: transparent;
}