@charset "UTF-8";
@import url(/gemkids_assets/js/vendor/fancybox/jquery.fancybox.css);
/* Reset */
/* A RESET / BASE CSS */
/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* apply a natural box layout model to all elements */
/* line 14, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 20, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 23, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
body {
  line-height: 1; }

/* line 26, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
ol, ul {
  list-style: none; }

/* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 32, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
blockquote:before, blockquote:after {
  content: "";
  content: none; }

/* line 36, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
q:before, q:after {
  content: "";
  content: none; }

/* line 40, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
strong {
  font-weight: 700; }

/* line 47, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
em {
  font-style: italic; }

/* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
a {
  text-decoration: none; }

/* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
html.loading {
  display: none; }

/* line 56, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
.clearfix:after, section.find_my_stone .content_box .find_stone_item_container .find_stone_item:after, section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* MB custom styles */
/* remove highlighting for clickable divs on android devices */
/* line 68, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_reset.scss */
html.touch.-webkit- {
  -webkit-tap-highlight-color: transparent; }

/* Variables aka base.scss */
/*
 * Variables and Mixins 
 * Used only in middleman, not HTML/Webcenter
*/
/* ----- global ----- */
/* Screen size / Breakpoints */
/* rare */
/* larger than tablet */
/* Padding that affects the mobile page layout and also specific nav header elements */
/* ----- Navigation ----- */
/* Carousel */
/* line 71, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_base.scss */
.carousel_container, section.main_feature.timeline {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Mixins */
/* ----- Mixins Utils ----- */
/* Global styles */
/* line 1, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
body, p {
  /* I guess default fonts, brought over from GIA .. unexamined */
  font-family: "report", sans-serif; /* Lato */
  font-weight: 400;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 16px;
  color: #000;
  letter-spacing: normal;
  line-height: normal;
  font-style: normal; }
  /* line 11, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
  body a, p a {
    color: #42a0f2; }

/* 'defaults' - these go across multiple content pages and detail pages - jh 3-11-14 */
/* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
p, .description {
  line-height: 1.4em;
  margin-bottom: 20px; }

/* line 22, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
h2 {
  font-family: "report", sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.1em;
  margin-bottom: 12px; }

/* ---- TEMP --- USE THIS TO TEST FOR INHERITANCE OF FONT STYLES --- REMOVE BEFORE DELIVERY ---- */
/* ---- end TEMP --- USE THIS TO TEST FOR INHERITANCE OF FONT STYLES ---- */
/* placeholders */
/* line 52, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
.classroom-body .classroom-item .title-col .description {
  font-family: "report", sans-serif; /* Lato */
  font-size: 18px;
  font-weight: 400;  
  color: #000; }

/* line 60, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
.info-hero .img-col .hero-img .hotspot, section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .hotspot {
  display: none;
  cursor: pointer;
  border-radius: 50%;
  height: 2px;
  width: 2px;
  background-color: #9de7f5;
  border: 5px solid #0ac4e5;
  background: #9de7f5 url("/gemkids_assets/img/icons/circle-btn-icons@2x.png") no-repeat -86px center;
  background-size: 120px 13px;
  color: black;
  font-size: 30px;
  z-index: 10;
  cursor: pointer;
  position: absolute;
  padding: 15px; }

/* line 73, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
section.content-page .body-col h1, .article-detail-body .title-col p.title {
  font-family: "report", sans-serif;
  font-size: 36px;
  font-weight: 300;
  color: #2d2d2d;
  line-height: 1.2em; }
  @media screen and (min-width: 769px) {
    /* line 73, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
    section.content-page .body-col h1, .article-detail-body .title-col p.title {
      font-size: 42px; } }

/* line 82, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
section.content-page .body-col p, .article-detail-body .img-col .description {
  font-family: "report", sans-serif; /* Lato */
  font-size: 16px;
  color: #000;
  font-weight: 400; }

/* line 88, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
section.content-page .body-col .image-with-caption .caption, section.content-page .body-col .video .caption, .article-detail-body .img-col .caption {
  font-family: "report", sans-serif; /* Lato */
  font-size: 16px;
  color: #919191;
  font-weight: 400; }

/* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
section.main_feature .carousel_items .carousel_item .title-col a.link, section.resources-hero .column-container .title-col a.link, section.classroom_teaser .column-container .title-col a.link, .activities_teaser a.link, .activities_body a.link {
  display: inline-block;
  cursor: pointer;
  margin: 0;
  font-family: "report", sans-serif; /* Nanami-Rounded-Med */
  font-size: 18px;
  font-weight: 600;
  text-transform: lowercase;
  color: #39c; }
  @media screen and (min-width: 480px) {
    /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
    section.main_feature .carousel_items .carousel_item .title-col a.link, section.resources-hero .column-container .title-col a.link, section.classroom_teaser .column-container .title-col a.link, .activities_teaser a.link, .activities_body a.link {
      font-size: 21px; } }
  @media screen and (min-width: 600px) {
    /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
    section.main_feature .carousel_items .carousel_item .title-col a.link, section.resources-hero .column-container .title-col a.link, section.classroom_teaser .column-container .title-col a.link, .activities_teaser a.link, .activities_body a.link {
      font-size: 19px; } }
  @media screen and (min-width: 769px) {
    /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
    section.main_feature .carousel_items .carousel_item .title-col a.link, section.resources-hero .column-container .title-col a.link, section.classroom_teaser .column-container .title-col a.link, .activities_teaser a.link, .activities_body a.link {
      font-size: 18px; } }
  @media screen and (min-width: 1024px) {
    /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
    section.main_feature .carousel_items .carousel_item .title-col a.link, section.resources-hero .column-container .title-col a.link, section.classroom_teaser .column-container .title-col a.link, .activities_teaser a.link, .activities_body a.link {
      font-size: 24px; } }
  /* line 115, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
  .no-touch section.main_feature .carousel_items .carousel_item .title-col a.link:hover, section.main_feature .carousel_items .carousel_item .title-col .no-touch a.link:hover, .no-touch section.resources-hero .column-container .title-col a.link:hover, section.resources-hero .column-container .title-col .no-touch a.link:hover, .no-touch section.classroom_teaser .column-container .title-col a.link:hover, section.classroom_teaser .column-container .title-col .no-touch a.link:hover, .no-touch .activities_teaser a.link:hover, .activities_teaser .no-touch a.link:hover, .no-touch .activities_body a.link:hover, .activities_body .no-touch a.link:hover {
    color: #005e8f; }
  /* line 118, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
  section.main_feature .carousel_items .carousel_item .title-col a.link:after, section.resources-hero .column-container .title-col a.link:after, section.classroom_teaser .column-container .title-col a.link:after, .activities_teaser a.link:after, .activities_body a.link:after {
    content: " ›"; }

/* no one knows if this is useful.. it is a reset of sorts */
/* line 125, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
section {
  padding: 0;
  margin: 0;
  text-align: center; }

/* Good for screen readers, keep it, we are using it for logos and such */
/* line 132, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
.skip-to-content {
  font-size: 16px;
  position: absolute;
  top: -999999px;
  left: -999999px; }

/* 
 * Keep me
 * A column-container is used to auto-set internal elements to inline-block
 * (for responsive rows of content)
 * .. a relic of GIA.edu, but we based our HTML on theirs, so...
*/
/* line 145, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_core.scss */
.column-container > * {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1; }

/* Placeholders for color of bodies */
/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
body.content_body #middle-area, body#story #middle-area, body#about #middle-area, body#contact_us #middle-area, body#contact_submitted #middle-area, body#sitemap #middle-area, body#classroom_resources #middle-area, body#classroom_detail #middle-area, body#activity_detail #middle-area, body#search_results #middle-area {
  background-color: #fff; }

/* line 9, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
body #middle-area {
  background-color: #2d2d2d; }

/* DEFAULTS - used for Resource and Miscellaneous pages */
/* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
body #upper-area {
  background: #cccccc url("/gemkids_assets/img/global/header-bg-rays-goodstuff-misc-sm.gif") repeat center top; }
  @media screen and (min-width: 769px) {
    /* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
    body #upper-area {
      background: #f2f9dd url("/gemkids_assets/img/global/header-bg-rays-goodstuff-misc.gif") repeat center top; } }

/* Each page gets it's background set here */
/* yellow sunrays */
/* line 31, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
body.gem_body #upper-area, body#view_all_gems #upper-area, body#find_my_gem #upper-area, body#find_my_gem_results #upper-area, body#gem_gallery #upper-area, body#gem_gallery_detail #upper-area, body#gem_info #upper-area, body#gem_map #upper-area, body#gem_microscope #upper-area {
  background: #ccf1f8 url("/gemkids_assets/img/global/header-bg-rays-gemstones.gif") repeat center top;
  background-size: 2500px 700px; }

/* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
body#gemstones_index #upper-area {
  background: #ccf1f8 url("/gemkids_assets/img/global/header-bg-rays-gemstones.gif") repeat center top; }
  @media screen and (min-width: 2200px) {
    /* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
    body#gemstones_index #upper-area {
      background: white; } }

/* line 47, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
body#gemstone_timeline #upper-area {
  background: #ccf1f8 url("/gemkids_assets/img/global/header-bg-rays-gemstones.gif") repeat center top; }
  @media screen and (min-width: 2200px) {
    /* line 47, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
    body#gemstone_timeline #upper-area {
      background: white; } }

/* line 57, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
body.jewelry_body #upper-area, body#view_all_jewelry #upper-area, body#jewelry_info #upper-area, body#jewelry_gallery #upper-area, body#jewelry_gallery_detail #upper-area, body#jewelry_timeline #upper-area {
  background: #ccf1f8 url("/gemkids_assets/img/global/header-bg-rays-jewelry.gif") repeat center top; }
  @media screen and (min-width: 2200px) {
    /* line 57, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_backgrounds.scss */
    body.jewelry_body #upper-area, body#view_all_jewelry #upper-area, body#jewelry_info #upper-area, body#jewelry_gallery #upper-area, body#jewelry_gallery_detail #upper-area, body#jewelry_timeline #upper-area {
      background: white; } }

/* white solid */
/* PLACEHOLDERS */
/* %content, etc. gives any content the default side padding and width for proper display */
/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#global-header-container, #upper-area #upper-page-container, #middle-area #middle-page-container, #lower-area #lower-page-container, .classroom-header, .search-results-header, .simple-section-header-divider-container .simple-section-header-divider, #recommendations-container, #global-footer-container {
  width: 100%;
  padding: 0 10px; }
  @media screen and (min-width: 480px) {
    /* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #global-header-container, #upper-area #upper-page-container, #middle-area #middle-page-container, #lower-area #lower-page-container, .classroom-header, .search-results-header, .simple-section-header-divider-container .simple-section-header-divider, #recommendations-container, #global-footer-container {
      padding: 0 18px; } }
  @media screen and (min-width: 769px) {
    /* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #global-header-container, #upper-area #upper-page-container, #middle-area #middle-page-container, #lower-area #lower-page-container, .classroom-header, .search-results-header, .simple-section-header-divider-container .simple-section-header-divider, #recommendations-container, #global-footer-container {
      padding: 0 50px; } }
  @media screen and (min-width: 1024px) {
    /* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #global-header-container, #upper-area #upper-page-container, #middle-area #middle-page-container, #lower-area #lower-page-container, .classroom-header, .search-results-header, .simple-section-header-divider-container .simple-section-header-divider, #recommendations-container, #global-footer-container {
      padding: 0 100px; } }

/* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
body#story #middle-area #middle-page-container, body#about #middle-area #middle-page-container, body#contact_us #middle-area #middle-page-container, body#contact_submitted #middle-area #middle-page-container, body#classroom_detail #middle-area #middle-page-container, body#activity_detail #middle-area #middle-page-container, body#gem_gallery_detail #middle-area #middle-page-container, body.content_page #middle-area #middle-page-container {
  /* .. full width mobile pages like about us (see below) need to set gutters internally */
  width: 100%;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 480px) {
    /* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    body#story #middle-area #middle-page-container, body#about #middle-area #middle-page-container, body#contact_us #middle-area #middle-page-container, body#contact_submitted #middle-area #middle-page-container, body#classroom_detail #middle-area #middle-page-container, body#activity_detail #middle-area #middle-page-container, body#gem_gallery_detail #middle-area #middle-page-container, body.content_page #middle-area #middle-page-container {
      padding-left: 18px;
      padding-right: 18px; } }
  @media screen and (min-width: 769px) {
    /* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    body#story #middle-area #middle-page-container, body#about #middle-area #middle-page-container, body#contact_us #middle-area #middle-page-container, body#contact_submitted #middle-area #middle-page-container, body#classroom_detail #middle-area #middle-page-container, body#activity_detail #middle-area #middle-page-container, body#gem_gallery_detail #middle-area #middle-page-container, body.content_page #middle-area #middle-page-container {
      padding-left: 50px;
      padding-right: 50px; } }
  @media screen and (min-width: 1024px) {
    /* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    body#story #middle-area #middle-page-container, body#about #middle-area #middle-page-container, body#contact_us #middle-area #middle-page-container, body#contact_submitted #middle-area #middle-page-container, body#classroom_detail #middle-area #middle-page-container, body#activity_detail #middle-area #middle-page-container, body#gem_gallery_detail #middle-area #middle-page-container, body.content_page #middle-area #middle-page-container {
      padding-left: 100px;
      padding-right: 100px; } }

/* END PLACEHOLDERS */
/* MAIN LAYOUT CONTAINERS */
/* header */
/* line 42, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#global-header-container {
  position: absolute;
  left: 0px;
  width: 100%;
  z-index: 20;
  top: 10px; }
  @media screen and (min-width: 480px) {
    /* line 42, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #global-header-container {
      top: 18px; } }
  @media screen and (min-width: 480px) {
    /* line 42, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #global-header-container {
      top: 18px; } }
  @media screen and (min-width: 769px) {
    /* line 42, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #global-header-container {
      padding: 0 50px; } }
  @media screen and (min-width: 1024px) {
    /* line 42, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #global-header-container {
      top: 35px; } }
  /* line 62, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
 /* #global-header-container #global-header {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto; }
  @media screen and (min-width: 1024px) {    
    #global-header-container #global-header {
      display: flex;
      justify-content: flex-start;
      align-items: center; } }*/

/* new nav max-width styles */

#global-header #appmenu .menuitem {
  margin-left: 15px;
}

#global-header-container #global-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: .75rem;
  padding-right: .75rem;
}

@media screen and (max-width: 576px) {
  #global-header-container #global-header {
    max-width: 100%;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #global-header-container #global-header {
    max-width: 540px;
  }
}

@media screen and (min-width: 768px) and (max-width: 919px) {
  #global-header-container #global-header {
    max-width: 720px;
  }
}

@media screen and (min-width: 920px) and (max-width: 1199px) {
  #global-header-container #global-header {
    max-width: 960px;
    padding-left:0;
    padding-right: 0
  }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  #global-header-container #global-header {
    max-width: 1140px;
  }
}

@media screen and (min-width: 1400px) {
  #global-header-container #global-header {
    max-width: 1320px;
    justify-content: space-between;
  }
}


  

/* expanding nav */
/* line 70, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#expanding-mobile-menu-container {
  position: relative;
  overflow: hidden;
  background-color: white;
  height: 0;
  transition: all 0.25s ease-out;
  z-index: 30; }

/* upper area */
/* line 80, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#upper-area {
  position: relative; }
  /* line 84, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
  #upper-area #upper-page-container #upper-page-canvas {
    width: 100%; }

/* middle area */
/* line 92, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#middle-area {
  background-color: #2d2d2d;
  position: relative; }
  /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
  #middle-area #middle-page-container {
    padding-bottom: 28px;
    padding-top: 23px; }
    @media screen and (min-width: 769px) {
      /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
      #middle-area #middle-page-container {
        padding-top: 33px;
        padding-bottom: 38px; } }
    /* line 104, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #middle-area #middle-page-container #middle-page-canvas {
      width: 100%;
      max-width: 1180px;
      margin-left: auto;
      margin-right: auto; }

/*  ... Wide on Mobile: An override to allow 100% wide images, etc. on mobile */
/* lower area */
/* line 123, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#lower-area {
  background-color: #333; }
  /* line 127, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
  #lower-area #lower-page-container #lower-page-canvas {
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto; }

/* page dividers */
/* line 137, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#upper-page-divider, #lower-page-divider {
  position: relative;
  bottom: 0;
  width: 100%;
  height: auto; }

/* line 143, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
.page-divider {
  /* this is the simple gray line */
  background-color: #ccc;
  height: 8px; }

/* line 148, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
.page-divider-dark {
  /* this is the simple gray line */
  background-color: #000;
  height: 6px; }

/* line 154, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#lower-page-divider {
  position: absolute; }

/*
 * Y POSITION of the TOP DIVIDERS / SIZE of UPPER CANVAS SPACE
 *
 * First we set the default size of the top canvas
 * Then we adjust each dividers' (there are 6 total)
 * relationship to that canvas
 */
/* line 165, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#upper-page-canvas {
  /* This changes the default top area height (z-index'd beneath the header) */
  min-height: 56px; }
  @media screen and (min-width: 480px) {
    /* line 165, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #upper-page-canvas {
      min-height: 70px; } }
  @media screen and (min-width: 769px) {
    /* line 165, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #upper-page-canvas {
      min-height: 86px; } }
  @media screen and (min-width: 1024px) {
    /* line 165, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
    #upper-page-canvas {
      min-height: 120px; } }

/* ... and specific upper dividers */
/* line 179, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#upper-page-divider {
  /* NOTE: cannot manipulate the gemstones-index mini-explorer here, it is set up differently */ }
  /* line 180, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
  #upper-page-divider .page-divider, #upper-page-divider .simple-section-header-divider-container, #upper-page-divider .search-results-header, #upper-page-divider .classroom-header {
    margin-top: 0px; }
  /* line 183, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
  #upper-page-divider .section-nav-module {
    /* Trying to keep the Y placement of this consistent across desktop and across mobile - bm */
    margin-top: -50px; }
    @media screen and (min-width: 480px) {
      /* line 183, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
      #upper-page-divider .section-nav-module {
        margin-top: -64px; } }
    @media screen and (min-width: 769px) {
      /* line 183, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
      #upper-page-divider .section-nav-module {
        margin-top: 4px; } }
    @media screen and (min-width: 1024px) {
      /* line 183, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
      #upper-page-divider .section-nav-module {
        margin-top: -30px; } }

/* ... and specific lower dividers */
/* line 201, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#lower-page-divider .page-divider {
  margin-top: 0px; }
/* line 204, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
#lower-page-divider #mini-explorer {
  margin-top: 0px; }

/* All carousels in the upper area are full width with a background */
/* line 212, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
body #upper-area #upper-page-container {
  /* override content placeholder */
  padding: 0; }
  /* line 216, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
  body #upper-area #upper-page-container #upper-page-canvas #mini-explorer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: auto;
    z-index: 20; }
/* line 225, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_layouts.scss */
body #upper-area #middle-area {
  display: none; }

/* BUTTON STYLES */
/* ----- NEW BUTTON STYLES ( 12/2/13 ) ----- */
/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
.submit-button, .filter-btn {
  font-family: "report", sans-serif;
  font-weight: 300;
  text-align: center;
  color: white;
  margin-left: auto;
  margin-right: auto;
  display: block;
  cursor: pointer; }

/* ----- END BUTTON STYLES ( 12/2/13 ) ----- */
/*on dark bg: off: #4eb8d1; over: #8cd5e6. on light bg: off: #4eb8d1; over: #248ea7 */
/* line 18, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
.submit-button {
  background-color: #4eb8d1;
  text-transform: lowercase;
  font-size: 20px;
  font-weight: 700;
  border-radius: 6px;
  padding: 12px 8px;
  width: 108px;
  /* default for the word 'submit', override if necessary */
  margin-right: auto;
  margin-left: auto; }
  /* line 24, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
  .no-touch .submit-button:hover {
    background-color: #248ea7; }
  /* line 27, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
  .submit-button a {
    color: white;
    padding: 10px; }

/* .button-action is on search results page */
/* line 40, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
.download-button, .button-action {
  font-family: "report", sans-serif; /* Lato */
  width: 100%;
  font-weight: 400;
  background-color: #4eb8d1;
  color: #fff;
  border-radius: 6px;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  margin: 6px 0; }
  /* line 51, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
  .download-button a, .button-action a {
    display: block;
    color: #fff;
    padding: 10px; }

/* line 58, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
.button-action {
  padding: 10px;
  font-family: "report", sans-serif;
  text-transform: lowercase;
  font-size: 19px;
  font-weight: 100; }

/* filter buttons */
/* line 67, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
.filter-btn {
  font-family: "report", sans-serif; /* Lato */
  font-weight: 200;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #666;
  background-color: #333;
  display: inline-block;
  padding: 9px 16px;
  margin: 0 -2px;
  border: 1px #000 solid; }
  /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
  .no-touch .filter-btn:hover {
    color: #ccc;
    background-color: #222; }

/* line 89, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
.filter-btn:active {
  color: #fff;
  background-color: #222; }

/* line 93, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
.filter-btn.current {
  color: #fff;
  background-color: #000;
  cursor: default; }

/* filter bar (first/last buttons are rounded) */
/* line 100, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
.filter-btn-bar {
  text-align: center;
  /* This padding is default, override in glossary and similar pages, would require html change - bm */
  padding: 25px 0 0px 0; }
  @media screen and (min-width: 769px) {
    /* line 100, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
    .filter-btn-bar {
      padding: 33px 0 3px 0; } }
  /* line 107, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
  .filter-btn-bar .filter-btn:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px; }
  /* line 111, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
  .filter-btn-bar .filter-btn:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px; }
  /* line 115, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_button.scss */
  .filter-btn-bar .filter-btn {
    border-radius: 0; }

/**
 * Default DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */
/* line 13, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_container {
  background-color: #f5f5f5;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  /* line 21, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_container:focus {
    outline: 0; }
  /* line 24, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_container a {
    cursor: pointer;
    text-decoration: none; }

/* line 31, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_toggle {
  border: 1px solid #ccc;
  color: #333;
  padding: 7px 45px 7px 10px;
  text-shadow: #fff 1px 1px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  transition: border-color .5s;
  position: relative;
  min-width: 85px;
  /* mb_added, because display:none form sets width to 0 */ }
  /* line 45, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_toggle:hover {
    border-color: #8c8c8c; }
  /* line 48, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_toggle:after {
    position: absolute;
    top: 45%;
    right: 10px;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4B4B4B; }

/* Applied when the dropdown is focused */
/* line 60, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_focus .dk_toggle {
  border-color: #40b5e2;
  box-shadow: 0 0 5px #40b5e2;
  -moz-box-shadow: 0 0 5px #40b5e2;
  -webkit-box-shadow: 0 0 5px #40b5e2; }

/* Applied whenever the dropdown is open */
/* line 69, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_open {
  box-shadow: 0 0 5px #40b5e2;
  -moz-box-shadow: 0 0 5px #40b5e2;
  -webkit-box-shadow: 0 0 5px #40b5e2;
  /**
  * Help: Dropdown menu is covered by something
  * Try setting this value higher
  */
  z-index: 10; }
  /* line 78, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_open .dk_toggle {
    background-color: #ececec;
    border-color: #8c8c8c;
    color: #ccc;
    box-shadow: inset 0 -2px 5px #ccc;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0; }

/* The outer container of the options */
/* line 90, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_options {
  background: #fefefe;
  /* Removes transparent background on iOS5+ scroll */
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px; }
  /* line 98, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #999;
    font-weight: bold;
    padding: 8px 10px; }
  /* line 105, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_options a:hover,
  .dk_options .dk_option_current a {
    background-color: #0084c7;
    border-bottom-color: #004c72;
    color: #fff;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0; }
  /* line 112, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_options li:last-child a {
    border-bottom: none; }
  /* line 115, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_options .disabled {
    cursor: default; }
    /* line 117, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
    .dk_options .disabled a {
      color: #aaa; }
    /* line 120, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
    .dk_options .disabled:hover, .dk_options .disabled:hover a {
      cursor: default;
      background-color: #fff;
      border-bottom-color: #999;
      text-shadow: none; }

/* Inner container for options, this is what makes the scrollbar possible. */
/* line 129, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_options_inner {
  max-height: 250px;
  border: 1px solid #8c8c8e;
  border-bottom-width: 2px;
  border-bottom-color: #999;
  color: #333;
  text-shadow: #fff 0 1px 0;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px; }

/******  End Theme ******/
/***** Critical to the continued enjoyment of working dropdowns ******/
/* line 145, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_container {
  display: none;
  float: left; }
  /* line 148, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_container a {
    outline: 0; }

/* line 153, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  position: relative;
  zoom: 1; }

/* line 161, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_open {
  position: relative; }
  /* line 163, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_open .dk_options {
    display: block; }
  /* line 166, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_open .dk_label {
    color: inherit; }

/* line 171, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%; }
  /* line 177, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_options a, .dk_options a:link, .dk_options a:visited {
    display: block; }

/* line 182, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_options_inner {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch; }

/* Hides only dropkick <select> instances */
/* line 190, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_container select {
  position: absolute;
  top: -99999em;
  visibility: hidden; }

/*  nativeMobile override */
/* line 197, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
.dk_mobile {
  position: relative; }
  /* line 199, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/dropkick.scss */
  .dk_mobile select {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; }

/***** End Critical to the continued enjoyment of working dropdowns ******/
/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */
/* Invisible left hotspot */
/* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/smoothDivScroll.css */
div.scrollingHotSpotLeft {
  	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
      and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
  min-width: 75px;
  width: 10%;
  height: 100%;
  	/* There is a big background image and it's used to solve some problems I experienced
      in Internet Explorer 6. */
  background-image: url(../images/big_transparent.gif);
  background-repeat: repeat;
  background-position: center center;
  position: absolute;
  z-index: 200;
  left: 0;
  /*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
  cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur), w-resize; }

/* Visible left hotspot */
/* line 26, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/smoothDivScroll.css */
div.scrollingHotSpotLeftVisible {
  background-image: url(../images/arrow_left.gif);
  background-color: #fff;
  background-repeat: no-repeat;
  opacity: 0.35;
  /* Standard CSS3 opacity setting */
  -moz-opacity: 0.35;
  /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
  filter: alpha(opacity=35);
  /* Opacity for Internet Explorer. */
  zoom: 1;
  /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ }

/* Invisible right hotspot */
/* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/smoothDivScroll.css */
div.scrollingHotSpotRight {
  min-width: 75px;
  width: 10%;
  height: 100%;
  background-image: url(../images/big_transparent.gif);
  background-repeat: repeat;
  background-position: center center;
  position: absolute;
  z-index: 200;
  right: 0;
  cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur), e-resize; }

/* Visible right hotspot */
/* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/smoothDivScroll.css */
div.scrollingHotSpotRightVisible {
  background-image: url(../images/arrow_right.gif);
  background-color: #fff;
  background-repeat: no-repeat;
  opacity: 0.35;
  filter: alpha(opacity=35);
  -moz-opacity: 0.35;
  zoom: 1; }

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
/* line 67, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/smoothDivScroll.css */
div.scrollWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }

/* line 75, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/plugins/smoothDivScroll.css */
div.scrollableArea {
  position: relative;
  width: auto;
  height: 100%; }

/* Header styles */
/* Rest of page */
/* Modules */
/* 
 * SITE GLOBAL HEADER 
 * Floating, transparent header at top of page 
 */
/* placeholder for menu button */
/* line 8, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_header.scss */
header#global-header .header-menu-button-container, .expanding-menu-button-container {
  position: absolute;
  z-index: 100;
  background: url("/gemkids_assets/img/icons/mobile-menu-icon@2x.png") center center no-repeat;
  background-size: 25px 14px; }
  @media screen and (min-width: 1024px) {
    /* line 8, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_header.scss */
    header#global-header .header-menu-button-container, .expanding-menu-button-container {
      display: none; } }
  /* line 16, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_header.scss */
  header#global-header .header-menu-button-container a.menu_button, .expanding-menu-button-container a.menu_button {
    display: block;
    height: 38px;
    width: 38px; }

/* end placeholder */
/* line 26, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_header.scss */
header#global-header {
  position: relative;
  /* DESKTOP NAV */
  /* MOBILE MENU ICON */
  /* MOVE STYLING TO NAV, POSITIONING CAN BE HERE */
  /* all LOGO styling in logo.scss */ }
  /* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_header.scss */
  header#global-header .header-nav-container { 
    position: relative; }  
    @media screen and (min-width: 1024px) { 
      header#global-header .header-nav-container {
        position: static; } }
  /* line 42, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_header.scss */
  header#global-header .header-menu-button-container {
    top: 0px;
    right: 0px; }
/* 
 * _nav.scss
 * navigation styles
*/
/* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
#global_nav_container {
  -webkit-font-smoothing: antialiased;
  visibility: hidden; }
  @media screen and (min-width: 1024px) {
    /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    #global_nav_container {
      visibility: visible; } }
  /* line 16, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
  #global_nav_container.isReady {
    visibility: visible; }    
/* ----- EXPANDING MOBILE NAV (MENU & BUTTON) ----- */
/* line 24, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
.expanding-menu-button-container {
  top: 10px;
  right: 10px; }
  @media screen and (min-width: 480px) {
    /* line 24, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    .expanding-menu-button-container {
      top: 18px;
      right: 18px; } }
  @media screen and (min-width: 769px) {
    /* line 24, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    .expanding-menu-button-container {
      /* top: 18px; */
      right: 50px; } }
  /* line 36, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
  .expanding-menu-button-container a.menu_button {
    display: block;
    height: 38px;
    width: 38px; }

/* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
#expanding-mobile-menu-container .expanding_mobile_menu {
  padding: 10px 0; }
  @media screen and (min-width: 480px) {
    /* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    #expanding-mobile-menu-container .expanding_mobile_menu {
      padding: 18px 0; } }
  /* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
  #expanding-mobile-menu-container .expanding_mobile_menu .logo-container {
    margin-left: 10px; }
    @media screen and (min-width: 480px) {
      /* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      #expanding-mobile-menu-container .expanding_mobile_menu .logo-container {
        margin-left: 18px; } }
    @media screen and (min-width: 769px) {
      /* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      #expanding-mobile-menu-container .expanding_mobile_menu .logo-container {
        margin-left: 50px; } }
  /* line 60, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
  #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container {
    padding-top: 15px;
    /* ANIMATION */
    /* STYLING */ }
    @media screen and (min-width: 769px) {
      /* line 60, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container {
        padding-top: 10px; } }
    /* line 67, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container #global_nav_container, #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container .global_subnav_container {
      height: 0;
      overflow: hidden;
      transition: height 0.25s ease-out; }
    /* line 74, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container #global_nav_container ul#nav {
      margin: 0 auto;
      width: 100%; }
        /* line 79, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
        #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container #global_nav_container ul#nav > li a {
          font-family: "report", sans-serif;
          color: black;
          font-size: 19px;
          font-weight: 300;
          width: 90%;
          display: block;
          height: 100%;
          padding: 16px 12px;
          text-transform: lowercase; }
          #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container #global_nav_container ul#nav > li {
            border-top: #8C7E7E solid 1px; }          
          @media screen and (min-width: 480px) {
            /* line 79, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
            #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container #global_nav_container ul#nav > li a {
              padding: 16px 20px; } }
          @media screen and (min-width: 769px) {
            /* line 79, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
            #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container #global_nav_container ul#nav > li a {
              padding: 16px 20px 16px 50px; } }          
    /* line 98, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container #global_nav_container .global_subnav_container .contracted {
      height: 0 !important; }
    /* line 103, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container #global_nav_container .global_subnav_container li {
      padding: 0 0 0 16px;
      margin: 0; }
      /* line 106, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      #expanding-mobile-menu-container .expanding_mobile_menu #mobile-nav-container #global_nav_container .global_subnav_container li a {
        padding: 8px 0 8px 16px;
        font-size: 19px !important;
        color: #777777 !important;
        text-transform: lowercase; }

/*  DESKTOP NAV */
/* line 124, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
#desktop-nav-container #global_nav_container {
  font-family: "report", sans-serif;
  font-weight: 300;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  top: 0;
  height: auto !important;
  z-index: 20;
  /* PERSISTENT NAV */ }
  /* line 136, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
  #desktop-nav-container #global_nav_container ul#nav {
    background: transparent; }
    /* line 138, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    #desktop-nav-container #global_nav_container ul#nav > li {
      height: auto !important;
      width: auto;
      min-width: 160px;
      display: inline-block;
      border: 3px rgba(102, 102, 102, 0.35) solid;
      border-radius: 25px;
      font-family: "report", sans-serif;
      font-size: 18px;
      font-weight: 300;
      line-height: 21px;
      vertical-align: top;
      overflow: hidden;
      /* SUBNAV */
      /* On hover, show subnav */ }
      /* line 150, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      #desktop-nav-container #global_nav_container ul#nav > li + li {
        margin-left: 8px; }
      @media screen and (min-width: 1180px) {
        /* line 154, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
        #desktop-nav-container #global_nav_container ul#nav > li + li {
          margin-left: 20px; } }
      /* line 156, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      #desktop-nav-container #global_nav_container ul#nav > li.current, .no-touch #desktop-nav-container #global_nav_container ul#nav > li:hover {
        background-color: #b0b0b0;
        border-color: rgba(102, 102, 102, 0); }
      /* line 160, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      #desktop-nav-container #global_nav_container ul#nav > li.current {
        background-color: rgba(102, 102, 102, 0.35); }
      /* line 163, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      .no-touch #desktop-nav-container #global_nav_container ul#nav > li:hover {
        background-color: rgba(176, 176, 176, 0.9);
        border-radius: 20px; }
      /* line 167, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      #desktop-nav-container #global_nav_container ul#nav > li a {
        display: block;
        padding: 8px 16px 7px;
        text-transform: lowercase;
        text-decoration: none;
        color: black; }
        /* line 173, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
        .no-touch #desktop-nav-container #global_nav_container ul#nav > li a:hover {
          background-color: #e0e0e0; }
      /* line 183, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      .no-touch #desktop-nav-container #global_nav_container ul#nav > li:hover ul.subnav {
        display: block; }
      /* line 187, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      #desktop-nav-container #global_nav_container ul#nav > li .global_subnav_container {
        height: auto !important; }
      /* line 190, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
      #desktop-nav-container #global_nav_container ul#nav > li ul.subnav {
        display: none;
        height: auto; }
        /* line 194, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
        #desktop-nav-container #global_nav_container ul#nav > li ul.subnav li a {
          padding: 8px 0;
          font-size: 17px; }
        /* line 198, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
        #desktop-nav-container #global_nav_container ul#nav > li ul.subnav li a:last-child {
          padding-bottom: 10px; }

/* line 208, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
#expanding-mobile-menu-container {
  height: 0; }

@media screen and (min-width: 1024px) {
  /* line 212, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
  .no-touch #expanding-mobile-menu-container {
    height: 0 !important; } }

/* ----- end MOBILE MENU CLASS ----- */
/* ----- DESKTOP MENU CLASS ----- */
/* ----- end DESKTOP MENU ONLY ----- */
/* NAVIGATION ARROWS */
/* line 239, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
#global_nav_container .arrow_box {
  width: 40px;
  height: 100%;
  cursor: pointer;
  float: right;
  padding: 12px 12px;
  top: 8px;
  right: 0;
  position: relative;
  margin-right: 8px; 
  background-color: transparent;
  border: none;
}
  @media screen and (min-width: 480px) {
    /* line 239, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    #global_nav_container .arrow_box {
      margin-right: 16px; } }
  @media screen and (min-width: 769px) {
    /* line 239, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    #global_nav_container .arrow_box {
      margin-right: 50px; } }
  @media screen and (min-width: 1024px) {
    /* line 239, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
    #global_nav_container .arrow_box {
      display: none; } }
  /* line 258, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
  #global_nav_container .arrow_box .arrow_down {
    width: 16px;
    height: 11px;
    background: url("/gemkids_assets/img/icons/mobile-menu-downarrow@2x.png") center center no-repeat;
    background-size: 16px 11px;
    float: left; }
  /* line 265, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_nav.scss */
  #global_nav_container .arrow_box.reverse .arrow_down {
    transform: rotate(-180deg);
    right: -3px; }

/* LOGO- */
/* line 3, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_logo.scss */
.logo-container {
  z-index: 1001;
  text-indent: -9999em;
  width: 105px;
  height: 35px;
  /* transform: translateY(-5px); */
  background: transparent url("/gemkids_assets/img/global/logo-gemkids@2x.png") no-repeat center;
  background-size: contain; }
  /* line 11, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_logo.scss */
  .logo-container a.logo {
    display: block;
    width: 100%;
    height: 100%; }

  @media all and (min-width: 1024px) and (max-width: 1265px) {
    /*#global-header-container #global-header {
      max-width: 1008px; }*/
      #global-header .logo-container {
        /* width: 115px;  */
        /* height: 38px; */
       transform: translateY(-5px);
        margin-right: 10px; }
      #global-header #appmenu .menuitem {
        font-size: 14px;
        min-width: 150px;
        line-height: 30px;
        margin-left: 8px;
      }
      #global-header #appmenu .menuitem:last-child {
        min-width: 160px;
      }      
      #global-header #appmenu ul li {
        font-size: 14px;
      }
    }

  @media screen and (min-width: 1265px) {
    #global-header .logo-container {
      width: 180px;
      height: 60px;
      transform: translateY(-5px);      
      margin-right: 10px; } }  

/* SEARCH CSS */
/* header search 
* moves to mobile nav on mobile sized screens
* both desktop and mobile are styled here
*/
/* line 9, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
.header-search-container, #mobile-search-container {
  display: none; }
  /* line 11, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
  .header-search-container .search_icon, #mobile-search-container .search_icon {
    float: right;
    cursor: pointer; }
    /* line 14, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
    .header-search-container .search_icon img, #mobile-search-container .search_icon img {
      max-width: 28px;
      max-height: 28px;
      margin-top: 6px; }
  /* line 20, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
  .header-search-container form, #mobile-search-container form {
    position: relative;
    overflow: hidden;
    /* placeholder is the default text in an input box */ }
    @media screen and (min-width: 480px) {
      /* line 20, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
      .header-search-container form, #mobile-search-container form {
        width: 60%;
        margin: 0 auto; } }
    @media screen and (min-width: 769px) {
      /* line 20, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
      .header-search-container form, #mobile-search-container form {
        width: 40%; } }
    /* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_utils.scss */
    .header-search-container form ::-webkit-input-placeholder, #mobile-search-container form ::-webkit-input-placeholder {
      padding: 0 0 0 5px;
      font-size: 15px; }
    /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_utils.scss */
    .header-search-container form :-moz-placeholder, #mobile-search-container form :-moz-placeholder {
      padding: 0 0 0 5px;
      font-size: 15px; }
    /* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_utils.scss */
    .header-search-container form ::-moz-placeholder, #mobile-search-container form ::-moz-placeholder {
      padding: 0 0 0 5px;
      font-size: 15px; }
    /* line 8, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_utils.scss */
    .header-search-container form :-ms-input-placeholder, #mobile-search-container form :-ms-input-placeholder {
      padding: 0 0 0 5px;
      font-size: 15px; }
    /* line 36, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
    .header-search-container form #search-value, #mobile-search-container form #search-value {
      border: 2px rgba(102, 102, 102, 0.35) solid;
      appearance: none;
      -webkit-appearance: none;
      height: 36px;
      width: 100%;
      font-family: "report", sans-serif; /* Lato */
      font-size: 16px;
      font-weight: 400;
      border-radius: 24px;
      padding: 0 18% 0px 12px; }
      @media screen and (min-width: 769px) {
        /* line 36, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
        .header-search-container form #search-value, #mobile-search-container form #search-value {
          border: 3px rgba(102, 102, 102, 0.35) solid;
          height: 42px;
          float: left;
          margin-right: 12px; } }
      @media screen and (min-width: 1024px) {
        /* line 36, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
        .header-search-container form #search-value, #mobile-search-container form #search-value {
          padding-right: 15%; } }
    /* line 56, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
    .header-search-container form #global-search-form-submit, #mobile-search-container form #global-search-form-submit {
      /* the magnifying glass submit button */
      background: url("/gemkids_assets/img/icons/search-icon-sm@2x.png") no-repeat 10px 11px transparent;
      background-size: 18px 18px;
      position: absolute;
      right: 6px;
      top: -2px;
      border: medium none;
      cursor: pointer;
      height: 36px;
      width: 36px;
      padding: 0;
      margin: 0;
      float: right; }
      @media screen and (min-width: 769px) {
        /* line 56, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
        .header-search-container form #global-search-form-submit, #mobile-search-container form #global-search-form-submit {
          background-position: 11px 13px;
          background-size: 20px 20px; } }

/* handle display of desktop search */
@media screen and (min-width: 1024px) {
  /* line 78, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
  .no-touch .header-search-container, .no-touch #mobile-search-container {
    display: block;
    right: 0px;
    top: 0px;
    margin: 10px 0 0 0;
    width: 180px;
    position: absolute; }
    /* line 89, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
    .no-touch .header-search-container form, .no-touch #mobile-search-container form {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%; } }
  @media screen and (min-width: 1024px) and (min-width: 1180px) {
    /* line 78, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
    .no-touch .header-search-container, .no-touch #mobile-search-container {
      width: 250px; } }

/* the search form in the mobile nav li */
/* line 100, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
#mobile-search-container {
  border-top: 1px solid #dadada;
  padding: 15px 12px 15px;
  display: block; }

@media screen and (min-width: 1024px) {
  /* line 106, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
  .no-touch #mobile-search-container {
    display: none; } }

/* mobile search container should never display on desktop */
/* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
#desktop-nav-container #global_nav_container ul#nav li#mobile-search-container {
  display: none; }

/* body search */
/* line 119, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
.body-search-container {
  position: relative;
  padding: 0;
  margin: 0;
  text-align: right; }
  /* line 124, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
  .body-search-container form.search-box {
    text-align: center; }
    /* line 126, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
    .body-search-container form.search-box input.search-input {
      display: inline-block;
      border-radius: 6px;
      width: 300px;
      padding: 14px;
      font-size: 16px;
      margin: 0 8px 0 0;
      border: none; }
      /* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_utils.scss */
      .body-search-container form.search-box input.search-input ::-webkit-input-placeholder {
        padding: 0 0 0 5px;
        font-size: 15px; }
      /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_utils.scss */
      .body-search-container form.search-box input.search-input :-moz-placeholder {
        padding: 0 0 0 5px;
        font-size: 15px; }
      /* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_utils.scss */
      .body-search-container form.search-box input.search-input ::-moz-placeholder {
        padding: 0 0 0 5px;
        font-size: 15px; }
      /* line 8, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_utils.scss */
      .body-search-container form.search-box input.search-input :-ms-input-placeholder {
        padding: 0 0 0 5px;
        font-size: 15px; }
    /* line 139, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
    .body-search-container form.search-box .submit-button {
      display: inline-block;
      border: none;
      padding: 11px;
      width: 65px;
      margin: 0;
      vertical-align: top; }

/* Search results form */
/* line 158, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
.search-results-header .page-header-container form.search-box .search-input {
  width: 75%; }
  @media screen and (min-width: 769px) {
    /* line 158, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
    .search-results-header .page-header-container form.search-box .search-input {
      width: 200px; } }
  @media screen and (min-width: 1024px) {
    /* line 158, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
    .search-results-header .page-header-container form.search-box .search-input {
      width: 300px; } }
/* line 169, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
.search-results-header .page-header-container form.search-box .submit-button {
  width: 18%; }
  @media screen and (min-width: 1024px) {
    /* line 169, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search.scss */
    .search-results-header .page-header-container form.search-box .submit-button {
      width: 65px; } }

/* PAGE HEADER CSS START */
/* Page header is generally at the top of 'middle-section' and below upper area  */
/* The page header nav styles */
/* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
#info-header, #glossary-header, #activities-header {
  margin-top: 12px; }
  @media screen and (min-width: 769px) {
    /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
    #info-header, #glossary-header, #activities-header {
      margin-top: 44px; } }
  @media screen and (min-width: 1024px) {
    /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
    #info-header, #glossary-header, #activities-header {
      margin-top: 44px; } }
  /* line 15, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
  #info-header .filter-btn-bar, #glossary-header .filter-btn-bar, #activities-header .filter-btn-bar {
    /* overriding defaults */
    padding: 0; }
  /* line 21, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
  #info-header .page-header-container .page-header-nav, #glossary-header .page-header-container .page-header-nav, #activities-header .page-header-container .page-header-nav {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      /* line 21, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
      #info-header .page-header-container .page-header-nav, #glossary-header .page-header-container .page-header-nav, #activities-header .page-header-container .page-header-nav {
        width: auto; } }
    /* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
    #info-header .page-header-container .page-header-nav .page-header-nav-button, #glossary-header .page-header-container .page-header-nav .page-header-nav-button, #activities-header .page-header-container .page-header-nav .page-header-nav-button {
      cursor: pointer;
      border-radius: 50%;
      height: 45px;
      width: 45px;
      background-color: #333333;
      border: 2px solid black;
      overflow: hidden; }
      /* line 33, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
      #info-header .page-header-container .page-header-nav .page-header-nav-button + .page-header-nav-button, #glossary-header .page-header-container .page-header-nav .page-header-nav-button + .page-header-nav-button, #activities-header .page-header-container .page-header-nav .page-header-nav-button + .page-header-nav-button {
        margin-left: 6px; }
      /* line 36, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
      #info-header .page-header-container .page-header-nav .page-header-nav-button h2, #glossary-header .page-header-container .page-header-nav .page-header-nav-button h2, #activities-header .page-header-container .page-header-nav .page-header-nav-button h2 {
        display: none; }
        @media screen and (min-width: 769px) {
          /* line 36, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
          #info-header .page-header-container .page-header-nav .page-header-nav-button h2, #glossary-header .page-header-container .page-header-nav .page-header-nav-button h2, #activities-header .page-header-container .page-header-nav .page-header-nav-button h2 {
            font-family: "report", sans-serif; /* Nanami-Rounded-Book */
            font-size: 20px;
            font-weight: 600;            
            display: block;
            float: left;
            color: #dcdcdc;
            padding-top: 13px;
            text-transform: uppercase;
            margin-right: 5px;
            margin-left: 6px; } }
      /* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
      #info-header .page-header-container .page-header-nav .page-header-nav-button.current, #glossary-header .page-header-container .page-header-nav .page-header-nav-button.current, #activities-header .page-header-container .page-header-nav .page-header-nav-button.current {
        width: auto;
        border-radius: 22px;
        background-color: black;
        pointer-events: none;
        cursor: default; }
        @media screen and (min-width: 769px) {
          /* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
          #info-header .page-header-container .page-header-nav .page-header-nav-button.current, #glossary-header .page-header-container .page-header-nav .page-header-nav-button.current, #activities-header .page-header-container .page-header-nav .page-header-nav-button.current {
            padding-right: 12px; } }
  /* line 62, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
  #info-header .page-header-container .page-header, #glossary-header .page-header-container .page-header, #activities-header .page-header-container .page-header {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0px; }
    @media screen and (min-width: 1024px) {
      /* line 62, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
      #info-header .page-header-container .page-header, #glossary-header .page-header-container .page-header, #activities-header .page-header-container .page-header {
        width: auto;
        margin-right: 10px; } }
    /* line 72, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
    #info-header .page-header-container .page-header h1, #glossary-header .page-header-container .page-header h1, #activities-header .page-header-container .page-header h1 {
      /* reusable header responsive styles */
      text-align: center;
      font-family: "report", sans-serif; /* Nanami-Rounded-Bld */
      font-size: 35px;
      font-weight: 700;
      color: #fff;
      text-transform: uppercase;
      line-height: 1.2em;
      margin: 0; }
      @media screen and (min-width: 769px) {
        /* line 72, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
        #info-header .page-header-container .page-header h1, #glossary-header .page-header-container .page-header h1, #activities-header .page-header-container .page-header h1 {
          font-size: 42px; } }
      @media screen and (min-width: 1024px) {
        /* line 72, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
        #info-header .page-header-container .page-header h1, #glossary-header .page-header-container .page-header h1, #activities-header .page-header-container .page-header h1 {
          font-size: 38px;
          margin: 4px 0 0 0;
          max-width: none; } }

/* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
#info-header {
  /* the icons in the circle page-header-nav */ }
  /* line 97, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
  #info-header .icon {
    float: left;
    height: 40px;
    width: 40px;
    background: transparent url("/gemkids_assets/img/icons/gemtype-nav-icons@2x.png") no-repeat;
    background-size: 160px 80px; }

/* Special header styling for specific pages */
@media screen and (min-width: 1024px) {
  /* line 107, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
  #glossary-header .page-header-container {
    padding: 0 5.5% 0 5.2%; } }

/* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
#activities-header {
  /* matching the width of the body here, unsure how Activities grid gets managed -bm */
  /* 
   * Justin: Managing the activities header to match the others, but it has to deal
   * with it's dropkick field which complicates things. Others could be 
   * refactored to accomodate, but only if you're bored. -bm
   */
  margin-top: 4px; }
  @media screen and (min-width: 600px) {
    /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
    #activities-header {
      margin-left: 13px;
      margin-right: 13px; } }
  @media screen and (min-width: 1180px) {
    /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
    #activities-header {
      margin-left: 14px;
      margin-right: 14px; } }
  @media screen and (min-width: 600px) {
    /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
    #activities-header {
      margin-top: 37px; } }
  @media screen and (min-width: 600px) {
    /* line 134, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
    #activities-header .page-header-container .page-header-nav {
      width: auto;
      margin-bottom: 12px; } }
  /* line 139, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
  #activities-header .page-header-container .page-header-nav form {
    display: inline-block;
    margin: 0 auto;
    width: 100%; }
    @media screen and (min-width: 600px) {
      /* line 139, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
      #activities-header .page-header-container .page-header-nav form {
        width: 256px;
        max-width: 256px; } }
  /* line 149, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
  #activities-header .page-header-container .page-header {
    text-align: left;
    margin-left: 0;
    margin-bottom: 20px;
    width: auto; }
    @media screen and (min-width: 600px) {
      /* line 149, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
      #activities-header .page-header-container .page-header {
        float: left;
        margin-bottom: 0px;
        margin-top: 6px;
        margin-right: 10px; } }
    /* line 162, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
    #activities-header .page-header-container .page-header h1 {
      font-size: 23px; }
      @media screen and (min-width: 600px) {
        /* line 162, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
        #activities-header .page-header-container .page-header h1 {
          font-size: 38px;
          margin: 4px 0 0 0;
          max-width: none; } }

/* Gem Info/Microscope/Gallery/Map Nav buttons */
/* line 176, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
#info-page-header-nav-button .icon {
  background-position: 0px -40px; }
/* line 179, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
.no-touch #info-page-header-nav-button:hover .icon, #info-page-header-nav-button.current .icon {
  background-position: 0px 0px; }

/* line 185, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
#microscope-page-header-nav-button .icon {
  background-position: -40px -40px; }
/* line 188, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
.no-touch #microscope-page-header-nav-button:hover .icon, #microscope-page-header-nav-button.current .icon {
  background-position: -40px 0px; }

/* line 194, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
#gallery-page-header-nav-button .icon {
  background-position: -80px -40px; }
/* line 197, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
.no-touch #gallery-page-header-nav-button:hover .icon, #gallery-page-header-nav-button.current .icon {
  background-position: -80px 0px; }

/* line 202, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
#map-page-header-nav-button .icon {
  background-position: -120px -40px; }
/* line 205, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header.scss */
.no-touch #map-page-header-nav-button:hover .icon, #map-page-header-nav-button.current .icon {
  background-position: -120px 0px; }

/* End page header nav styles */
/* PAGE HEADER CSS END */
/* PAGE HEADER DIVIDER CSS START */
/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
.classroom-header, .search-results-header {
  background-color: #2d2d2d;
  width: 100%; }
  /* line 9, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
  .classroom-header .page-header-container, .search-results-header .page-header-container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 40px 0; }
  /* line 15, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
  .classroom-header .page-header-container, .search-results-header .page-header-container {
    overflow: hidden;
    text-align: left; }
    /* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
    .classroom-header .page-header-container .page-header, .search-results-header .page-header-container .page-header {
      width: 100%;
      margin: 0 auto 30px auto; }
      @media screen and (min-width: 769px) {
        /* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
        .classroom-header .page-header-container .page-header, .search-results-header .page-header-container .page-header {
          float: left;
          width: 60%;
          margin-right: 20px;
          margin-bottom: 0;
          text-align: left; } }
      /* line 30, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
      .classroom-header .page-header-container .page-header h1, .search-results-header .page-header-container .page-header h1 {
        font-family: "report", sans-serif; /* Nanami-Rounded-Bld */
        font-size: 36px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 12px; }
        @media screen and (min-width: 769px) {
          /* line 30, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
          .classroom-header .page-header-container .page-header h1, .search-results-header .page-header-container .page-header h1 {
            font-size: 50px; } }
      /* line 40, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
      .classroom-header .page-header-container .page-header p, .classroom-header .page-header-container .page-header a, .search-results-header .page-header-container .page-header p, .search-results-header .page-header-container .page-header a {
        font-family: "report", sans-serif; /* Lato */
        font-weight: 400;
        font-size: 18px; }
      /* line 45, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
      .classroom-header .page-header-container .page-header p, .search-results-header .page-header-container .page-header p {
        color: #fff;
        margin-bottom: 20px; }
      /* line 49, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
      .classroom-header .page-header-container .page-header a.page-header-link, .search-results-header .page-header-container .page-header a.page-header-link {
        color: #39c1e3; }
        /* line 51, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
        .classroom-header .page-header-container .page-header a.page-header-link:after, .search-results-header .page-header-container .page-header a.page-header-link:after {
          content: " ›"; }

/* Search Results header ---- */
/* line 62, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
.search-results-header .page-header-container {
  padding: 38px 0 30px 0; }
  @media screen and (min-width: 769px) {
    /* line 62, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
    .search-results-header .page-header-container {
      padding: 50px 0 15px 0; } }
  /* line 67, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
  .search-results-header .page-header-container .page-header {
    margin-bottom: 0;
    margin-right: 0;
    width: 100%; }
    @media screen and (min-width: 769px) {
      /* line 67, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
      .search-results-header .page-header-container .page-header {
        width: auto;
        margin-bottom: 27px; } }
    /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
    .search-results-header .page-header-container .page-header h1 {
      text-align: center;
      font-size: 24px; }
      @media screen and (min-width: 480px) {
        /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
        .search-results-header .page-header-container .page-header h1 {
          font-size: 35px; } }
      @media screen and (min-width: 769px) {
        /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
        .search-results-header .page-header-container .page-header h1 {
          text-align: left;
          font-size: 45px; } }
      @media screen and (min-width: 1024px) {
        /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
        .search-results-header .page-header-container .page-header h1 {
          text-align: left;
          font-size: 50px; } }
/* line 93, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
.search-results-header .page-header-aside {
  width: 100%;
  margin: 0 auto;
  display: block; }
  @media screen and (min-width: 480px) {
    /* line 93, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
    .search-results-header .page-header-aside {
      max-width: 500px; } }
  @media screen and (min-width: 769px) {
    /* line 93, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
    .search-results-header .page-header-aside {
      width: auto;
      float: right; } }

/* Classroom Results header ---- */
/* line 111, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
.classroom-header .page-header-container .page-header h1 {
  text-align: left; }
/* line 114, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
.classroom-header .page-header-container .page-header-box {
  background-color: #444;
  padding: 16px;
  border-radius: 3px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    /* line 114, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
    .classroom-header .page-header-container .page-header-box {
      width: 35%;
      float: right; } }
  /* line 125, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
  .classroom-header .page-header-container .page-header-box h1 {
    font-family: "report", sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #d9e49a;
    margin: 10px 0;
    letter-spacing: 1px;
    text-transform: uppercase; }
  /* line 133, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
  .classroom-header .page-header-container .page-header-box p, .classroom-header .page-header-container .page-header-box a {
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400;
    font-size: 16px; }
  /* line 139, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
  .classroom-header .page-header-container .page-header-box p {
    color: #fff;
    margin: 20px 0; }
  /* line 143, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
  .classroom-header .page-header-container .page-header-box a.page-header-link {
    color: #39c1e3;
    display: block;
    margin-bottom: 12px; }
    /* line 147, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_page_header_divider.scss */
    .classroom-header .page-header-container .page-header-box a.page-header-link:after {
      content: " ›"; }

/* PAGE HEADER DIVIDER CSS END */
/* UPPER AREA styles */
/* mostly responsive solutions for the 3 types of uppera areas */
/* About us, Contact us etc. */
/*
 * PLACEHOLDER: Allows these pages to be set to 100% wide in mobile, but only
 * really allow the images to go this wide, everything else sets its own margin; 
 * -- also used for classroom and activities detail --
 */
/* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
section.content-page .body-col > *, section.content-page .info-col > *, .article-detail-body .title-col > *, .article-detail-body .img-col > * {
  display: block;
  margin-right: 10px;
  margin-left: 10px; }
  @media screen and (min-width: 480px) {
    /* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col > *, section.content-page .info-col > *, .article-detail-body .title-col > *, .article-detail-body .img-col > * {
      margin-right: 0;
      margin-left: 0; } }
/* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
section.content-page .body-col > .image-with-caption, section.content-page .info-col > .image-with-caption, .article-detail-body .title-col > .image-with-caption, .article-detail-body .img-col > .image-with-caption, section.content-page .body-col > .video, section.content-page .info-col > .video, .article-detail-body .title-col > .video, .article-detail-body .img-col > .video {
  margin-right: 0;
  margin-left: 0; }
  /* line 22, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
  section.content-page .body-col > .image-with-caption .caption, section.content-page .info-col > .image-with-caption .caption, .article-detail-body .title-col > .image-with-caption .caption, .article-detail-body .img-col > .image-with-caption .caption, section.content-page .body-col > .video .caption, section.content-page .info-col > .video .caption, .article-detail-body .title-col > .video .caption, .article-detail-body .img-col > .video .caption {
    margin-right: 10px;
    margin-left: 10px; }
    @media screen and (min-width: 480px) {
      /* line 22, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      section.content-page .body-col > .image-with-caption .caption, section.content-page .info-col > .image-with-caption .caption, .article-detail-body .title-col > .image-with-caption .caption, .article-detail-body .img-col > .image-with-caption .caption, section.content-page .body-col > .video .caption, section.content-page .info-col > .video .caption, .article-detail-body .title-col > .video .caption, .article-detail-body .img-col > .video .caption {
        margin-right: 0;
        margin-left: 0; } }

/* vrule, which is also hrule on mobile */
/* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
.vrule {
  background-color: #ccc;
  /* hrule */
  height: 2px;
  width: 94%;
  margin: 20px 0; }
  @media screen and (min-width: 480px) {
    /* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    .vrule {
      /* hrule with no gutter */
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 600px) {
    /* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    .vrule {
      /* vrule instead of hrule */
      width: 2px;
      margin: 0 14px; } }

/* columns */
/* line 55, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
section.content-page {
  margin-top: 22px;
  margin-bottom: 22px;
  /* Larger Content Area */
  /* Smaller "sidebar" Area */ }
  /* line 60, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
  section.content-page .body-col {
    text-align: left;
    width: 100%; }
    /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col ul {
      list-style: square; }
      /* line 65, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      section.content-page .body-col ul li {
        margin-left: 40px; }
    /* line 69, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col form {
      text-align: left; }
    @media screen and (min-width: 600px) {
      /* line 60, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      section.content-page .body-col {
        width: 67%;
        float: left; } }
    /* line 77, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col h1 {
      /* core.scss */
      margin-bottom: 9px;
      text-align: left; }
    /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col h2 {
      padding-top: 12px;
      /* margin doesn't respond until > 22px, so using padding */
      margin-bottom: 22px;
      text-align: left;
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400;
      font-size: 28px;
      color: #000; }
    /* line 93, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col p {
      /* core.scss */
      margin-bottom: 20px;
      text-align: left; }
    /* line 99, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col .image-with-caption, section.content-page .body-col .video {
      margin: 22px 0;
      width: 100%; }
      /* line 102, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      section.content-page .body-col .image-with-caption img, section.content-page .body-col .video img {
        width: 100%; }
      /* line 106, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      section.content-page .body-col .image-with-caption .caption, section.content-page .body-col .video .caption {
        /* core.scss */
        margin-top: 8px;
        text-align: left; }
    /* line 116, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col form .label {
      margin-bottom: 8px;
      font-family: "report", sans-serif; /* Lato */
      font-size: 15px;
      font-weight: 400;      
      color: #4e4e4e; }
      /* line 122, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      section.content-page .body-col form .label .value {
        font-weight: 400; }
    /* line 126, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col form .topic, section.content-page .body-col form input, section.content-page .body-col form textarea {
      margin-bottom: 22px; }
    /* line 129, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col form input, section.content-page .body-col form textarea {
      border: 1px solid #c0c0c0;
      padding: 5px;
      font-size: 20px; }
    /* line 135, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col form .topic .dk_container {
      width: 100%; }
      @media screen and (min-width: 480px) {
        /* line 135, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
        section.content-page .body-col form .topic .dk_container {
          min-width: 360px;
          width: auto; } }
    /* line 143, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col form input {
      border-radius: 6px;
      width: 100%;
      height: 46px; }
      @media screen and (min-width: 480px) {
        /* line 143, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
        section.content-page .body-col form input {
          width: 80%; } }
    /* line 151, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col form textarea {
      border-radius: 6px;
      width: 100%;
      height: 160px; }
      @media screen and (min-width: 480px) {
        /* line 151, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
        section.content-page .body-col form textarea {
          width: 90%;
          height: 80px; } }
    /* line 160, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col form .submit-button {
      margin-top: 10px;
      margin-bottom: 26px; }
    /* line 166, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .body-col .download-button, section.content-page .body-col .button-action {
      width: 40%;
      min-width: 260px; }
      @media screen and (min-width: 769px) {
        /* line 166, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
        section.content-page .body-col .download-button, section.content-page .body-col .button-action {
          width: 100%; } }
  /* line 176, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
  section.content-page .info-col {
    text-align: left;
    width: 100%;
    /* the only thing in info column as of 12/3/14 is partials/info_sidebar  */ }
    @media screen and (min-width: 600px) {
      /* line 176, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      section.content-page .info-col {
        width: 23%;
        float: right; } }
    /* line 189, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .info-col .info-sidebar, section.content-page .info-col .sidebar {
      float: left;
      max-width: 300px;
      line-height: 29px;
      vertical-align: top;
      text-align: left;
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400;
      color: #4e4e4e;
      font-size: 15px; }
      /* line 201, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      section.content-page .info-col .info-sidebar header, section.content-page .info-col .sidebar header {
        margin-bottom: 6px;
        font-family: "report", sans-serif; /* Nanami-Rounded-Book */
        font-size: 16px;
        font-weight: 600;
        color: #2d2d2d;
        text-transform: uppercase;
        text-align: left; }
      /* line 209, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      section.content-page .info-col .info-sidebar .item, section.content-page .info-col .sidebar .item {
        margin-bottom: 26px; }
        /* line 211, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
        section.content-page .info-col .info-sidebar .item:last-child, section.content-page .info-col .sidebar .item:last-child {
          margin-bottom: 0; }
      /* line 215, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      section.content-page .info-col .info-sidebar .image_item, section.content-page .info-col .sidebar .image_item {
        margin-top: 18px;
        margin-bottom: 26px; }
        /* line 218, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
        section.content-page .info-col .info-sidebar .image_item:last-child, section.content-page .info-col .sidebar .image_item:last-child {
          margin-bottom: 0; }
        /* line 221, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
        section.content-page .info-col .info-sidebar .image_item a .caption, section.content-page .info-col .sidebar .image_item a .caption {
          font-family: "report", sans-serif; /* Lato */
          font-weight: 400;
          color: #000;
          font-size: 18px; }
        /* line 227, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
        section.content-page .info-col .info-sidebar .image_item img, section.content-page .info-col .sidebar .image_item img {
          width: 100%; }
    /* line 234, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
    section.content-page .info-col a.global-link:after {
      content: " ›"; }

/* Video in page without title/attribution stuffs*/
/* line 244, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
.body-col .video #player {
  width: 100%;
  /* from gia inline style -- height:580px; */ }
  /* line 247, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
  .body-col .video #player iframe {
    height: 280px; }
    @media screen and (min-width: 480px) {
      /* line 247, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      .body-col .video #player iframe {
        height: 370px; } }
    @media screen and (min-width: 769px) {
      /* line 247, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      .body-col .video #player iframe {
        height: 300px; } }
    @media screen and (min-width: 1024px) {
      /* line 247, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_page.scss */
      .body-col .video #player iframe {
        height: 500px; } }

/*
 * .content_box is a styled box of content like on find_my_stone
 */
/* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_box.scss */
.content_box .content_header {
  background-color: #eee;
  display: block;
  margin-bottom: 20px; }
  @media screen and (min-width: 480px) {
    /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_box.scss */
    .content_box .content_header {
      margin-bottom: 40px; } }
  /* line 13, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_box.scss */
  .content_box .content_header .content_title {
    margin: 8px 5px 2px 12px;
    font-size: 14px;
    line-height: 16px;
    width: 25%;
    text-align: left;
    font-weight: 700;
    color: #333;
    float: left; }
    @media screen and (min-width: 480px) {
      /* line 13, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_box.scss */
      .content_box .content_header .content_title {
        font-size: 22px;
        width: auto;
        margin: 14px 5px 2px 22px; } }
    @media screen and (min-width: 480px) {
      /* line 13, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_box.scss */
      .content_box .content_header .content_title {
        font-size: 22px;
        width: auto; } }
  /* line 35, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_box.scss */
  .content_box .content_header .content_nav_btns {
    float: right;
    margin: 10px 10px 10px 0;
    font-size: 10px;
    color: #333; }
    /* line 40, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_box.scss */
    .content_box .content_header .content_nav_btns .search-type-btn {
      background-color: #ddd;
      margin: 1px;
      float: right;
      padding: 0px 17px; }
      @media screen and (min-width: 480px) {
        /* line 40, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_box.scss */
        .content_box .content_header .content_nav_btns .search-type-btn {
          padding: 0px 20px; } }
    /* line 49, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_content_box.scss */
    .content_box .content_header .content_nav_btns .active {
      background-color: #aaa; }

/*
 * main_carousel.scss - Previously Gemstones Index Hero - jh 
 *.. could also work for Jewelry in phase II, so this is really "main_feature"
 */
/* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
section.main_feature {
  /*
   * a wrapper div for images 
   * this allows responsive images to expand and contract
   * along with the size of the parent element
   * ALSO in carousel - may need to separate the carousel version - jh
   */
  opacity: 0;
  /* end carousel_items */ }
  /* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  section.main_feature.timeline {
    opacity: 1; }
  /* line 21, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  section.main_feature .carousel_items {
    float: left;
    display: inline;
    padding: 0 0 0 0;
    margin: 0;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    /*apply a transfor to kick in the hardware acceleration.  Without this, the first time we add the transform you get odd rendering of the divs (half missing) */
    -webkit-transform: translate3d(0px, 0px, 0px);
    /*
      Carousel item backgrounds go here - jh
      Vertical Positioning all happens here - bm
    */
    /* end carousel_item */ }
    /* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
    section.main_feature .carousel_items .carousel_item {
      /* 
       * Height and background-size (same for all?)
       */
      height: 600px;
      background-size: 100% !important;
      /* 
       * Margin Top for layout
       * TRY TO REFACTOR OUT or JUSTIFY - bm
       * Should maybe be on a higher level like carousel_container -jh
       */
      /*
       * Top Positioning via padding-top
       *
       *   Justin: This is where you adjust how high/low slides are on the page
       * 
       *   non dropped-out images need more top padding - jh 3-14-14
       */
      /* ------ different types of carousels: image (jewelry and gem timelines), content_page (resource item), homepage_jewelry/homepage_gemstone, jewelry/gemstone --*/
      /*  
       * Default img-col
       *
       *  Justin: This is where we set the image column for items with both image and text columns
       */
      /* 
       * Title-col
       *
       *   Justin: This is the text column (will be overridden below for the content_page/resource item
       * 
       */
      /* title_col */ }
      @media screen and (min-width: 600px) {
        /* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        section.main_feature .carousel_items .carousel_item {
          height: 505px;
          background-size: auto 100% !important; } }
      @media screen and (min-width: 769px) {
        /* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        section.main_feature .carousel_items .carousel_item {
          height: 660px; } }
      @media screen and (min-width: 1024px) {
        /* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        section.main_feature .carousel_items .carousel_item {
          height: 660px; } }
      /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      section.main_feature .carousel_items .carousel_item.content_page .column-container, section.main_feature .carousel_items .carousel_item.image .column-container {
        width: 100%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto; }
        @media screen and (min-width: 600px) {
          /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item.content_page .column-container, section.main_feature .carousel_items .carousel_item.image .column-container {
            width: 75%; } }
        @media screen and (min-width: 1024px) {
          /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item.content_page .column-container, section.main_feature .carousel_items .carousel_item.image .column-container {
            width: 81%; } }
      /* line 88, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      section.main_feature .carousel_items .carousel_item.image {
        padding-top: 70px; }
        @media screen and (min-width: 600px) {
          /* line 88, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item.image {
            padding-top: 90px; } }
        @media screen and (min-width: 769px) {
          /* line 88, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item.image {
            padding-top: 120px; } }
      /* line 97, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      section.main_feature .carousel_items .carousel_item.content_page {
        padding-top: 60px; }
        @media screen and (min-width: 600px) {
          /* line 97, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item.content_page {
            padding-top: 90px; } }
        @media screen and (min-width: 769px) {
          /* line 97, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item.content_page {
            padding-top: 170px; } }
      /* line 106, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      section.main_feature .carousel_items .carousel_item.homepage_jewelry, section.main_feature .carousel_items .carousel_item.homepage_gemstone, section.main_feature .carousel_items .carousel_item.jewelry, section.main_feature .carousel_items .carousel_item.gemstone {
        padding-top: 30px; }
        @media screen and (min-width: 600px) {
          /* line 106, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item.homepage_jewelry, section.main_feature .carousel_items .carousel_item.homepage_gemstone, section.main_feature .carousel_items .carousel_item.jewelry, section.main_feature .carousel_items .carousel_item.gemstone {
            padding-top: 80px; } }
        @media screen and (min-width: 769px) {
          /* line 106, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item.homepage_jewelry, section.main_feature .carousel_items .carousel_item.homepage_gemstone, section.main_feature .carousel_items .carousel_item.jewelry, section.main_feature .carousel_items .carousel_item.gemstone {
            padding-top: 100px; } }
      /* line 116, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      section.main_feature .carousel_items .carousel_item .hero-img {
        position: relative; }
      /* line 129, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      section.main_feature .carousel_items .carousel_item .img-col {
        vertical-align: middle;
        width: 300px;
        padding: 0 25px;
        margin-bottom: 0px;
        margin-top: 0px; }
        @media screen and (min-width: 600px) {
          /* line 129, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item .img-col {
            width: 280px;
            padding: 0;
            margin-top: 0px;
            margin-right: 1%; } }
        @media screen and (min-width: 769px) {
          /* line 129, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item .img-col {
            width: 360px;
            padding: 0;
            margin-top: 0; } }
        @media screen and (min-width: 1024px) {
          /* line 129, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item .img-col {
            width: 450px;
            padding: 0; } }
        /* line 152, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        section.main_feature .carousel_items .carousel_item .img-col img {
          width: 100%; }
      /* line 164, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      section.main_feature .carousel_items .carousel_item .title-col {
        vertical-align: middle;
        width: 300px;
        position: relative;
        padding: 0 6px;
        /* 
        /* This is homepage-gemstone/jewelry-specific, the content-page version is below */ }
        @media screen and (min-width: 600px) {
          /* line 164, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item .title-col {
            padding: 0;
            text-align: left;
            width: 250px;
            margin-left: 0;
            margin-top: 0;
            text-align: left; } }
        @media screen and (min-width: 769px) {
          /* line 164, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item .title-col {
            width: 320px; } }
        /* line 183, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        section.main_feature .carousel_items .carousel_item .title-col .header-super-hero {
          font-size: 40px;
          color: #000;
          letter-spacing: 0px;
          text-transform: uppercase;
          line-height: 1em;
          text-align: center; }
          /* line 184, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item .title-col .header-super-hero.title {
            text-align: center;
            line-height: 1.1em;
            font-family: "report", sans-serif; /* Nanami-Rounded-Bld */
            font-size: 30px;
            font-weight: 700; }
            @media screen and (min-width: 600px) {
              /* line 184, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
              section.main_feature .carousel_items .carousel_item .title-col .header-super-hero.title {
                font-size: 30px;
                text-align: left; } }
            @media screen and (min-width: 769px) {
              /* line 184, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
              section.main_feature .carousel_items .carousel_item .title-col .header-super-hero.title {
                font-size: 40px; } }
            @media screen and (min-width: 1024px) {
              /* line 184, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
              section.main_feature .carousel_items .carousel_item .title-col .header-super-hero.title {
                font-size: 58px; } }
          @media screen and (min-width: 480px) {
            /* line 183, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
            section.main_feature .carousel_items .carousel_item .title-col .header-super-hero {
              text-align: left; } }
        /* line 211, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        section.main_feature .carousel_items .carousel_item .title-col .description, section.main_feature .carousel_items .carousel_item .title-col p.description {
          font-family: "report", sans-serif; /* Lato */
          font-weight: 400;
          color: #000;
          margin: 10px 0 20px 0;
          font-size: 18px;
          letter-spacing: 1px;
          line-height: 1.3em;
          text-align: center; }
          /* line 220, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item .title-col .description a, section.main_feature .carousel_items .carousel_item .title-col p.description a {
            text-decoration: underline;
            font-weight: 400; }
          @media screen and (min-width: 600px) {
            /* line 211, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
            section.main_feature .carousel_items .carousel_item .title-col .description, section.main_feature .carousel_items .carousel_item .title-col p.description {
              text-align: left; } }
          @media screen and (min-width: 769px) {
            /* line 211, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
            section.main_feature .carousel_items .carousel_item .title-col .description, section.main_feature .carousel_items .carousel_item .title-col p.description {
              font-size: 20px;
              margin: 10px 0 30px 0; } }
        /* line 235, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        section.main_feature .carousel_items .carousel_item .title-col .featured-tag {
          text-transform: uppercase;
          letter-spacing: 1px;
          font-family: "report", sans-serif; /* Nanami-Rounded-Book */
          font-size: 20px;
          font-weight: 600;
          color: #39c;
          font-weight: 900;
          margin-bottom: 6px; }
          @media screen and (min-width: 769px) {
            /* line 235, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
            section.main_feature .carousel_items .carousel_item .title-col .featured-tag {
              text-align: left;
              font-size: 25px; } }
        /* line 249, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        section.main_feature .carousel_items .carousel_item .title-col a.link {
          margin: 0;
          float: left; }
          @media screen and (max-width: 480px) {
            /* line 254, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
            section.main_feature .carousel_items .carousel_item .title-col a.link + .link {
              margin-left: 12px; } }
          @media screen and (min-width: 600px) {
            /* line 249, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
            section.main_feature .carousel_items .carousel_item .title-col a.link {
              margin: 0 0 10px 0;
              font-size: 28px;
              float: none;
              display: block; } }
          @media screen and (min-width: 769px) {
            /* line 249, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
            section.main_feature .carousel_items .carousel_item .title-col a.link {
              font-size: 30px; } }
          /* line 267, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
          section.main_feature .carousel_items .carousel_item .title-col a.link.bottom {
            float: right; }
            @media screen and (min-width: 600px) {
              /* line 267, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
              section.main_feature .carousel_items .carousel_item .title-col a.link.bottom {
                margin: 0 12px 0 0;
                float: none;
                font-size: 20px; } }

/* END - main_feature - specific styles */
/* 
 * Image item's image and clickable area 
 *
 * Justin: This is where you adjust the image-only items' specifics
 */
/* line 295, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
.carousel_container .carousel_items .carousel_item.image .img-col {
  width: 91%;
  padding: 0; }
  /* line 298, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  .carousel_container .carousel_items .carousel_item.image .img-col .hero-img {
    position: relative;
    background-size: 60%;
    border-radius: 8px;
    height: 470px; }
    @media screen and (min-width: 600px) {
      /* line 298, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.image .img-col .hero-img {
        height: 333px; } }
    @media screen and (min-width: 769px) {
      /* line 298, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.image .img-col .hero-img {
        height: 409px; } }
    /* line 309, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
    .carousel_container .carousel_items .carousel_item.image .img-col .hero-img .clickable_area {
      cursor: pointer;
      position: relative;
      top: 90px;
      height: 225px;
      width: 100%; }
      @media screen and (min-width: 600px) {
        /* line 309, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        .carousel_container .carousel_items .carousel_item.image .img-col .hero-img .clickable_area {
          top: 88px;
          height: 160px; } }
      @media screen and (min-width: 769px) {
        /* line 309, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        .carousel_container .carousel_items .carousel_item.image .img-col .hero-img .clickable_area {
          height: 190px; } }

/* 
 * CONTENT PAGE item: All internal styles 
 *
 *   currently overriding the defaults for img-col and title-col
 * 
 *   Justin: This is where you edit the content_page/resource item
*/
/* line 335, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
.carousel_container .carousel_items .carousel_item.content_page .column-container {
  padding: 29px 15px;
  /* verify this with the padding-top above, or refactor them together -bm */
  background-color: #d5e385;
  width: 91%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px; }
  @media screen and (min-width: 600px) {
    /* line 335, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
    .carousel_container .carousel_items .carousel_item.content_page .column-container {
      width: auto;
      padding: 24px;
      width: 75%; } }
  @media screen and (min-width: 769px) {
    /* line 335, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
    .carousel_container .carousel_items .carousel_item.content_page .column-container {
      width: 81%; } }
  /* line 350, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  .carousel_container .carousel_items .carousel_item.content_page .column-container .img-col, .carousel_container .carousel_items .carousel_item.content_page .column-container .title-col {
    display: inline-block;
    padding: 0;
    margin-top: 0px; }
  /* line 355, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  .carousel_container .carousel_items .carousel_item.content_page .column-container .img-col {
    margin: 0;
    width: 100%; }
    @media screen and (min-width: 480px) {
      /* line 355, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.content_page .column-container .img-col {
        width: 70%; } }
    @media screen and (min-width: 600px) {
      /* line 355, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.content_page .column-container .img-col {
        width: 50%;
        margin-right: 2%; } }
    @media screen and (min-width: 769px) {
      /* line 355, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.content_page .column-container .img-col {
        width: 50%;
        margin-right: 3%; } }
    @media screen and (min-width: 1024px) {
      /* line 355, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.content_page .column-container .img-col {
        width: 53%;
        margin-right: 3%; } }
  /* line 374, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  .carousel_container .carousel_items .carousel_item.content_page .column-container .title-col {
    width: 100%; }
    @media screen and (min-width: 600px) {
      /* line 374, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.content_page .column-container .title-col {
        width: 47%; } }
    @media screen and (min-width: 769px) {
      /* line 374, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.content_page .column-container .title-col {
        width: 42%; } }
  /* line 383, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  .carousel_container .carousel_items .carousel_item.content_page .column-container .title {
    margin-bottom: 10px; }
    @media screen and (min-width: 600px) {
      /* line 383, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.content_page .column-container .title {
        margin-bottom: 0; } }
  /* line 389, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  .carousel_container .carousel_items .carousel_item.content_page .column-container .header-super-hero.title {
    font-family: "report", sans-serif;
    font-size: 29px;
    font-weight: 300;
    line-height: 40px;
    text-transform: none; }
    @media screen and (min-width: 769px) {
      /* line 389, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.content_page .column-container .header-super-hero.title {
        font-size: 29px;
        line-height: 40px; } }
  /* line 400, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  .carousel_container .carousel_items .carousel_item.content_page .column-container .featured-tag {
    color: #8da11b;
    letter-spacing: 1px;
    font-size: 14px;
    margin-bottom: 10px; }
    @media screen and (min-width: 769px) {
      /* line 400, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.content_page .column-container .featured-tag {
        font-size: 16px; } }
  /* line 409, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  .carousel_container .carousel_items .carousel_item.content_page .column-container .description {
    display: none; }
    @media screen and (min-width: 600px) {
      /* line 409, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .carousel_container .carousel_items .carousel_item.content_page .column-container .description {
        display: block; } }
  /* line 415, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  .carousel_container .carousel_items .carousel_item.content_page .column-container a.link {
    float: none;
    margin: 12px 0 0; }

/* ----- ENDHomepage specific carousel item types -----  */
/* 
 * Footer
 *
 *   dots and arrows 
 */
/* line 433, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
section.main_feature .carousel_container .main_feature_footer {
  /* Carousel Nav: the carousel_nav is absolutely positioned and sent to the back */
  /* carousel nav container is within the main_feature_footer */
  width: 100%;
  bottom: 21px; }
  /* line 440, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
  section.main_feature .carousel_container .main_feature_footer .carousel_nav {
    position: absolute;
    top: 40px;
    left: 0; }
    @media screen and (min-width: 600px) {
      /* line 440, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      section.main_feature .carousel_container .main_feature_footer .carousel_nav {
        top: 0px; } }
    @media screen and (min-width: 769px) {
      /* line 440, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      section.main_feature .carousel_container .main_feature_footer .carousel_nav {
        top: 40px; } }
    /* line 451, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
    section.main_feature .carousel_container .main_feature_footer .carousel_nav .left_nav_area, section.main_feature .carousel_container .main_feature_footer .carousel_nav .right_nav_area {
      cursor: default;
      position: absolute;
      width: 6%;
      height: 600px;
      z-index: 4000; }
      @media screen and (min-width: 1024px) {
        /* line 451, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        section.main_feature .carousel_container .main_feature_footer .carousel_nav .left_nav_area, section.main_feature .carousel_container .main_feature_footer .carousel_nav .right_nav_area {
          width: 15%; } }
    /* line 470, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
    section.main_feature .carousel_container .main_feature_footer .carousel_nav .left_nav_area {
      left: 0; }
    /* line 473, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
    section.main_feature .carousel_container .main_feature_footer .carousel_nav .right_nav_area {
      right: 0; }
    /* line 476, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
    section.main_feature .carousel_container .main_feature_footer .carousel_nav a.prev, section.main_feature .carousel_container .main_feature_footer .carousel_nav a.next {
      cursor: pointer;
      opacity: 0;
      top: 240px;
      position: relative;
      display: inline-block;
      width: 38px;
      height: 65px;
      z-index: 5000;
      /* above everything, but below any popovers */
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer; }
      @media screen and (min-width: 600px) {
        /* line 476, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
        section.main_feature .carousel_container .main_feature_footer .carousel_nav a.prev, section.main_feature .carousel_container .main_feature_footer .carousel_nav a.next {
          opacity: 1; } }
      /* line 492, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      section.main_feature .carousel_container .main_feature_footer .carousel_nav a.prev.disable, section.main_feature .carousel_container .main_feature_footer .carousel_nav a.next.disable {
        visibility: hidden; }
    /* line 496, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
    section.main_feature .carousel_container .main_feature_footer .carousel_nav a.prev {
      background: url("/gemkids_assets/img/gemstones/hero/carousel-arrow-left-default@2x.png") no-repeat;
      background-size: 35px 63px; }
      /* line 500, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .no-touch section.main_feature .carousel_container .main_feature_footer .carousel_nav a.prev:hover {
        background: url("/gemkids_assets/img/gemstones/hero/carousel-arrow-left-hover@2x.png") no-repeat;
        background-size: 35px 63px; }
    /* line 517, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
    section.main_feature .carousel_container .main_feature_footer .carousel_nav a.next {
      background: url("/gemkids_assets/img/gemstones/hero/carousel-arrow-right-default@2x.png") no-repeat;
      background-size: 35px 63px; }
      /* line 520, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel_item.scss */
      .no-touch section.main_feature .carousel_container .main_feature_footer .carousel_nav a.next:hover {
        background: url("/gemkids_assets/img/gemstones/hero/carousel-arrow-right-hover@2x.png") no-repeat;
        background-size: 35px 63px; }

/* 
 * Resources Index Hero
 */
/* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
section.resources-hero {
  padding-top: 68px;
  padding-bottom: 38px; }
  @media screen and (min-width: 480px) {
    /* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
    section.resources-hero {
      padding-top: 86px;
      padding-bottom: 76px; } }
  @media screen and (min-width: 769px) {
    /* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
    section.resources-hero {
      padding-top: 140px;
      padding-bottom: 76px; } }
  /* line 16, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
  section.resources-hero .column-container {
    background-color: #dfec94;
    padding: 10px 10px 30px 10px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    border-radius: 6px;
    position: relative;
    /*
     * a wrapper div for images
     * this allows responsive images to expand and contract
     * along with the size of the parent element
     */ }
    @media screen and (min-width: 600px) {
      /* line 16, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
      section.resources-hero .column-container {
        padding: 24px 20px 30px 20px; } }
    @media screen and (min-width: 769px) {
      /* line 16, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
      section.resources-hero .column-container {
        padding: 20px;
        width: 90%;
        text-align: left; } }
    @media screen and (min-width: 1180px) {
      /* line 16, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
      section.resources-hero .column-container {
        width: 1000px; } }
    /* line 40, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
    section.resources-hero .column-container .img-col {
      width: 100%;
      padding-bottom: 14px;
      margin: 0 auto;
      visibility: hidden; }
      /* line 45, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
      section.resources-hero .column-container .img-col.isReady {
        visibility: visible; }
      @media screen and (min-width: 600px) {
        /* line 40, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .img-col {
          width: 80%; } }
      @media screen and (min-width: 769px) {
        /* line 40, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .img-col {
          width: 48%;
          position: relative;
          padding-bottom: 0;
          visibility: visible; } }
      /* line 58, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
      section.resources-hero .column-container .img-col .hero-img {
        position: relative;
        width: 100%;
        text-align: center; }
        /* line 62, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .img-col .hero-img img {
          width: 100%; }
    /* line 68, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
    section.resources-hero .column-container .featured-tag {
      font-family: "report", sans-serif; /* Nanami-Rounded-Book */
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      color: #8da11b;
      margin-bottom: 14px;
      letter-spacing: .1em; }
      @media screen and (min-width: 600px) {
        /* line 68, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .featured-tag {
          font-size: 16px;
          margin-bottom: 10px; } }
      @media screen and (min-width: 1024px) {
        /* line 68, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .featured-tag {
          margin-bottom: 14px; } }
    /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
    section.resources-hero .column-container .title-col {
      position: relative;
      vertical-align: top;
      /* Sizing and Text Align*/
      text-align: center;
      padding: 4px 10px; }
      @media screen and (min-width: 769px) {
        /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .title-col {
          text-align: left;
          width: 50%;
          padding: 6px 0 0 18px; } }
      @media screen and (min-width: 1024px) {
        /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .title-col {
          padding: 10px 20px 10px 24px; } }
      /* line 99, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
      section.resources-hero .column-container .title-col .header-super-hero {
        font-family: "report", sans-serif; /* Nanami-Rounded-Med */
        font-size: 34px;
        font-weight: 600;
        color: #000;
        line-height: 1em;
        margin-bottom: 12px; }
        @media screen and (min-width: 480px) {
          /* line 99, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
          section.resources-hero .column-container .title-col .header-super-hero {
            font-size: 40px; } }
        @media screen and (min-width: 600px) {
          /* line 99, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
          section.resources-hero .column-container .title-col .header-super-hero {
            margin-bottom: 8px;
            margin-left: -2px;
            font-size: 34px; } }
        @media screen and (min-width: 769px) {
          /* line 99, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
          section.resources-hero .column-container .title-col .header-super-hero {
            font-size: 34px; } }
        @media screen and (min-width: 1024px) {
          /* line 99, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
          section.resources-hero .column-container .title-col .header-super-hero {
            font-size: 60px;
            font-size: 50px; } }
      /* line 122, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
      section.resources-hero .column-container .title-col .pronounciation {
        font-family: "report", sans-serif;
        font-size: 17px;
        letter-spacing: .05em;
        color: #000;
        font-weight: 100;
        margin-bottom: 12px;
        line-height: 1.4em; }
        @media screen and (min-width: 480px) {
          /* line 122, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
          section.resources-hero .column-container .title-col .pronounciation {
            font-size: 18px; } }
        /* line 133, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .title-col .pronounciation b, section.resources-hero .column-container .title-col .pronounciation strong {
          font-family: "report", sans-serif; /* Nanami-Rounded-Med */
          font-weight: 600; }
        /* line 137, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .title-col .pronounciation .audio-button {
          display: inline-block;
          padding: 4px;
          margin-top: -2px; }
          /* line 141, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
          section.resources-hero .column-container .title-col .pronounciation .audio-button img {
            width: 20px;
            height: 18px; }
        /* line 146, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .title-col .pronounciation video {
          display: none; }
      /* line 150, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
      section.resources-hero .column-container .title-col .description {
        font-family: "report", sans-serif; /* Lato */
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 18px;
        line-height: 1.2em;
        color: #000;
        margin: 2px 0 18px 0; }
        /* line 159, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .title-col .description i {
          font-style: italic;
          color: #8da11b; }
        /* line 163, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
        section.resources-hero .column-container .title-col .description a {
          text-decoration: underline;
          font-weight: 400; }
        @media screen and (min-width: 480px) {
          /* line 150, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
          section.resources-hero .column-container .title-col .description {
            font-size: 21px; } }
        @media screen and (min-width: 600px) {
          /* line 150, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
          section.resources-hero .column-container .title-col .description {
            margin-top: 2px;
            font-size: 18px; } }
        @media screen and (min-width: 769px) {
          /* line 150, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
          section.resources-hero .column-container .title-col .description {
            font-size: 19px; } }
        @media screen and (min-width: 1024px) {
          /* line 150, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_resources_hero.scss */
          section.resources-hero .column-container .title-col .description {
            font-size: 20px; } }

/* Keep this pronounciation on it's own - it's used in multiple places on the site */
/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
.pronounciation {
  font-family: "report", sans-serif;
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 1px;
  margin-bottom: 5px;
  color: #aaa; }
  /* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
  .pronounciation button.audio-button {
    vertical-align: top;
    background: none;
    border: none; }
    /* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
    .pronounciation .audio-button img {
      position: relative;
      top: 1px;
      max-height: 16px;
      margin-left: 6px; }
  /* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
  .pronounciation video {
    display: none; }

/* line 24, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
#glossary, #careers {
  /* The Header is in page_header.scss with gem info pages */ }
  /* line 26, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
  #glossary .header-support, #careers .header-support {
    display: none;
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400;
    font-size: 14px;
    color: #999; }
  /* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
  #glossary .word-entry, #careers .word-entry {
    /* the 'slide' */
    display: inline-block;
    background-color: #1f1f1f;
    color: white;
    border-radius: 6px;
    width: 130px;
    height: 108px;
    margin: 6px 6px 8px;
    padding: 6px;
    display: inline-block;
    vertical-align: top; }
    @media screen and (min-width: 480px) {
      /* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
      #glossary .word-entry, #careers .word-entry {
        width: 170px;
        height: 137px; } }
    @media screen and (min-width: 600px) {
      /* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
      #glossary .word-entry, #careers .word-entry {
        width: 255px;
        height: 201px;
        padding: 12px; } }
    /* line 52, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
    #glossary .word-entry.current, #careers .word-entry.current {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    /* line 56, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
    .no-touch #glossary .word-entry:hover, .no-touch #careers .word-entry:hover {
      cursor: pointer; }
    /* line 59, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
    #glossary .word-entry img, #careers .word-entry img {
      width: 100%; }
    /* line 65, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
    #glossary .word-entry .title, #careers .word-entry .title {
      text-align: center;
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400;
      font-size: 11px;
      display: block;
      margin-top: 3px;
      margin-bottom: 3px;
      vertical-align: middle;
      color: #a2a2a2; }
      @media screen and (min-width: 480px) {
        /* line 65, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
        #glossary .word-entry .title, #careers .word-entry .title {
          font-size: 14px;
          height: auto; } }
      @media screen and (min-width: 600px) {
        /* line 65, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
        #glossary .word-entry .title, #careers .word-entry .title {
          font-size: 18px; } }
    /* line 87, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
    #glossary .word-entry .word-detail, #careers .word-entry .word-detail {
      display: none; }
    /* line 90, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
    #glossary .word-entry.current, #careers .word-entry.current {
      margin-bottom: 0; }
  /* line 94, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
  #glossary #glossary_row, #glossary #careers_row, #careers #glossary_row, #careers #careers_row {
    background-color: #1f1f1f;
    position: relative;
    margin-left: 15px;
    text-align: left;
    padding: 25px;
    margin: 0 13px 5px 13px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
    /* line 103, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
    #glossary #glossary_row .title-col, #glossary #careers_row .title-col, #careers #glossary_row .title-col, #careers #careers_row .title-col {
      width: 100%;
      vertical-align: top;
      overflow: hidden;
      text-align: left; }
      @media screen and (min-width: 769px) {
        /* line 103, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
        #glossary #glossary_row .title-col, #glossary #careers_row .title-col, #careers #glossary_row .title-col, #careers #careers_row .title-col {
          width: 50%;
          margin-right: 12px; } }
      /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
      #glossary #glossary_row .title-col .title, #glossary #careers_row .title-col .title, #careers #glossary_row .title-col .title, #careers #careers_row .title-col .title {
        font-family: "report", sans-serif; /* Nanami-Rounded-Med */
        font-size: 24px;
        font-weight: 600;
        color: #eff9b7;
        margin-top: 6px;
        margin-bottom: 4px;
        line-height: 1.2em; }
        @media screen and (min-width: 480px) {
          /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
          #glossary #glossary_row .title-col .title, #glossary #careers_row .title-col .title, #careers #glossary_row .title-col .title, #careers #careers_row .title-col .title {
            font-size: 36px; } }
        @media screen and (min-width: 600px) {
          /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
          #glossary #glossary_row .title-col .title, #glossary #careers_row .title-col .title, #careers #glossary_row .title-col .title, #careers #careers_row .title-col .title {
            font-size: 40px; } }
        @media screen and (min-width: 769px) {
          /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
          #glossary #glossary_row .title-col .title, #glossary #careers_row .title-col .title, #careers #glossary_row .title-col .title, #careers #careers_row .title-col .title {
            font-size: 28px; } }
        @media screen and (min-width: 1024px) {
          /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
          #glossary #glossary_row .title-col .title, #glossary #careers_row .title-col .title, #careers #glossary_row .title-col .title, #careers #careers_row .title-col .title {
            font-size: 40px; } }
        @media screen and (min-width: 1180px) {
          /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
          #glossary #glossary_row .title-col .title, #glossary #careers_row .title-col .title, #careers #glossary_row .title-col .title, #careers #careers_row .title-col .title {
            font-size: 46px; } }
      /* line 136, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
      #glossary #glossary_row .title-col .pronounciation, #glossary #careers_row .title-col .pronounciation, #careers #glossary_row .title-col .pronounciation, #careers #careers_row .title-col .pronounciation {
        font-family: "report", sans-serif; /* Lato */
        font-weight: 400;
        font-size: 18px;
        color: #eff9b7;
        margin-bottom: 14px; }
        /* line 143, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
        #glossary #glossary_row .title-col .pronounciation b, #glossary #glossary_row .title-col .pronounciation strong, #glossary #careers_row .title-col .pronounciation b, #glossary #careers_row .title-col .pronounciation strong, #careers #glossary_row .title-col .pronounciation b, #careers #glossary_row .title-col .pronounciation strong, #careers #careers_row .title-col .pronounciation b, #careers #careers_row .title-col .pronounciation strong {
          font-weight: 500; }
      /* line 147, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
      #glossary #glossary_row .title-col .description, #glossary #careers_row .title-col .description, #careers #glossary_row .title-col .description, #careers #careers_row .title-col .description {
        font-family: "report", sans-serif; /* Lato */
        font-weight: 400;
        font-size: 18px;
        color: #fff; }
        @media screen and (min-width: 600px) {
          /* line 147, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
          #glossary #glossary_row .title-col .description, #glossary #careers_row .title-col .description, #careers #glossary_row .title-col .description, #careers #careers_row .title-col .description {
            font-size: 20px; } }
        @media screen and (min-width: 1024px) {
          /* line 147, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
          #glossary #glossary_row .title-col .description, #glossary #careers_row .title-col .description, #careers #glossary_row .title-col .description, #careers #careers_row .title-col .description {
            font-size: 20px; } }
        /* line 158, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
        #glossary #glossary_row .title-col .description .part-of-speech, #glossary #careers_row .title-col .description .part-of-speech, #careers #glossary_row .title-col .description .part-of-speech, #careers #careers_row .title-col .description .part-of-speech {
          font-style: italic;
          color: #8e8e8e; }
        /* line 162, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
        #glossary #glossary_row .title-col .description a, #glossary #careers_row .title-col .description a, #careers #glossary_row .title-col .description a, #careers #careers_row .title-col .description a {
          text-decoration: underline; }
      /* line 166, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
      #glossary #glossary_row .title-col .main_credit, #glossary #careers_row .title-col .main_credit, #careers #glossary_row .title-col .main_credit, #careers #careers_row .title-col .main_credit {
        display: none; }
    /* line 170, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
    #glossary #glossary_row .img-col, #glossary #careers_row .img-col, #careers #glossary_row .img-col, #careers #careers_row .img-col {
      width: 100%;
      margin-top: 33px;
      clear: both; }
      @media screen and (min-width: 769px) {
        /* line 170, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
        #glossary #glossary_row .img-col, #glossary #careers_row .img-col, #careers #glossary_row .img-col, #careers #careers_row .img-col {
          width: 39%;
          margin-right: 33px;
          float: right; } }
      @media screen and (min-width: 1024px) {
        /* line 170, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
        #glossary #glossary_row .img-col, #glossary #careers_row .img-col, #careers #glossary_row .img-col, #careers #careers_row .img-col {
          width: 40%; } }
      /* line 182, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
      #glossary #glossary_row .img-col img, #glossary #careers_row .img-col img, #careers #glossary_row .img-col img, #careers #careers_row .img-col img {
        width: 100%; }
    /* line 187, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
    #glossary #glossary_row .close-col, #glossary #careers_row .close-col, #careers #glossary_row .close-col, #careers #careers_row .close-col {
      position: absolute;
      top: 20px;
      right: 20px; }
      /* line 191, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
      #glossary #glossary_row .close-col .close-btn, #glossary #careers_row .close-col .close-btn, #careers #glossary_row .close-col .close-btn, #careers #careers_row .close-col .close-btn {
        background: url("/gemkids_assets/img/icons/gallery-close@2x.png") no-repeat top left;
        width: 28px;
        height: 28px;
        background-size: 28px 28px; }
        /* line 196, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_glossary_item.scss */
        .no-touch #glossary #glossary_row .close-col .close-btn:hover, .no-touch #glossary #careers_row .close-col .close-btn:hover, .no-touch #careers #glossary_row .close-col .close-btn:hover, .no-touch #careers #careers_row .close-col .close-btn:hover {
          cursor: pointer; }

/* 
 * Classroom Teaser
 */
/* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
section.classroom_teaser {
  padding: 40px 0 40px; }
  @media screen and (min-width: 1024px) {
    /* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
    section.classroom_teaser {
      padding: 75px 0 78px; } }
  /* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
  section.classroom_teaser .column-container {
    padding: 2%;
    width: 90%;
    margin: 0 auto;
    /*
     * a wrapper div for images
     * this allows responsive images to expand and contract
     * along with the size of the parent element
     */ }
    @media screen and (min-width: 769px) {
      /* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
      section.classroom_teaser .column-container {
        padding: 2%; } }
    /* line 22, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
    section.classroom_teaser .column-container .img-col {
      position: relative; }
      @media screen and (min-width: 600px) {
        /* line 22, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
        section.classroom_teaser .column-container .img-col {
          width: 24%;
          margin-bottom: 12px; } }
    /* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
    section.classroom_teaser .column-container .img {
      position: relative;
      width: 67%;
      margin: 23px auto; }
      @media screen and (min-width: 600px) {
        /* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
        section.classroom_teaser .column-container .img {
          margin: 0;
          width: 100%; } }
      /* line 37, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
      section.classroom_teaser .column-container .img img {
        width: 100%; }
        @media screen and (min-width: 769px) {
          /* line 37, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
          section.classroom_teaser .column-container .img img {
            max-width: 238px; } }
    /* line 46, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
    section.classroom_teaser .column-container .title-col {
      position: relative;
      vertical-align: top;
      /* Sizing and Text Align*/
      text-align: center;
      padding: 4px 10px; }
      @media screen and (min-width: 600px) {
        /* line 46, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
        section.classroom_teaser .column-container .title-col {
          text-align: left;
          width: 70%;
          padding: 10px 20px; } }
      @media screen and (min-width: 1024px) {
        /* line 46, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
        section.classroom_teaser .column-container .title-col {
          width: 50%;
          padding: 30px 20px; } }
      /* line 65, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
      section.classroom_teaser .column-container .title-col .title {
        font-family: "report", sans-serif;
        font-size: 28px;
        font-weight: 100;
        margin-bottom: 10px;
        color: #fff;
        letter-spacing: 0px;
        line-height: 1em; }
        /* line 69, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
        section.classroom_teaser .column-container .title-col .title b, section.classroom_teaser .column-container .title-col .title strong {
          font-family: "report", sans-serif;
          font-weight: 300; }
        @media screen and (min-width: 769px) {
          /* line 65, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
          section.classroom_teaser .column-container .title-col .title {
            font-size: 28px; } }
        @media screen and (min-width: 1024px) {
          /* line 65, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
          section.classroom_teaser .column-container .title-col .title {
            font-size: 46px; } }
      /* line 86, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
      section.classroom_teaser .column-container .title-col .description {
        font-family: "report", sans-serif; /* Lato */
        font-weight: 400;
        margin-bottom: 15px;
        letter-spacing: 1px;
        color: #ddd;
        font-size: 17px;
        line-height: 1.4em; }
        @media screen and (min-width: 769px) {
          /* line 86, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
          section.classroom_teaser .column-container .title-col .description {
            font-size: 17px; } }
        @media screen and (min-width: 1024px) {
          /* line 86, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
          section.classroom_teaser .column-container .title-col .description {
            font-size: 22px; } }
      /* line 103, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
      section.classroom_teaser .column-container .title-col a.link {
        font-family: "report", sans-serif; /* Lato */
        font-weight: 400;
        font-size: 18px;
        line-height: 1.2em;
        color: #39c1e3; }
        @media screen and (min-width: 1024px) {
          /* line 103, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_ad.scss */
          section.classroom_teaser .column-container .title-col a.link {
            font-size: 22px; } }

/* line 1, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
#mini-explorer {
  text-align: center;
  z-index: 9;
  position: relative;
  visibility: hidden; }
  /* line 8, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
  #mini-explorer.isReady {
    visibility: visible; }
  /* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
  #mini-explorer #mini-explorer-tab {
    text-indent: -9999em;
    height: 63px;
    width: 209px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 0px 20px;
    color: #333;
    font-size: 10px; }
    /* line 14, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
    #mini-explorer #mini-explorer-tab.gems_explorer {
      background: transparent url("/gemkids_assets/img/global/view-gems-tab@2x.png") no-repeat scroll 0 0; }
    /* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
    #mini-explorer #mini-explorer-tab.jewelry_explorer {
      background: transparent url("/gemkids_assets/img/global/view-jewels-tab@2x.png") no-repeat scroll 0 0; }
    /* line 20, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
    #mini-explorer #mini-explorer-tab.gems_explorer, #mini-explorer #mini-explorer-tab.jewelry_explorer {
      background-size: 209px; }
    /* line 31, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
    #mini-explorer #mini-explorer-tab.invert {
      background-position: 0 -64px;
      background-size: 209px; }
  /* line 36, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
  #mini-explorer #mini-explorer-nav {
    height: 0;
    visibility: hidden;
    width: 100%;
    height: 100px;
    background-color: #2d2b2c;
    /* global? */ }
    /* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
    #mini-explorer #mini-explorer-nav.isReady {
      height: 100px;
      display: none;
      visibility: visible; }
      @media screen and (min-width: 600px) {
        /* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
        #mini-explorer #mini-explorer-nav.isReady {
          height: 168px; } }
  /* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_mini.scss */
  #mini-explorer .page-divider {
    background-color: #ccc;
    /* global? */
    height: 8px; }

/* 
 * Gemstones Explorer and Jewelry Explorer
 */
/* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
#view_all_gems .filter-btn-bar {
  padding: 0 0 20px 0; }
  @media screen and (min-width: 769px) {
    /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
    #view_all_gems .filter-btn-bar {
      padding: 0 0 3px 0; } }

/* line 14, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
section.explorer-full {
  /* 
   * Gemstones Explorer/ViewMaster
   */ }
  /* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
  section.explorer-full .explorer-grid {
    position: relative;
    display: block;
    /* padding-top: 10px; */
    /*padding: 20px 28px 20px 28px;*/
    padding: 0; }
    @media screen and (min-width: 769px) {
      /* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
      section.explorer-full .explorer-grid {
        padding: 20px 0 0; } }
    /* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
    section.explorer-full .explorer-grid .no-results-text {
      font-size: 24px;
      color: #fff;
      padding: 60px 0 105px 0;
      /* setting this to match found gems in single row */
      /* padding-top works better than margin-top */ }
    /* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
    section.explorer-full .explorer-grid .slide {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      border: 1px solid black;
      display: inline-block;
      width: 138px;
      height: 126px;
      margin: 1px; }
      /* line 43, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
      .no-touch section.explorer-full .explorer-grid .slide:hover .item_title {
        color: #191919; }
      /* line 46, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
      section.explorer-full .explorer-grid .slide .gem-layer.rough {
        display: none; }
      /* line 51, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
      section.explorer-full .explorer-grid .slide img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%; }
      /* line 60, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
      section.explorer-full .explorer-grid .slide img.gem-layer, section.explorer-full .explorer-grid .slide img.pattern-layer {
        height: auto; }
      /* line 64, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
      section.explorer-full .explorer-grid .slide .item_title {
        font-family: "report", sans-serif; /* Lato */
        font-weight: 400;
        font-size: 13px;
        color: #333;
        position: absolute;
        top: 78px;
        width: 90%;
        margin: 16px 6px 10px 6px;
        text-align: center;
        line-height: 115%; }
        @media screen and (min-width: 600px) {
          /* line 64, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
          section.explorer-full .explorer-grid .slide .item_title {
            font-size: 19px;
            margin: 16px 10px 10px 10px; } }
    @media screen and (min-width: 600px) {
      /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
      section.explorer-full .explorer-grid .slide {
        width: 225px;
        height: 188px;
        margin: 4px; }
        /* line 87, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
        section.explorer-full .explorer-grid .slide .item_title {
          top: 140px;
          font-size: 18px; } }
    @media screen and (min-width: 769px) {
      /* line 94, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_explorer_full.scss */
      section.explorer-full .explorer-grid .slide {
        width: 244px;
        height: 200px; } }

/* 
 * Gemstones Explorer/ViewMaster
 */
/* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
.view_master_container, .view_master, .scrollWrapper, .scrollableArea, .scrollableArea img {
  width: 100%; }

/* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
.view_master_container {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 9px;
  width: 100%; }
  @media screen and (min-width: 600px) {
    /* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
    .view_master_container {
      padding-top: 14px; } }

/* line 26, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
.view_master {
  position: relative; }
  @media screen and (min-width: 600px) {
    /* line 26, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
    .view_master {
      height: 139px; } }

/* line 33, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
.view_master .scrollableArea * {
  /* Defaults within the scrollable area */
  position: relative;
  display: block;
  float: left;
  padding: 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

/* line 48, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
.fallback .view_master .scrollableArea {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  height: 400px; }
/* line 56, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
.view_master .scrollableArea a {
  margin: 0;
  padding: 0; }
  /* line 59, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
  .fallback .view_master .scrollableArea a {
    float: none;
    display: inline-block; }
/* line 64, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
.view_master .scrollableArea .slide, .view_master .scrollableArea .slide img, .view_master .scrollableArea .slide .item_title {
  text-align: center;
  margin: 0 auto; }
/* line 69, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
.view_master .scrollableArea .slide {
  display: inline-block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  float: left;
  text-align: center;
  width: 102px;
  height: 85px;
  margin: 0 3px; }
  @media screen and (min-width: 600px) {
    /* line 69, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
    .view_master .scrollableArea .slide {
      width: 169px;
      height: 139px;
      margin: 0 5px; } }
  /* line 84, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
  .view_master .scrollableArea .slide img {
    position: absolute; }
    /* line 86, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
    .view_master .scrollableArea .slide img.color-layer {
      z-index: 3; }
    /* line 89, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
    .view_master .scrollableArea .slide img.pattern-layer {
      z-index: 4; }
    /* line 92, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
    .view_master .scrollableArea .slide img.gem-layer {
      z-index: 5;
      top: -5px; }
      @media screen and (min-width: 600px) {
        /* line 92, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
        .view_master .scrollableArea .slide img.gem-layer {
          top: 0; } }
  /* line 100, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
  .view_master .scrollableArea .slide .item_title {
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400;
    font-size: 12px;
    float: none;
    position: relative;
    top: 70%;
    line-height: 100%;
    color: #000;
    z-index: 6; }
    @media screen and (min-width: 600px) {
      /* line 100, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_view_master.scss */
      .view_master .scrollableArea .slide .item_title {
        font-size: 14px;
        top: 80.6%; } }

/*
 * For Timelines
 */
/* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
.set_view_master_container, .set_view_master, .slide img {
  width: 100%; }

/* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
.set_view_master_container {
  position: relative;
  padding-top: 6px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  max-width: 968px;
  height: 113px;
  /* just the navigation arrows */ }
  @media screen and (min-width: 600px) {
    /* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
    .set_view_master_container {
      height: 163px;
      max-width: 968px; } }
  @media screen and (min-width: 1024px) {
    /* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
    .set_view_master_container {
      height: 163px;
      max-width: 1024px; } }
  /* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
  .set_view_master_container .set_view_master {
    width: 98%;
    overflow: auto;
    overflow-y: hidden;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 480px) {
      /* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
      .set_view_master_container .set_view_master {
        width: 98%; } }
    @media screen and (min-width: 600px) {
      /* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
      .set_view_master_container .set_view_master {
        width: 74%; } }
    /* line 46, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
    .set_view_master_container .set_view_master .slides {
      position: relative;
      left: 0;
      width: 100%; }
    /* line 52, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
    .set_view_master_container .set_view_master .slide {
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      float: left;
      text-align: center;
      width: 88px;
      height: 88px;
      margin-right: 8px;
      margin-bottom: 22px; }
      @media screen and (min-width: 600px) {
        /* line 52, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
        .set_view_master_container .set_view_master .slide {
          width: 150px;
          height: 138px;
          margin-right: 12px; } }
      /* line 68, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
      .set_view_master_container .set_view_master .slide img {
        position: absolute;
        top: 0;
        left: 0;
        width: 88px;
        height: 88px;
        margin-bottom: 6px; }
        @media screen and (min-width: 600px) {
          /* line 68, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
          .set_view_master_container .set_view_master .slide img {
            width: 150px;
            height: 150px; } }
        /* line 79, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
        .set_view_master_container .set_view_master .slide img.color-layer {
          z-index: 3; }
        /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
        .set_view_master_container .set_view_master .slide img.pattern-layer {
          z-index: 4; }
        /* line 86, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
        .set_view_master_container .set_view_master .slide img.gem-layer {
          z-index: 5;
          top: -10px; }
      /* line 92, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
      .set_view_master_container .set_view_master .slide .item_title {
        z-index: 6; }
  /* line 98, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
  .set_view_master_container .set_view_master_nav {
    height: 30px;
    width: 17px;
    z-index: 25;
    position: absolute;
    top: 40px;
    top: calc(50% - 26px);
    top: -webkit-calc(50% - 26px);
    font-size: 0;
    /* size of the font arrows (hidden) */ }
    @media screen and (min-width: 600px) {
      /* line 108, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
      .set_view_master_container .set_view_master_nav#chapter_prev_btn {
        cursor: pointer;
        display: block;
        left: 9%;
        background: transparent url("/gemkids_assets/img/icons/timeline-chapter-arrow-left@2x.png") no-repeat 0 -31px;
        background-size: 100%; }
        /* line 115, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
        .set_view_master_container .set_view_master_nav#chapter_prev_btn.disabled {
          opacity: .5; }
          /* line 117, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
          .no-touch .set_view_master_container .set_view_master_nav#chapter_prev_btn.disabled:hover {
            background: transparent url("/gemkids_assets/img/icons/timeline-chapter-arrow-left@2x.png") no-repeat 0 -31px;
            background-size: 100%; }
        /* line 124, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
        .no-touch .set_view_master_container .set_view_master_nav#chapter_prev_btn:hover {
          background: transparent url("/gemkids_assets/img/icons/timeline-chapter-arrow-left@2x.png") no-repeat 0 0;
          background-size: 100%; } }
    @media screen and (min-width: 600px) {
      /* line 130, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
      .set_view_master_container .set_view_master_nav#chapter_next_btn {
        cursor: pointer;
        display: block;
        right: 9%;
        background: transparent url("/gemkids_assets/img/icons/timeline-chapter-arrow-right@2x.png") no-repeat 0 -31px;
        background-size: 100%; }
        /* line 137, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
        .set_view_master_container .set_view_master_nav#chapter_next_btn.disabled {
          opacity: .5; }
          /* line 139, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
          .no-touch .set_view_master_container .set_view_master_nav#chapter_next_btn.disabled:hover {
            background: transparent url("/gemkids_assets/img/icons/timeline-chapter-arrow-right@2x.png") no-repeat 0 -31px;
            background-size: 100%; }
        /* line 146, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
        .no-touch .set_view_master_container .set_view_master_nav#chapter_next_btn:hover {
          background: transparent url("/gemkids_assets/img/icons/timeline-chapter-arrow-right@2x.png") no-repeat 0 0;
          background-size: 100%; } }

/* line 156, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
.timeline .set_view_master_container {
  height: 118px;
  margin-bottom: 2px; }
  @media screen and (min-width: 600px) {
    /* line 156, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
    .timeline .set_view_master_container {
      margin-bottom: 10px; } }
  /* line 162, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_set_view_master.scss */
  .timeline .set_view_master_container .slide {
    float: none;
    margin: 0 auto;
    width: 95%;
    height: 88px;
    border-radius: 0; }

/* SEARCH REUSULTS */
/* MB Styles - jh 12/4/13 */
/* Previous styles deletes */
/* 3-Column SEARCH RESULTS */
/* ------ main body ------- */
/* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
body#search_results .search-container {
  padding: 10px;
  text-align: left;
  width: 100%;
  /* link styles */
  /* headlines */
  /* ------ left cloumn ------ */
  /* ------ middle / main cloumn ------ */
  /* pagination may need to move this out to reuse - jh */
  /* main articles in the main column */
  /* ------ right cloumn ------ */ }
  @media screen and (min-width: 769px) {
    /* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container {
      padding: 30px; 
      padding-left: 0;} }
  /* line 22, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
  body#search_results .search-container .see-all-link, body#search_results .search-container .global-link .label {
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400;
    color: #42a0f2; }
    /* line 26, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container .see-all-link:after, body#search_results .search-container .global-link .label:after {
      content: " ›"; }
  /* line 32, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
  body#search_results .search-container .section-title, body#search_results .search-container .header-list {
    font-family: "report", sans-serif; /* Nanami-Rounded-Med */
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 16px;
    color: #2d2c2c; }
  /* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
  body#search_results .search-container .search-sidebar {
    display: none; }
    @media screen and (min-width: 769px) {
      /* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container .search-sidebar {
        display: block;
        padding-right: 22px;
        width: 25%;
        float: left; }
        /* line 48, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
        body#search_results .search-container .search-sidebar ul {
          padding-left: 10px;
          margin-bottom: 30px; }
          /* line 51, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
          body#search_results .search-container .search-sidebar ul li {
            margin-bottom: 10px; }
            /* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
            body#search_results .search-container .search-sidebar ul li a {
              font-family: "report", sans-serif; /* Lato */
              font-weight: 400;
              color: #42a0f2;
              font-size: 16px; }
              /* line 58, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
              body#search_results .search-container .search-sidebar ul li a.see-all-link {
                font-weight: 500; }
        /* line 64, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
        body#search_results .search-container .search-sidebar .flyout-menu {
          display: none;
          position: relative;
          margin: 12px 0 0 0; }
          /* line 68, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
          body#search_results .search-container .search-sidebar .flyout-menu ul {
            padding-left: 0;
            margin-bottom: 0; }
          /* line 72, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
          body#search_results .search-container .search-sidebar .flyout-menu .section-title {
            display: none; }
        /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
        body#search_results .search-container .search-sidebar .close-flyout-btn {
          display: none; } }
  /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
  body#search_results .search-container .search-content {
    padding-left: 0;
    border-left: none;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 70px; }
    @media screen and (min-width: 600px) {
      /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container .search-content {
        border-right: 2px solid #DFDFDF;
        margin-bottom: 0;
        width: 65%;
        padding-right: 22px; } }
    @media screen and (min-width: 769px) {
      /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container .search-content {
        padding-left: 22px;
        border-left: 2px solid #DFDFDF;
        border-right: 2px solid #DFDFDF;
        width: 70%; } }
  /* line 105, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
  body#search_results .search-container .results-info {
    margin-bottom: 30px; }
    /* line 108, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container .results-info p {
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400;
      font-size: 16px;
      color: #666; }
  /* line 117, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
  body#search_results .search-container ul.recent-article-pagination {
    margin-top: 30px;
    text-align: center; }
    /* line 120, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container ul.recent-article-pagination li {
      font-family: "report", sans-serif; /* Lato */
      font-size: 14px;
      font-weight: 400;
      display: inline-block;
      border-radius: 3px;
      text-transform: uppercase;
      background-color: #f1f1f1;
      margin: 0 0 8px 0; }
      /* line 129, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container ul.recent-article-pagination li.selected, .no-touch body#search_results .search-container ul.recent-article-pagination li a:hover {
        background-color: #4eb8d1; }
      /* line 132, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container ul.recent-article-pagination li.selected a, .no-touch body#search_results .search-container ul.recent-article-pagination li:hover a {
        color: white; }
      /* line 135, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container ul.recent-article-pagination li a, body#search_results .search-container ul.recent-article-pagination li.disabled {
        padding: 6px 16px; }
      /* line 138, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container ul.recent-article-pagination li a {
        color: black;
        display: block; }
      /* line 142, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container ul.recent-article-pagination li.disabled {
        color: #a2a2a2;
        cursor: default; }
  /* line 151, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
  body#search_results .search-container .articles-list .article-info {
    margin: 14px 0;
    padding-bottom: 26px;
    border-bottom: 1px #ccc solid; }
    /* line 156, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container .articles-list .article-info .meta-data {
      color: #a2a2a2;
      text-transform: uppercase;
      font-family: "report", sans-serif; /* Nanami-Rounded-Book */ 
      font-size: 14px;
      font-weight: 600; }
    /* line 162, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container .articles-list .article-info .article-title {
      font-family: "report", sans-serif;
      color: #2d2d2d;
      font-size: 28px;
      font-weight: 300;
      margin: 10px 0 0 0;
      line-height: 1.2em; }
    /* line 169, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container .articles-list .article-info .post {
      font-family: "report", sans-serif; /* Lato */
      font-size: 16px;
      font-weight: 400; 
      color: #666;
      margin: 6px 0 12px 0;
      line-height: 1.4em; }
    /* line 176, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container .articles-list .article-info a .label {
      color: #42a0f2;
      font-weight: bold;
      font-size: 15px;
      margin: 0 0 16px 0; }
  /* line 188, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
  body#search_results .search-container .search-right-sidebar {
    display: block;
    width: 100%;
    max-width: 300px; }
    @media screen and (min-width: 600px) {
      /* line 188, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container .search-right-sidebar {
        width: 35%;
        float: right;
        padding-left: 22px; } }
    @media screen and (min-width: 769px) {
      /* line 188, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container .search-right-sidebar {
        width: 25%; } }
    /* line 200, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container .search-right-sidebar .copy-lead-in {
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400;
      font-size: 18px;
      color: #000; }
    /* line 206, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container .search-right-sidebar .item {
      position: relative;
      margin-bottom: 38px;
      width: 100%; }
      /* line 210, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container .search-right-sidebar .item a {
        vertical-align: top !important; }
      /* line 213, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
      body#search_results .search-container .search-right-sidebar .item img {
        width: 100%;
        margin-bottom: 8px;
        vertical-align: top !important; }

      body#search_results .search-container .search-right-sidebar .item img.btn-play-search {
        left: 106px;
        position: absolute;
        top: 50px;
        width: 55px;
        z-index: 2; }

    /* line 219, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_search_results.scss */
    body#search_results .search-container .search-right-sidebar .button-action {
      margin-top: 30px;
      /* Remove this button untill we figure out 'media search result' template in GK */
      display: none; }

/* Begin gem info container */
/* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_container.scss */
.info-container-transparent {
  margin-bottom: 66px;
  position: relative;
  min-height: 200px;
  border-radius: 8px; }

/* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_container.scss */
.rounded-tl, .rounded-tr, .rounded-bl, .rounded-br, .ie8 .rounded-tl, .ie8 .rounded-tr, .ie8 .rounded-bl, .ie8 .rounded-br {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: transparent;
  z-index: 1; }

/* line 20, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_container.scss */
.rounded-tl {
  top: 0;
  left: 0;
  background: url("/gemkids_assets/img/corner-tl@2x.png") no-repeat;
  background-position: 0 0;
  background-size: 6px 6px; }

/* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_container.scss */
.rounded-tr {
  top: 0;
  right: 0;
  background: url("/gemkids_assets/img/corner-tr@2x.png") no-repeat;
  background-position: 100% 0;
  background-size: 6px 6px; }

/* line 39, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_container.scss */
.rounded-bl {
  bottom: 0;
  left: 0;
  background: url("/gemkids_assets/img/corner-bl@2x.png") no-repeat;
  background-position: 0 100%;
  background-size: 6px 6px; }

/* line 48, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_container.scss */
.rounded-br {
  bottom: 0;
  right: 0;
  background: url("/gemkids_assets/img/corner-br@2x.png") no-repeat;
  background-position: 100% 100%;
  background-size: 6px 6px; }

/* line 59, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_container.scss */
body#gem_info .info-container-transparent, body#gem_microscope .info-container-transparent, body#jewelry_info .info-container-transparent {
  overflow: visible; }

/*
.info-container {
  @extend .info-container-transparent;
  background-color:  #fcc;
}
*/
/* too general there needs to be a difference between hero styles, timeline heros and carousel heros? */
/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
.info-hero {
  /* semi-transparent backgrounds */ }
  /* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
  .info-hero.yellow {
    background: url("/gemkids_assets/img/gemstones/hero/gemtype-hero-bg-yellow.png") repeat top left; }
  /* line 8, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
  .info-hero.blue {
    background: url("/gemkids_assets/img/gemstones/hero/gemtype-hero-bg-blue.png") repeat top left; }
  /* line 11, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
  .info-hero.green {
    background: url("/gemkids_assets/img/gemstones/hero/gemtype-hero-bg-green.png") repeat top left; }
  /* line 14, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
  .info-hero.orange {
    background: url("/gemkids_assets/img/gemstones/hero/gemtype-hero-bg-orange.png") repeat top left; }
  /* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
  .info-hero.purple {
    background: url("/gemkids_assets/img/gemstones/hero/gemtype-hero-bg-purple.png") repeat top left;
    /* no need for retina right? - jh */ }
  /* line 21, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
  .info-hero.yellow, .info-hero.blue, .info-hero.green, .info-hero.orange, .info-hero.purple {
    background-size: auto 100%; }
    @media screen and (min-width: 769px) {
      /* line 21, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
      .info-hero.yellow, .info-hero.blue, .info-hero.green, .info-hero.orange, .info-hero.purple {
        background-size: auto; } }
  /* line 28, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
  .info-hero .column-container {
    padding-top: 0;
    text-align: center;
    background: transparent url("/gemkids_assets/img/gemstones/hero/gemtype-hero-rays-600w.png") no-repeat top center;
    background-size: 100%; }
    @media screen and (min-width: 600px) {
      /* line 28, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
      .info-hero .column-container {
        background: transparent url("/gemkids_assets/img/gemstones/hero/gemtype-hero-rays.png") no-repeat top left;
        padding-top: 25px;
        padding-bottom: 25px;
        background-size: 100% auto; } }
  /* line 43, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
  .info-hero.jewelry .column-container {
    background: transparent url("/gemkids_assets/img/jewelry/hero/jeweltype-hero-circles-600w.png") no-repeat top left;
    background-size: 100%; }
    @media screen and (min-width: 600px) {
      /* line 43, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
      .info-hero.jewelry .column-container {
        background: transparent url("/gemkids_assets/img/jewelry/hero/jeweltype-hero-circles.png") no-repeat top left;
        background-size: 100% auto; } }
  /* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
  .info-hero .img-col {
    position: relative;
    width: 100%;
    vertical-align: middle; }
    @media screen and (min-width: 480px) {
      /* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
      .info-hero .img-col {
        width: 48%;
        margin-bottom: 0; } }
    /* line 61, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
    .info-hero .img-col .hero-img {
      margin-left: auto;
      margin-right: auto;
      position: relative;
      max-width: 390px; }
      /* line 66, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
      .info-hero .img-col .hero-img img {
        width: 100%;
        height: 100%; }
  /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
  .info-hero .title-col {
    width: 100%;
    padding: 22px 12px;
    padding: 0 22px 12px;
    margin-top: -10px;
    /* to compensate for the shadow */
    text-align: left;
    color: black;
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400; }
    @media screen and (min-width: 600px) {
      /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
      .info-hero .title-col {
        vertical-align: middle;
        padding: 22px 12px;
        width: 45%;
        margin-top: 0; } }
    /* line 91, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
    .info-hero .title-col .description, .info-hero .title-col .description p {
      font-size: 19px;
      color: black;
      line-height: 1.4;
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400; }
      @media screen and (min-width: 769px) {
        /* line 91, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
        .info-hero .title-col .description, .info-hero .title-col .description p {
          margin-bottom: 0;
          font-size: 20px; } }
      @media screen and (min-width: 1024px) {
        /* line 91, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
        .info-hero .title-col .description, .info-hero .title-col .description p {
          font-size: 22px; } }
      /* line 104, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_hero.scss */
      .info-hero .title-col .description a, .info-hero .title-col .description p a {
        text-decoration: underline;
        font-weight: 400; }

/* Jody, perhaps we need the MakeAllColumnsSameSize javascript here */
/* refactor this in a layout area with calc and a style area. layout needs help - jh 3-4-14*/
/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
.info-factoids {
  background-color: #111;
  padding: 10px 0px; }
  /* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids.only_related {
    padding: 0 0 10px 0; }
  /* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .title {
    font-family: "report", sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 100;    
    margin: 0 6px 30px 6px; }
  /* line 18, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .img img {
    width: 100%; }
  /* line 22, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .info-factoid-container, .info-factoids .related_good_stuff {
    vertical-align: top;
    display: inline-block;
    padding: 29px 10px 16px 10px;
    background-color: #333;
    border-radius: 6px;
    text-align: center; }
  /* line 31, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .round_frame {
    overflow: hidden;
    position: relative;
    width: 80%;
    height: 118px;
    width: 118px;
    margin: -4px auto -8px auto;
    /* To center vertically */
    cursor: pointer;
    border-radius: 50%;
    height: 118px;
    width: 118px;
    background-color: black;
    border: 9px solid #de5d35;
    cursor: default; }
    @media screen and (min-width: 480px) {
      /* line 31, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .round_frame {
        margin-top: 20px;
        margin-bottom: 20px; } }
    /* line 43, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .round_frame:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    /* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .round_frame img {
      vertical-align: middle;
      position: absolute;
      width: 118px;
      height: 118px;
      left: -9px;
      top: -9px; }
    @media screen and (min-width: 769px) {
      /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .round_frame .img {
        width: 90%; } }
  /* line 70, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids h1 {
    font-family: "report", sans-serif; /* Nanami-Rounded-Med */
    font-size: 38px;
    font-weight: 600;
    color: #11c0e0;
    line-height: .6em;
    text-transform: uppercase;
    margin-bottom: 4px;
    padding-top: 0px;
    /* padding works better than margin here -bm */ }
    @media screen and (min-width: 480px) {
      /* line 70, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids h1 {
        padding-top: 16px; } }
  /* line 82, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids h2 {
    font-family: "report", sans-serif;
    font-size: 27px;
    font-weight: 100;    
    color: #ccc;
    text-transform: uppercase;
    padding-bottom: 0;
    /* padding works better than margin here -bm */ }
    @media screen and (min-width: 480px) {
      /* line 82, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids h2 {
        padding-bottom: 9px; } }
  /* line 92, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .glossary-item {
    margin: 34px 6px 2px 6px; }
    @media screen and (min-width: 480px) {
      /* line 92, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item {
        margin: 34px 6px 49px 6px; } }
    /* line 97, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .glossary-item .word {
      font-family: "report", sans-serif; /* Nanami-Rounded-Book */
      font-size: 38px;
      font-weight: 600;
      color: #fff;
      text-transform: uppercase; }
      /* line 102, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .word.blue {
        color: #0e94cc; }
      /* line 103, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .word.brown {
        color: #7d5531; }
      /* line 104, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .word.gray {
        color: #8f8f8f; }
      /* line 105, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .word.green {
        color: #24cc0e; }
      /* line 106, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .word.orange {
        color: #f08220; }
      /* line 107, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .word.pink {
        color: #f75a99; }
      /* line 108, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .word.purple {
        color: #a83af4; }
      /* line 109, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .word.red {
        color: #dd2e2e; }
      /* line 110, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .word.white {
        color: #ffffff; }
      /* line 111, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .word.yellow {
        color: #e7d225; }
    /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .glossary-item .pronounciation {
      font-family: "report", sans-serif;
      font-size: 18px;
      font-weight: 100;      
      color: #ccc; }
      /* line 117, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .glossary-item .pronounciation b, .info-factoids .glossary-item .pronounciation strong {
        font-family: "report", sans-serif; /* Nanami-Rounded-Med */
        font-weight: 600; }
  /* line 123, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .description {
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400;
    color: white;
    line-height: 1.4em;
    font-size: 16px;
    margin: 36px 6px 10px 6px; }
  /* line 131, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .attribution {
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400;
    color: white;
    font-size: 12px;
    margin: 10px 6px 10px 6px; }
  /* line 139, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .colors-1-wide, .info-factoids .colors-2-wide, .info-factoids .colors-3-wide, .info-factoids .colors-4-wide {
    text-align: center;
    margin: 20px auto;
    width: 100%; }
    /* line 143, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .colors-1-wide img, .info-factoids .colors-2-wide img, .info-factoids .colors-3-wide img, .info-factoids .colors-4-wide img {
      display: inline; }
  /* line 147, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .colors-1-wide {
    margin-top: 56px;
    margin-bottom: 43px;
    width: 132px; }
    /* line 151, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .colors-1-wide img {
      width: 106px;
      margin: 0 6px 6px 6px; }
  /* line 156, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .colors-2-wide {
    margin-top: 36px;
    margin-bottom: 43px; }
    /* line 157, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .colors-2-wide img {
      width: 60px; }
    @media screen and (min-width: 480px) {
      /* line 156, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .colors-2-wide {
        margin-top: 56px;
        margin-bottom: 83px; } }
    @media screen and (min-width: 1180px) {
      /* line 156, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .colors-2-wide {
        margin-top: 40px;
        margin-bottom: 63px;
        width: 228px; }
        /* line 170, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
        .info-factoids .colors-2-wide img {
          width: 90px;
          margin: 0 3px 6px 3px; } }
  /* line 176, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .colors-3-wide {
    margin-top: 40px; }
    /* line 178, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .colors-3-wide img {
      width: 50px;
      margin: 0 1px 4px 1px; }
    @media screen and (min-width: 1180px) {
      /* line 176, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .colors-3-wide {
        width: 228px; }
        /* line 184, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
        .info-factoids .colors-3-wide img {
          width: 60px; } }
  /* line 189, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .colors-4-wide {
    margin-top: 40px; }
    /* line 191, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .colors-4-wide img {
      width: 50px;
      margin: 0 1px 4px 1px; }
    @media screen and (min-width: 1180px) {
      /* line 189, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .colors-4-wide {
        width: 228px; }
        /* line 197, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
        .info-factoids .colors-4-wide img {
          width: 50px;
          margin: 0 1px 4px 1px; } }

/* line 205, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
.info-factoids .related_good_stuff {
  margin: 9px auto 0;
  padding: 29px 10px 16px 10px; }
  @media screen and (min-width: 769px) {
    /* line 205, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .related_good_stuff {
      padding: 35px 0 30px; } }
  /* line 213, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .related_good_stuff .title {
    margin-bottom: 18px; }
  /* line 217, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .info-factoids .related_good_stuff .goodstuff_popover {
    width: 100%; }
    @media screen and (min-width: 600px) {
      /* line 217, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .related_good_stuff .goodstuff_popover {
        width: 160px; } }
    @media screen and (min-width: 769px) {
      /* line 217, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .related_good_stuff .goodstuff_popover {
        width: 180px; } }
    /* line 227, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .related_good_stuff .goodstuff_popover a.good_link .good_slide {
      margin: 0 auto 8px auto;
      vertical-align: top;
      text-align: left;
      width: 230px; }
      @media screen and (min-width: 600px) {
        /* line 227, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
        .info-factoids .related_good_stuff .goodstuff_popover a.good_link .good_slide {
          width: 160px;
          text-align: center; } }
      @media screen and (min-width: 769px) {
        /* line 227, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
        .info-factoids .related_good_stuff .goodstuff_popover a.good_link .good_slide {
          width: 180px; } }
      /* line 241, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .related_good_stuff .goodstuff_popover a.good_link .good_slide .icon {
        display: inline-block;
        vertical-align: middle;
        width: 100px;
        margin-right: 10px; }
        @media screen and (min-width: 600px) {
          /* line 241, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
          .info-factoids .related_good_stuff .goodstuff_popover a.good_link .good_slide .icon {
            margin-right: 0;
            margin-bottom: 10px;
            display: inline; } }
      /* line 253, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .related_good_stuff .goodstuff_popover a.good_link .good_slide .badge_link {
        font-family: "report", sans-serif; /* Nanami-Rounded-Med */
        font-size: 14px;
        font-weight: 600;
        width: 100px;
        margin: 0;
        color: #4eb8d1;
        display: inline-block;
        vertical-align: middle;
        text-transform: uppercase; }
        /* line 263, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
        .info-factoids .related_good_stuff .goodstuff_popover a.good_link .good_slide .badge_link:after {
          content: " ›"; }

/* layout area - just positioning large elements and responsiveness */
/* line 274, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
.info-factoids .info-factoid-container {
  width: 90%;
  margin: 8px 0; }
  @media screen and (min-width: 480px) {
    /* line 274, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .info-factoid-container {
      margin: 4px;
      width: 47.5%; } }
  @media screen and (min-width: 769px) {
    /* line 274, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .info-factoid-container {
      margin: 0;
      width: 23%; }
      /* line 284, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
      .info-factoids .info-factoid-container + .info-factoid-container {
        margin: 0 0 0 8px; } }

/* line 292, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
.info-factoids .related_good_stuff {
  width: 90%;
  width: calc(100% - 22px);
  width: -webkit-calc(100% - 22px); }
  @media screen and (min-width: 480px) {
    /* line 292, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .related_good_stuff {
      width: 97%; } }
  @media screen and (min-width: 1024px) {
    /* line 292, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .related_good_stuff {
      width: 99%; } }
  @media screen and (min-width: 769px) {
    /* line 292, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .related_good_stuff {
      width: calc(100% - 22px);
      width: -webkit-calc(100% - 22px); } }
/* line 307, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
.info-factoids .info-factoid-container {
  width: calc(100% - 22px);
  width: -webkit-calc(100% - 22px); }
  @media screen and (min-width: 480px) {
    /* line 307, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .info-factoid-container {
      width: calc(50% - 16px);
      width: -webkit-calc(50% - 16px); } }
  @media screen and (min-width: 769px) {
    /* line 307, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .info-factoids .info-factoid-container {
      width: calc(25% - 14px);
      width: -webkit-calc(25% - 14px); } }

/* line 322, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
.image-factoid .img {
  margin: 0 auto;
  width: 40%; }
  @media screen and (min-width: 769px) {
    /* line 322, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
    .image-factoid .img {
      width: 50%; } }
/* line 329, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
.image-factoid .link a {
  color: #11c0e0; }
  /* line 331, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_info_factoids.scss */
  .image-factoid .link a:before {
    content: " ›"; }

/* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
#gem-gallery-filter-container .filter-btn-bar, #jewelry-gallery-filter-container .filter-btn-bar {
  display: none; }
  @media screen and (min-width: 600px) {
    /* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    #gem-gallery-filter-container .filter-btn-bar, #jewelry-gallery-filter-container .filter-btn-bar {
      display: block; } }
/* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
#gem-gallery-filter-container .mobile_filter, #jewelry-gallery-filter-container .mobile_filter {
  margin-right: auto;
  margin-left: auto;
  padding: 20px 0 0 0;
  width: 240px; }
  /* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
  #gem-gallery-filter-container .mobile_filter .dk_container, #jewelry-gallery-filter-container .mobile_filter .dk_container {
    width: 240px;
    cursor: pointer; }
    /* line 20, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    #gem-gallery-filter-container .mobile_filter .dk_container .dk_label, #gem-gallery-filter-container .mobile_filter .dk_container .dk_options, #jewelry-gallery-filter-container .mobile_filter .dk_container .dk_label, #jewelry-gallery-filter-container .mobile_filter .dk_container .dk_options {
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      line-height: 18px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #fff; }
  @media screen and (min-width: 600px) {
    /* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    #gem-gallery-filter-container .mobile_filter, #jewelry-gallery-filter-container .mobile_filter {
      display: none; } }

/* line 42, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
.gallery-grid {
  border-radius: 6px;
  padding: 20px 0; }
  @media screen and (min-width: 600px) {
    /* line 42, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    .gallery-grid {
      padding: 30px 0; } }

/* line 52, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
#gallery-image-list {
  margin: auto;
  /*  CENTERED-GRID-SIZER
   *  Determines the width of the list (based on how many columns would fit inside),
   *    allowing us to center it
   * 
   *  This is tied to the $page_padding values in base.scss
   *    and the .gem-gallery-grid-item margin/width/padding below.
   *    also, someone could increase the columnWidth value in initMasonry, 
   *    which would affect this (I would keep it at 0)
   *
   *  Widths should be item.size=245 + 2xitem.padding=20 + 2xitem.margins=6 = 271 each 
   *  Media Queries should also take into account these values:
        $page_padding_medium: 18px;
        $page_padding_medium_large: 50px;
        $page_padding_large: 100px;
   */
  width: 271px; }
  @media screen and (min-width: 596px) {
    /* line 52, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    #gallery-image-list {
      width: 542px; } }
  @media screen and (min-width: 930px) {
    /* line 52, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    #gallery-image-list {
      width: 813px; } }
  @media screen and (min-width: 1310px) {
    /* line 52, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    #gallery-image-list {
      width: 1084px; } }

/* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
.gallery-grid-item {
  /* If changing these, change the math in the centered-grid-sizer above */
  margin: 3px 3px;
  width: 265px;
  padding: 10px;
  border-radius: 6px;
  list-style: none; }
  /* line 91, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
  .gallery-grid-item.blue {
    background-color: #a3ddf6; }
    /* line 92, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    .no-touch .gallery-grid-item.blue:hover {
      background-color: #e2f1fc; }
  /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
  .gallery-grid-item.green {
    background-color: #bdd76e; }
    /* line 96, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    .no-touch .gallery-grid-item.green:hover {
      background-color: #e1efc4; }
  /* line 99, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
  .gallery-grid-item.orange {
    background-color: #fdae5e; }
    /* line 100, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    .no-touch .gallery-grid-item.orange:hover {
      background-color: #f8edcf; }
  /* line 103, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
  .gallery-grid-item.purple {
    background-color: #b9b1f1; }
    /* line 104, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    .no-touch .gallery-grid-item.purple:hover {
      background-color: #efe9fc; }
  /* line 107, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
  .gallery-grid-item.yellow {
    background-color: #f4db6c; }
    /* line 108, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    .no-touch .gallery-grid-item.yellow:hover {
      background-color: #f7f0cf; }
  /* line 111, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
  .gallery-grid-item .img {
    position: relative; }
    /* line 113, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
    .gallery-grid-item .img .play {
      position: absolute;
      background: url("http://www.gia.edu/img/icons/btn-play.png") center center no-repeat;
      background-size: 40px 40px;
      height: 40px;
      width: 40px;
      display: inline;
      left: 42%;
      top: 42%; }
  /* line 125, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
  .gallery-grid-item a .title {
    text-align: center;
    font-family: "report", sans-serif; /* Lato */
    font-size: 19px;
    font-weight: 400;
    color: #000;
    padding: 10px 0; }

/* line 135, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
.isotope-item {
  z-index: 2; }

/* line 139, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery.scss */
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

/* for wide mobile gallery */
/* line 3, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
body#gem_map #info-header {
  display: block;
  margin-right: 10px;
  margin-left: 10px; }
  @media screen and (min-width: 480px) {
    /* line 3, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    body#gem_map #info-header {
      margin-right: 0;
      margin-left: 0; } }

/* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
body#gem_map .info-container-transparent {
  margin-right: 0;
  margin-left: 0; }

/* line 18, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.info-container-transparent {
  background-color: #262525; }

/* Container layout */
/* line 23, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
#gallery-detail-container, #media-detail-container {
  padding-bottom: 116px;
  position: relative; }
  /* line 27, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  #gallery-detail-container .gem-gallery-detail, #gallery-detail-container .media-detail, #media-detail-container .gem-gallery-detail, #media-detail-container .media-detail {
    text-align: center;
    padding-top: 0; }
    @media screen and (min-width: 480px) {
      /* line 27, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
      #gallery-detail-container .gem-gallery-detail, #gallery-detail-container .media-detail, #media-detail-container .gem-gallery-detail, #media-detail-container .media-detail {
        width: 60%;
        margin-right: auto;
        margin-left: auto; } }
    /* line 35, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    #gallery-detail-container .gem-gallery-detail .carousel_container, #gallery-detail-container .media-detail .carousel_container, #media-detail-container .gem-gallery-detail .carousel_container, #media-detail-container .media-detail .carousel_container {
      opacity: 0; }
      /* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
      #gallery-detail-container .gem-gallery-detail .carousel_container .carousel_items .carousel_item, #gallery-detail-container .media-detail .carousel_container .carousel_items .carousel_item, #media-detail-container .gem-gallery-detail .carousel_container .carousel_items .carousel_item, #media-detail-container .media-detail .carousel_container .carousel_items .carousel_item {
        padding-top: 0; }

/* line 47, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.gallery-detail-header {
  position: relative;
  text-align: left;
  margin-left: 20px;
  padding-top: 18px;
  padding-bottom: 18px; }
  @media screen and (min-width: 480px) {
    /* line 47, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gallery-detail-header {
      padding-top: 30px;
      padding-bottom: 30px;
      margin-left: 0;
      text-align: center; } }
  /* line 59, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .gallery-detail-header .title {
    margin: 0px auto 0px auto;
    font-family: "report", sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #767676;
    text-transform: lowercase; }
    @media screen and (min-width: 480px) {
      /* line 59, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
      .gallery-detail-header .title {
        font-size: 30px; } }
  /* line 69, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .gallery-detail-header .back-btn {
    position: absolute;
    top: 16px;
    right: 20px; }
    @media screen and (min-width: 480px) {
      /* line 69, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
      .gallery-detail-header .back-btn {
        top: 30px;
        right: 30px; } }
    /* line 77, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gallery-detail-header .back-btn img {
      width: 28px;
      height: 28px; }

/* line 88, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.gem-gallery-detail .gem-gallery-detail-previous, .gem-gallery-detail .gem-gallery-detail-next {
  position: absolute;
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
  z-index: 5000;
  /* above everything, below lightbox */
  display: none; }
  @media screen and (min-width: 480px) {
    /* line 88, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail .gem-gallery-detail-previous, .gem-gallery-detail .gem-gallery-detail-next {
      display: block; } }
  /* line 98, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .gem-gallery-detail .gem-gallery-detail-previous a.disable, .gem-gallery-detail .gem-gallery-detail-next a.disable {
    visibility: hidden; }
/* line 102, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.gem-gallery-detail .gem-gallery-detail-previous a {
  cursor: pointer;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  background-color: #9de7f5;
  border: 5px solid #0ac4e5;
  position: absolute;
  top: 0;
  font-size: 60px;
  /* size of the arrows */
  background: #9de7f5 url("/gemkids_assets/img/icons/circle-btn-icons@2x.png") no-repeat -5px center;
  background-size: 120px 13px;
  left: 5px; }
  @media screen and (min-width: 600px) {
    /* line 102, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail .gem-gallery-detail-previous a {
      font-size: 0;
      /* size of the font-based arrows, not used*/ } }
  @media screen and (min-width: 480px) {
    /* line 102, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail .gem-gallery-detail-previous a {
      left: 10px; } }
  @media screen and (min-width: 600px) {
    /* line 102, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail .gem-gallery-detail-previous a {
      left: 17px; } }
/* line 121, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.gem-gallery-detail .gem-gallery-detail-next a {
  cursor: pointer;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  background-color: #9de7f5;
  border: 5px solid #0ac4e5;
  position: absolute;
  top: 0;
  font-size: 60px;
  /* size of the arrows */
  background: #9de7f5 url("/gemkids_assets/img/icons/circle-btn-icons@2x.png") no-repeat -43px center;
  background-size: 120px 13px;
  right: 5px; }
  @media screen and (min-width: 600px) {
    /* line 121, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail .gem-gallery-detail-next a {
      font-size: 0;
      /* size of the arrows */ } }
  @media screen and (min-width: 480px) {
    /* line 121, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail .gem-gallery-detail-next a {
      right: 10px; } }
  @media screen and (min-width: 600px) {
    /* line 121, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail .gem-gallery-detail-next a {
      right: 17px; } }
/* line 141, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.gem-gallery-detail .gem-gallery-detail-previous, .gem-gallery-detail .gem-gallery-detail-next {
  top: 180px; }
  @media screen and (min-width: 1024px) {
    /* line 141, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail .gem-gallery-detail-previous, .gem-gallery-detail .gem-gallery-detail-next {
      top: 260px; } }
/* line 148, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.gem-gallery-detail .gem-gallery-detail-previous {
  left: 5%; }
/* line 152, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.gem-gallery-detail .gem-gallery-detail-next {
  right: 5%; }

/* all img/video displays, layout and text */
/* line 161, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.gem-gallery-detail-img, .media-detail-video, .modal-video-info {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #363636;
  padding: 16px;
  border-radius: 6px;
  text-align: left; }
  @media screen and (min-width: 480px) {
    /* line 161, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail-img, .media-detail-video, .modal-video-info {
      width: 100%; } }
  /* line 176, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .gem-gallery-detail-img #title, .media-detail-video #title, .modal-video-info #title {
    font-family: "report", sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.3em;
    color: white;
    margin-bottom: 5px; }
  /* line 183, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .gem-gallery-detail-img #description, .media-detail-video #description, .modal-video-info #description {
    font-family: "report", sans-serif; /* Lato */
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    font-size: 16px;
    color: white;
    margin-bottom: 14px; }
  /* line 191, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .gem-gallery-detail-img .attribution, .media-detail-video .attribution, .modal-video-info .attribution {
    color: #919191;
    font-size: 16px;
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400; }

/* image-specific styling */
/* line 200, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.gem-gallery-detail-img {
  padding: 0;
  background-color: transparent;
  /* container goes to zero padding on small */
  /* bottom item */ }
  @media screen and (min-width: 480px) {
    /* line 200, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail-img {
      background-color: #363636;
      padding: 16px; } }
  /* line 207, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .gem-gallery-detail-img .img {
    position: relative;
    margin-bottom: 16px;
    width: 100%; }
    /* line 211, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail-img .img img {
      width: 100%; }
    /* line 214, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .gem-gallery-detail-img .img .play {
      background: url("http://www.gia.edu/img/icons/btn-play.png") center center no-repeat;
      background-size: 40px 40px;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      width: 40px;
      height: 40px;
      margin: -20px 0 0 -20px;
      z-index: 10; }
      @media screen and (min-width: 480px) {
        /* line 214, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
        .gem-gallery-detail-img .img .play {
          width: 55px;
          height: 55px;
          margin: -23px 0 0 -22px;
          background-size: 55px 55px; } }
  /* line 235, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .gem-gallery-detail-img .description, .gem-gallery-detail-img .title, .gem-gallery-detail-img .attribution {
    padding: 0 12px; }
    @media screen and (min-width: 480px) {
      /* line 235, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
      .gem-gallery-detail-img .description, .gem-gallery-detail-img .title, .gem-gallery-detail-img .attribution {
        padding: 0; } }
  /* line 242, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .gem-gallery-detail-img .attribution {
    margin-bottom: 12px; }

/* VIDEO-specific-styling */
/* Video in page */
/* line 254, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.media-detail-video .video #player {
  width: 100%;
  /* from gia inline style -- height:580px; */ }
  /* line 257, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .media-detail-video .video #player object {
    height: 350px; }
    @media screen and (min-width: 480px) {
      /* line 257, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
      .media-detail-video .video #player object {
        height: 350px; } }
    @media screen and (min-width: 769px) {
      /* line 257, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
      .media-detail-video .video #player object {
        height: 400px; } }
    @media screen and (min-width: 1024px) {
      /* line 257, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
      .media-detail-video .video #player object {
        height: 500px; } }

/* Video in fancybox */
/* line 279, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
.fancybox-wrap {
  z-index: 9999 !important; }
  /* line 281, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .fancybox-wrap .fancybox-inner {
    height: auto !important;
    background-color: #363636; }
  /* line 285, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .fancybox-wrap .fancybox-skin {
    background: #363636; }
  /* line 289, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
  .fancybox-wrap #player {
    /* from gia inline style -- height:580px; */ }
    /* line 291, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
    .fancybox-wrap #player object {
      height: 200px; }
      @media screen and (min-width: 480px) {
        /* line 291, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
        .fancybox-wrap #player object {
          height: 350px !important; } }
      @media screen and (min-width: 769px) {
        /* line 291, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
        .fancybox-wrap #player object {
          height: 300px; } }
      @media screen and (min-width: 1024px) {
        /* line 291, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_gallery_detail.scss */
        .fancybox-wrap #player object {
          height: 400px; } }

/* line 2, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
#gem-microscope-container {
  padding: 0px 18px 30px 18px;
  background-color: #262626; }
  @media screen and (min-width: 480px) {
    /* line 2, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    #gem-microscope-container {
      padding: 30px 30px 30px; } }
  @media screen and (min-width: 600px) {
    /* line 2, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    #gem-microscope-container {
      padding: 50px 30px 30px; } }
  @media screen and (min-width: 1024px) {
    /* line 2, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    #gem-microscope-container {
      padding: 50px 30px 60px; } }

/* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
.gem-microscope {
  width: 100%;
  text-align: center; }
  @media screen and (min-width: 600px) {
    /* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope {
      width: 100%;
      text-align: left;
      margin: 0 auto; } }
  @media screen and (min-width: 1024px) {
    /* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope {
      max-width: 820px;
      text-align: left;
      margin: 0 auto; } }
  /* line 35, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
  .gem-microscope .gem-microscope-viewer, .gem-microscope .gem-microscope-viewer .mask, .gem-microscope .gem-microscope-viewer .stone {
    width: 260px;
    height: 260px; }
    @media screen and (min-width: 480px) {
      /* line 35, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-viewer, .gem-microscope .gem-microscope-viewer .mask, .gem-microscope .gem-microscope-viewer .stone {
        width: 400px;
        height: 400px; } }
    @media screen and (min-width: 600px) {
      /* line 35, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-viewer, .gem-microscope .gem-microscope-viewer .mask, .gem-microscope .gem-microscope-viewer .stone {
        width: 100%;
        height: auto; } }
    @media screen and (min-width: 1024px) {
      /* line 35, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-viewer, .gem-microscope .gem-microscope-viewer .mask, .gem-microscope .gem-microscope-viewer .stone {
        width: 100%;
        height: auto; } }
  /* line 55, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
  .gem-microscope .gem-microscope-viewer {
    position: relative;
    margin-top: 20px;
    max-width: 496px; }
    @media screen and (min-width: 600px) {
      /* line 55, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-viewer {
        margin-top: 0;
        width: 56%;
        float: right; } }
    @media screen and (min-width: 1024px) {
      /* line 55, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-viewer {
        margin-top: 0;
        width: 496px;
        float: right; } }
    /* line 70, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope .gem-microscope-viewer .mask {
      position: absolute;
      z-index: 2; }
    /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope .gem-microscope-viewer .stone {
      position: absolute;
      top: 0; }
      /* line 79, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-viewer .stone img {
        display: none; }
      /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-viewer .stone img#mag_level_1 {
        display: block; }
    /* line 87, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope .gem-microscope-viewer img {
      width: 100%; }
  /* line 96, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
  .gem-microscope .gem-microscope-controls-container {
    position: relative;
    width: 200px;
    text-align: center;
    margin-top: -60px;
    z-index: 3;
    margin-bottom: 12px; }
    @media screen and (min-width: 480px) {
      /* line 96, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-controls-container {
        width: 286px; } }
    @media screen and (min-width: 600px) {
      /* line 96, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-controls-container {
        width: 35%;
        margin: 60px 0 40px 0; } }
    @media screen and (min-width: 1024px) {
      /* line 96, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-controls-container {
        margin: 80px 0 40px 0;
        width: 286px; } }
    /* line 114, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope .gem-microscope-controls-container .gem-microscope-controls {
      width: 100%;
      margin-bottom: 24px;
      width: 200px;
      height: 200px; }
      @media screen and (min-width: 480px) {
        /* line 114, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
        .gem-microscope .gem-microscope-controls-container .gem-microscope-controls {
          width: 286px;
          height: 286px; } }
      @media screen and (min-width: 600px) {
        /* line 114, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
        .gem-microscope .gem-microscope-controls-container .gem-microscope-controls {
          width: 100%;
          height: 100%; } }
      @media screen and (min-width: 1024px) {
        /* line 114, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
        .gem-microscope .gem-microscope-controls-container .gem-microscope-controls {
          width: 100%;
          height: 100%; } }
      @media screen and (min-width: 1024px) {
        /* line 131, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
        .gem-microscope .gem-microscope-controls-container .gem-microscope-controls .microscope-instrument {
          width: 286px; } }
      /* line 135, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-controls-container .gem-microscope-controls .microscope-instrument img {
        width: 100%;
        display: none; }
      /* line 139, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-controls-container .gem-microscope-controls .microscope-instrument img#mag_level_1 {
        display: inline; }
      /* line 144, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-controls-container .gem-microscope-controls .eyepieces .eyepiece {
        width: 45%;
        height: 34%;
        position: absolute;
        cursor: pointer;
        z-index: 5000;
        /* ie transparent divs */
        background-color: #f8f8ff;
        filter: alpha(opacity=0);
        opacity: 0; }
        /* line 153, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
        .gem-microscope .gem-microscope-controls-container .gem-microscope-controls .eyepieces .eyepiece#eyepiece1 {
          top: 36%; }
        /* line 156, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
        .gem-microscope .gem-microscope-controls-container .gem-microscope-controls .eyepieces .eyepiece#eyepiece2 {
          left: 30%; }
        /* line 159, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
        .gem-microscope .gem-microscope-controls-container .gem-microscope-controls .eyepieces .eyepiece#eyepiece3 {
          top: 36%;
          left: 59%; }
    /* line 167, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope .gem-microscope-controls-container .label, .gem-microscope .gem-microscope-controls-container .magnification-level {
      text-align: center;
      font-family: "report", sans-serif; /* Nanami-Rounded-Book */
      font-weight: 600; }
    /* line 172, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope .gem-microscope-controls-container .label {
      text-transform: uppercase;
      color: #bdbdbd;
      font-size: 13px;
      margin-bottom: 14px; }
      @media screen and (min-width: 600px) {
        /* line 172, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
        .gem-microscope .gem-microscope-controls-container .label {
          font-size: 16px;
          margin: 10px; } }
      @media screen and (min-width: 1024px) {
        /* line 172, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
        .gem-microscope .gem-microscope-controls-container .label {
          font-size: 16px;
          margin: 10px; } }
    /* line 188, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope .gem-microscope-controls-container .magnification-level {
      font-family: "report", sans-serif;
      font-size: 18px;
      font-weight: 300;
      margin: 10px;
      color: white;
      display: none; }
      @media screen and (min-width: 769px) {
        /* line 188, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
        .gem-microscope .gem-microscope-controls-container .magnification-level {
          font-size: 24px; } }
      /* line 199, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-controls-container .magnification-level.eyepiece1 {
        display: block;
        color: #ffe861; }
      /* line 203, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-controls-container .magnification-level.eyepiece2 {
        color: #f97f36; }
      /* line 206, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope .gem-microscope-controls-container .magnification-level.eyepiece3 {
        color: #6cc532; }
  /* line 211, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
  .gem-microscope > .description {
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400;
    line-height: 1.4em;
    font-size: 18px;
    position: relative;
    margin-top: -60px;
    margin: 0;
    color: white;
    clear: both;
    text-align: left;
    display: none; }
    /* line 223, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope > .description#mag_level_1 {
      display: block; }
    @media screen and (min-width: 600px) {
      /* line 211, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope > .description {
        font-size: 21px;
        margin-top: 20px; } }
    @media screen and (min-width: 1024px) {
      /* line 211, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
      .gem-microscope > .description {
        font-size: 21px;
        margin-top: 40px; } }
    /* line 236, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_microscope.scss */
    .gem-microscope > .description a {
      color: #42a0f2;
      text-decoration: underline; }

/* line 1, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_map.scss */
body#gem_map .info-container-transparent {
  margin-left: 30px;
  margin-right: 30px; }

/* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_map.scss */
.gem-map-container #map-canvas {
  height: 325px; }
  @media screen and (min-width: 600px) {
    /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_map.scss */
    .gem-map-container #map-canvas {
      height: 600px; } }

/* for wide mobile map - no longer required 12/8/14 */
/* to reimpliment, uncomment and add &#gem_map to layouts.scss under "Wide on Mobile:" */
/*
body#gem_map #info-header {
  display: block;
  margin-right: $page_padding_small;
  margin-left: $page_padding_small;
  @media screen and ($medium) {
    margin-right: 0;
    margin-left: 0;
  }
}
body#gem_map .info-container-transparent {
  margin-right: 0;
  margin-left: 0;
}
*/
@media screen and (min-width: 769px) {
  /* line 3, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
  .simple-section-header-divider-container .page-divider {
    display: none; } }
/* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
.simple-section-header-divider-container .simple-section-header-divider {
  /* in layouts.scss */
  width: 100%;
  background-color: #222; }
  /* line 11, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
  .simple-section-header-divider-container .simple-section-header-divider div {
    padding: 24px 0 20px 0;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    text-align: left;
    font-family: "report", sans-serif; /* Nanami-Rounded-Bld */
    font-size: 22px; 
    font-weight: 700;
    color: #fff;
    text-transform: uppercase; }
    @media screen and (min-width: 769px) {
      /* line 11, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
      .simple-section-header-divider-container .simple-section-header-divider div {
        padding: 15px 0 11px 0; } }

/* SECTION NAV  */
/* background images (specific per module) */
/* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
#gemstones-section-nav .section-nav-logo {
  width: 162px;
  background: transparent url("/gemkids_assets/img/gemstones/logo@2x.png") no-repeat scroll center bottom;
  background-size: 100%; }
  @media screen and (min-width: 769px) {
    /* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
    #gemstones-section-nav .section-nav-logo {
      width: 242px; } }

/* line 45, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
#jewelry-section-nav .section-nav-logo {
  background: transparent url("/gemkids_assets/img/jewelry/jewel-explorer-tab@2x.png") no-repeat scroll center bottom;
  width: 228px;
  background-size: 100%; }
  @media screen and (min-width: 769px) {
    /* line 45, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
    #jewelry-section-nav .section-nav-logo {
      width: 401px; } }

/* globals for all section nav modules */
/* line 58, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
.section-nav-module {
  position: relative;
  width: 100%;
  /* the divider inside */ }
  /* line 61, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
  .section-nav-module .section-nav-top {
    height: 92px;
    position: relative; }
    /* line 64, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
    .section-nav-module .section-nav-top .section-nav-logo-container {
      position: relative;
      bottom: 8px;
      width: 100%; }
      /* line 68, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
      .section-nav-module .section-nav-top .section-nav-logo-container .section-nav-logo {
        text-indent: -9999em;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        display: block; }
        @media screen and (min-width: 480px) {
          /* line 68, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
          .section-nav-module .section-nav-top .section-nav-logo-container .section-nav-logo {
            bottom: 0px; } }
    /* line 79, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
    .section-nav-module .section-nav-top .section-nav-desktop {
      position: absolute;
      bottom: 0px;
      width: 100%;
      text-align: center; }
      /* line 85, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
      .section-nav-module .section-nav-top .section-nav-desktop a.section-nav-item:first-child {
        text-align: right; }
      /* line 88, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
      .section-nav-module .section-nav-top .section-nav-desktop a.section-nav-item:last-child {
        text-align: left; }
      /* line 91, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
      .section-nav-module .section-nav-top .section-nav-desktop a.section-nav-item {
        width: 200px;
        display: none;
        font-family: "report", sans-serif; /* Nanami-Rounded-Med */
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
        color: #666;
        margin-bottom: 10px; }
        /* line 98, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
        .no-touch .section-nav-module .section-nav-top .section-nav-desktop a.section-nav-item:hover {
          color: #191919; }
        /* line 103, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
        .section-nav-module .section-nav-top .section-nav-desktop a.section-nav-item + a.section-nav-item {
          margin-left: 310px; }
          @media screen and (min-width: 1024px) {
            /* line 103, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
            .section-nav-module .section-nav-top .section-nav-desktop a.section-nav-item + a.section-nav-item {
              margin-left: 390px; } }
        @media screen and (min-width: 769px) {
          /* line 91, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
          .section-nav-module .section-nav-top .section-nav-desktop a.section-nav-item {
            display: inline-block; } }
        /* line 112, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
        .section-nav-module .section-nav-top .section-nav-desktop a.section-nav-item.current {
          color: black; }
  /* line 120, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
  .section-nav-module .section-page-divider {
    background-color: #ccc;
    /* global? */
    height: 46px; }
    @media screen and (min-width: 769px) {
      /* line 120, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
      .section-nav-module .section-page-divider {
        height: 8px; } }
    /* line 127, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
    .section-nav-module .section-page-divider .section-nav-mobile {
      width: 100%;
      text-align: center; }
      /* line 131, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
      .section-nav-module .section-page-divider .section-nav-mobile .section-nav-item:first-child {
        text-align: right; }
      /* line 134, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
      .section-nav-module .section-page-divider .section-nav-mobile a.section-nav-item:last-child {
        text-align: left; }
      /* line 137, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
      .section-nav-module .section-page-divider .section-nav-mobile a.section-nav-item {
        /* mobile gem explorer nav items */
        vertical-align: top;
        width: 137px;
        display: inline-block;
        font-family: "report", sans-serif; /* Nanami-Rounded-Med */
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        color: #666;
        margin-top: 17px; }
        @media screen and (min-width: 769px) {
          /* line 137, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
          .section-nav-module .section-page-divider .section-nav-mobile a.section-nav-item {
            font-size: 17px; } }
        /* line 149, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
        .no-touch .section-nav-module .section-page-divider .section-nav-mobile a.section-nav-item:hover {
          color: #191919; }
        /* line 154, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
        .section-nav-module .section-page-divider .section-nav-mobile a.section-nav-item + a.section-nav-item {
          margin-left: 28px; }
          @media screen and (min-width: 480px) {
            /* line 154, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
            .section-nav-module .section-page-divider .section-nav-mobile a.section-nav-item + a.section-nav-item {
              margin-left: 110px; } }
        /* line 160, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
        .section-nav-module .section-page-divider .section-nav-mobile a.section-nav-item.current {
          color: black; }
        @media screen and (min-width: 769px) {
          /* line 137, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_section_nav.scss */
          .section-nav-module .section-page-divider .section-nav-mobile a.section-nav-item {
            display: none; } }

/* 
 * Gemstones Index Recommendations
 */
/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
#recommendations-container {
  background: #2c2c2c url("/gemkids_assets/img/global/recommendations/bg-grid-pattern@2x.gif") repeat top left;
  background-size: 5px 5px;
  border-top: 6px black solid; }

/* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
section.recommendations {
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  padding: 27px 0 25px; }
  @media screen and (min-width: 769px) {
    /* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
    section.recommendations {
      padding: 51px 0 55px; } }
  /* line 18, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
  section.recommendations h3 {
    font-family: "report", sans-serif; /* Nanami-Rounded-Book */
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 18px 0 44px; }
    @media screen and (min-width: 480px) {
      /* line 18, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
      section.recommendations h3 {
        font-size: 26px;
        margin: 13px 0 7px; } }
  /* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
  section.recommendations .recommendation {
    line-height: 1.3em; }
    /* line 31, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
    section.recommendations .recommendation a {
      color: #4bd3f0; }
      /* line 33, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
      .no-touch section.recommendations .recommendation a:hover {
        color: #fff; }
    /* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
    section.recommendations .recommendation + .recommendation {
      margin: 30px; }
      @media screen and (min-width: 769px) {
        /* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
        section.recommendations .recommendation + .recommendation {
          margin: 30px; } }
    /* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
    section.recommendations .recommendation img {
      width: 215px; }
  /* line 48, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_recommendations.scss */
  section.recommendations .recommendation .title {
    position: relative;
    font-family: "report", sans-serif; /* Lato */
    font-size: 16px;
    font-weight: 400;
    margin: 22px 0 10px; }

/* 
 * FOOTER refactored 12/3/13 - jh
 */
/* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
#global-footer-container {
  border-top: 12px black solid;
  background-color: #000;
  padding-top: 30px;
  padding-bottom: 40px; }

/* line 13, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
footer#global-footer {
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  /* footer about and contact */ }
  /* line 17, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
  footer#global-footer a {
    color: #999; }
    /* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
    .no-touch footer#global-footer a:hover {
      color: #fff; }
  /* line 24, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
  footer#global-footer .info {
    width: 100%;
    text-align: center;
    font-family: "report", sans-serif; /* Lato */
    color: #999;
    font-size: 13px;
    font-weight: 400; }
    @media screen and (min-width: 769px) {
      /* line 24, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
      footer#global-footer .info {
        vertical-align: top;
        float: left;
        width: auto;
        text-align: left; } }
    /* line 37, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
    footer#global-footer .info .logo {
      padding-bottom: 9px;
      width: 90px; }
    /* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
    footer#global-footer .info ul.legal-links {
      margin-top: 22px; }
      @media screen and (min-width: 769px) {
        /* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
        footer#global-footer .info ul.legal-links {
          margin-top: 10px; } }
      /* line 46, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
      footer#global-footer .info ul.legal-links li {
        display: block;
        text-align: center;
        margin-bottom: 11px; }
        @media screen and (min-width: 769px) {
          /* line 46, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
          footer#global-footer .info ul.legal-links li {
            display: inline-block;
            text-align: left; }
            /* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
            footer#global-footer .info ul.legal-links li + li:before {
              content: '|';
              margin: 0 5px; } }
  /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
  footer#global-footer .links-container {
    float: none;
    width: 100%; }
    @media screen and (min-width: 769px) {
      /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
      footer#global-footer .links-container {
        float: right;
        width: auto; } }
    /* line 70, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
    footer#global-footer .links-container .links {
      vertical-align: top;
      display: block;
      text-align: right;
      font-family: "report", sans-serif; /* Nanami-Rounded-Book */ 
      font-weight: 600; }
      /* line 75, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
      footer#global-footer .links-container .links ul.about-links {
        font-size: 16px;
        /* yes, bigger on small screens - jh */
        margin-bottom: 34px; }
        @media screen and (min-width: 769px) {
          /* line 75, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
          footer#global-footer .links-container .links ul.about-links {
            font-size: 14px; } }
        /* line 81, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
        footer#global-footer .links-container .links ul.about-links li {
          display: block;
          text-align: center;
          border-bottom: 1px solid #363636;
          margin: 0 10% 20px;
          padding: 0 0 20px; }
          @media screen and (min-width: 769px) {
            /* line 81, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_footer.scss */
            footer#global-footer .links-container .links ul.about-links li {
              margin: 0 0 12px;
              padding: 0;
              display: block;
              border-bottom: none;
              text-align: right; } }

/* ----- CAROUSEL ----- */
/* Carousel nav/dots positioning - 2 options*/
/* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
.homepage_carousel footer.main_feature_nav_buttons {
  bottom: 3px; }
  @media screen and (min-width: 600px) {
    /* line 5, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
    .homepage_carousel footer.main_feature_nav_buttons {
      bottom: 20px; } }

/* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
.gemstones-hero footer.main_feature_nav_buttons, .jewelry-hero footer.main_feature_nav_buttons {
  bottom: 70px; }
  @media screen and (min-width: 600px) {
    /* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
    .gemstones-hero footer.main_feature_nav_buttons, .jewelry-hero footer.main_feature_nav_buttons {
      bottom: 70px; } }

/* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
footer.main_feature_nav_buttons {
  position: absolute;
  width: 100%; }

/* END carousel nav positioning */
/* line 28, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
.carousel_container {
  position: relative;
  overflow: hidden; }
  /* line 33, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
  .carousel_container .carousel_items .carousel_item {
    position: relative;
    float: left;
    display: inline;
    /*apply a transform to kick in the hardware acceleration.  Without this, the first time we add the transform you get odd rendering of the divs (half missing) */
    -webkit-transform: translate3d(0px, 0px, 0px);
    padding-top: 56px; }
    /* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
    .carousel_container .carousel_items .carousel_item .timeline-hero .column-container {
      padding-top: 0; }
  /* line 46, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
  .carousel_container footer {
    padding: 0;
    /* the carousel_nav is absolutely positioned and sent to the back */
    /* .carousel_nav */ }
    /* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
    .carousel_container footer .carousel_nav {
      width: 100%;
      z-index: 0;
      padding: 10px 0 0;
      cursor: pointer;
      text-align: center;
      margin: 0 auto;
      /* .dot_btns */ }
      /* line 58, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
      .carousel_container footer .carousel_nav .dot_btns {
        position: relative;
        margin: -3px 0 0 0;
        left: -3px;
        padding: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
        /* .sdot_btn */ }
        @media screen and (min-width: 600px) {
          /* line 58, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
          .carousel_container footer .carousel_nav .dot_btns {
            width: 100%; } }
        /* line 69, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
        .carousel_container footer .carousel_nav .dot_btns .prev, .carousel_container footer .carousel_nav .dot_btns .next {
          display: none; }
          @media screen and (min-width: 769px) {
            /* line 69, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
            .carousel_container footer .carousel_nav .dot_btns .prev, .carousel_container footer .carousel_nav .dot_btns .next {
              display: inline-block;
              position: relative;
              vertical-align: top;
              margin: 6px 8px 0;
              width: 10px;
              height: 15px;
              background-image: url("/assets/arrows-carousel@2x.png");
              background-size: 20px 30px; } }
        /* line 82, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
        .carousel_container footer .carousel_nav .dot_btns .prev {
          background-position: 0px 0; }
          /* line 84, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
          .no-touch .carousel_container footer .carousel_nav .dot_btns .prev:hover {
            background-position: 0px -15px; }
        /* line 88, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
        .carousel_container footer .carousel_nav .dot_btns .next {
          background-position: -10px 0; }
          /* line 90, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
          .no-touch .carousel_container footer .carousel_nav .dot_btns .next:hover {
            background-position: -10px -15px; }
        /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
        .carousel_container footer .carousel_nav .dot_btns .dot_btn {
          display: inline-block;
          cursor: pointer;
          margin: 0 -2px;
          padding: 10px 11px; }
          @media screen and (min-width: 769px) {
            /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
            .carousel_container footer .carousel_nav .dot_btns .dot_btn {
              margin: 0;
              padding: 10px 9px; } }
          /* line 106, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
          .carousel_container footer .carousel_nav .dot_btns .dot_btn .dot {
            background-color: #d6d6d6;
            border-radius: 50% 50% 50% 50%;
            height: 7px;
            width: 7px; }
          /* line 114, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
          .no-touch .carousel_container footer .carousel_nav .dot_btns .dot_btn:hover .dot {
            background-color: #7d8285; }
          /* line 120, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_carousel.scss */
          .carousel_container footer .carousel_nav .dot_btns .dot_btn.active .dot {
            background-color: #386197; }

/* popover styles for map, glossary and gem info pages */
/*
title: Nanami Rounded Bold 24px black all caps
body: Lato Light (emphasis for pronunciation: Lato Bold)
link: Lato Bold	
caption: Lato Light	
*/
/* line 12, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
.popover {
  display: inline; }

/* line 16, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
.popover .infoBox, .goodstuff_popover .infoBox {
  display: none;
  position: absolute;
  z-index: 9998; }

/* line 22, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
.infobox-close {
  position: relative;
  /* Moved to relative to force long titles to wrap on mobile */
  float: right;
  top: 6px;
  right: 6px;
  z-index: 9999;
  cursor: pointer; }
  /* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
  .infobox-close img {
    width: 31px !important;
    /* sorry for the importants here, but seemed better than specifying all the possible classes that this can show up under -RK */
    height: 31px !important; }

/* line 35, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
.infoBox .popover_overlay_container .popover_overlay a {
  font-weight: 500;
  text-decoration: none; }

/* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
.popover_overlay {
  width: 200px;
  padding: 15px 10px 10px 10px;
  position: relative;
  background-color: #9de7f5;
  border: 7px #0AC4E5 solid;
  text-align: left;
  border-radius: 6px;
  /* 
   * Being very specific here as these class names are common and we could 
   * see unwanted margins, etc., if styles are set on a higher level 
   * (i.e. ".gem_microscope .description")
   */ }
  @media screen and (min-width: 600px) {
    /* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
    .popover_overlay {
      width: 300px;
      padding: 30px 20px 20px 20px; } }
  /* line 59, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
  .popover_overlay .header {
    font-family: "report", sans-serif; /* Nanami-Rounded-Med */
    font-size: 18px;
    font-weight: 600;
    color: black;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 1.3em; }
    @media screen and (min-width: 600px) {
      /* line 59, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
      .popover_overlay .header {
        font-size: 24px; } }
  /* line 73, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
  .popover_overlay .feature {
    margin: 10px 0 0px 0;
    padding: 0; }
    @media screen and (min-width: 600px) {
      /* line 73, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
      .popover_overlay .feature {
        margin: 24px 0 10px 0;
        background: transparent url("/gemkids_assets/img/gemstones/popover/popover-video@2x.png") no-repeat center top;
        background-size: 220px 64px;
        width: 220px;
        height: 64px;
        background-size: 220px 64px;
        padding: 1px 0 0 4px; } }
    /* line 85, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
    .popover_overlay .feature .feature-text {
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400;
      font-size: 13px;
      line-height: 15px;
      color: #42a0f2; }
      /* line 86, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
      .popover_overlay .feature .feature-text:before {
        content: "Bonus Video: "; }
      @media screen and (min-width: 600px) {
        /* line 85, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
        .popover_overlay .feature .feature-text {
          margin-left: 90px;
          margin-top: 7px;
          width: 100px;
          background-color: transparent;
          font-family: "report", sans-serif; /* Lato */
          font-weight: 400;
          font-size: 13px;
          line-height: 15px;
          color: #000; }
          /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
          .popover_overlay .feature .feature-text:before {
            content: ""; } }
  /* line 110, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
  .popover_overlay .img {
    display: none;
    margin-top: 6px; }
    @media screen and (min-width: 600px) {
      /* line 110, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
      .popover_overlay .img {
        display: block; } }
    /* line 116, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
    .popover_overlay .img img {
      width: 100%; }
  /* line 120, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
  .popover_overlay .attribution {
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400;
    font-size: 10px;
    font-style: italic;
    color: #7C9499;
    margin: 0;
    padding: 0; }
  /* line 130, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
  .popover_overlay .pronounciation {
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400 !important;
    color: black !important;
    font-size: 19px !important; }
    /* line 135, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
    .popover_overlay .pronounciation b, .popover_overlay .pronounciation strong {
      font-weight: 500; }
  /* line 140, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
  .popover_overlay .description, .popover_overlay .more_link {
    font-family: "report", sans-serif; /* Lato */
    font-size: 16px !important;
    font-weight: 400;
    color: black !important;
    line-height: 1.1em;
    margin: 0 0 6px 0;
    padding: 0; }
    @media screen and (min-width: 600px) {
      /* line 140, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
      .popover_overlay .description, .popover_overlay .more_link {
        margin: 10px 0;
        font-size: 19px !important;
        line-height: 1.3em; } }
    /* line 152, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
    .popover_overlay .description a, .popover_overlay .more_link a {
      text-decoration: none !important;
      font-size: 16px !important;
      /* google map code requires important here */
      color: #108dbd; }
      @media screen and (min-width: 600px) {
        /* line 152, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
        .popover_overlay .description a, .popover_overlay .more_link a {
          font-size: 19px !important;
          /* google map code requires important here */ } }
      /* line 159, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
      .no-touch .popover_overlay .description a:hover, .no-touch .popover_overlay .more_link a:hover {
        color: #005e8f; }
  /* line 164, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
  .popover_overlay .description {
    font-weight: 300 !important; }
    /* line 166, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
    .popover_overlay .description a {
      font-weight: 500 !important; }
  /* line 171, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
  .popover_overlay .more_link a {
    font-weight: 600 !important; }
    /* line 173, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overlay.scss */
    .popover_overlay .more_link a:after {
      content: " ›"; }

/* timeline styles */
/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
.jewelry-timeline-header, .gemstone-timeline-header {
  padding-top: 68px;
  padding-bottom: 0px; }
  @media screen and (min-width: 769px) {
    /* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    .jewelry-timeline-header, .gemstone-timeline-header {
      padding-top: 97px; } }
  @media screen and (min-width: 1024px) {
    /* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    .jewelry-timeline-header, .gemstone-timeline-header {
      padding-top: 117px; } }

/* line 16, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
.jewelry-timeline-header .page-header img, .gemstone-timeline-header .page-header img {
  width: 83%; }
  @media screen and (min-width: 480px) {
    /* line 16, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    .jewelry-timeline-header .page-header img, .gemstone-timeline-header .page-header img {
      width: 340px; } }
  @media screen and (min-width: 600px) {
    /* line 16, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    .jewelry-timeline-header .page-header img, .gemstone-timeline-header .page-header img {
      width: 416px; } }

/* HEIGHTS */
/* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
section.main_feature.timeline .carousel_items {
  margin-bottom: 10px; }
/* line 32, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
section.main_feature.timeline .column-container, section.main_feature.timeline .carousel_items {
  height: 630px; }
  @media screen and (min-width: 600px) {
    /* line 32, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    section.main_feature.timeline .column-container, section.main_feature.timeline .carousel_items {
      height: 500px; } }
  @media screen and (min-width: 769px) {
    /* line 32, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    section.main_feature.timeline .column-container, section.main_feature.timeline .carousel_items {
      height: 560px; } }

/* line 47, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
section.main_feature.timeline {
  overflow: hidden; }
  /* line 49, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
  section.main_feature.timeline .carousel_container {
    margin: 0 auto;
    overflow: visible;
    width: 100%;
    max-width: 1000px; }
    @media screen and (min-width: 600px) {
      /* line 49, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_container {
        width: 85%; } }
    @media screen and (min-width: 769px) {
      /* line 49, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_container {
        width: 80%; } }
  /* line 62, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
  section.main_feature.timeline .loading_chaper_title {
    position: absolute;
    top: 25px;
    left: -42px; }
  /* line 66, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
  section.main_feature.timeline .carousel_items .carousel_item {
    padding-top: 3px;
    opacity: .5;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */ }
    /* line 70, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    section.main_feature.timeline .carousel_items .carousel_item.current {
      opacity: 1;
      filter: alpha(opacity=50);
      /* For IE8 and earlier */ }
    /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    section.main_feature.timeline .carousel_items .carousel_item .img-col {
      width: 255px;
      max-width: 400px; }
      @media screen and (min-width: 480px) {
        /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .carousel_items .carousel_item .img-col {
          width: 300px; } }
      @media screen and (min-width: 600px) {
        /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .carousel_items .carousel_item .img-col {
          width: 48%;
          padding: 0;
          margin-top: 0;
          margin-right: 3%; } }
      @media screen and (min-width: 769px) {
        /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .carousel_items .carousel_item .img-col {
          width: 50%; } }
      @media screen and (min-width: 1024px) {
        /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .carousel_items .carousel_item .img-col {
          width: 56%; } }
    /* line 97, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    section.main_feature.timeline .carousel_items .carousel_item .title-col {
      margin-top: 6px;
      width: 88%; }
      @media screen and (min-width: 600px) {
        /* line 97, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .carousel_items .carousel_item .title-col {
          width: 47%; } }
      @media screen and (min-width: 769px) {
        /* line 97, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .carousel_items .carousel_item .title-col {
          width: 42%; } }
    /* line 107, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    section.main_feature.timeline .carousel_items .carousel_item .timeline-hero {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      border: 1px solid black;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      border-radius: 0; }
      @media screen and (min-width: 600px) {
        /* line 107, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .carousel_items .carousel_item .timeline-hero {
          border-radius: 18px;
          width: 97%; } }
      @media screen and (min-width: 769px) {
        /* line 107, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .carousel_items .carousel_item .timeline-hero {
          width: 99%; } }
      /* line 127, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .column-container {
        width: 100%;
        max-width: 998px;
        padding: 22px 0; }
        @media screen and (min-width: 600px) {
          /* line 127, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
          section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .column-container {
            padding: 35px; } }
        @media screen and (min-width: 769px) {
          /* line 127, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
          section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .column-container {
            padding: 55px; } }
      /* line 138, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .featured-tag {
        font-family: "report", sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 14px;
        color: #ee6e47;
        margin-bottom: 14px;
        letter-spacing: 1px; }
        @media screen and (min-width: 600px) {
          /* line 138, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
          section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .featured-tag {
            font-size: 19px;
            margin-bottom: 10px; } }
        @media screen and (min-width: 1024px) {
          /* line 138, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
          section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .featured-tag {
            margin-bottom: 15px; } }
      /* line 154, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .title, section.main_feature.timeline .carousel_items .carousel_item .timeline-hero p.description, section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .description {
        color: white;
        width: 100%; }
      /* line 160, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .title {
        width: 90%;
        max-width: 90%;
        margin: 0 auto;
        line-height: 0; }
        @media screen and (min-width: 600px) {
          /* line 160, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
          section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .title {
            width: 100%;
            max-width: 100%;
            margin: 0; } }
        /* line 174, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .title span {
          line-height: 1; }
      /* line 181, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .date {
        color: #fddd8f;
        font-size: 17px;
        font-weight: 400; }
      /* line 186, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_items .carousel_item .timeline-hero p.description, section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .description {
        font-size: 16px;
        margin-bottom: 10px; }
      /* line 190, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_items .carousel_item .timeline-hero footer {
        width: 100%;
        margin-bottom: 20px; }
      /* line 194, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .credit {
        color: gray;
        font-size: 12px;
        float: left;
        position: absolute;
        left: 14px;
        bottom: 11px; }
      /* line 202, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .goodstuff_popover {
        display: none; }
        @media screen and (min-width: 769px) {
          /* line 202, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
          section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .goodstuff_popover {
            display: block;
            width: 60px;
            height: 60px;
            float: left; }
            /* line 213, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
            section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .goodstuff_popover + .goodstuff_popover {
              margin-left: 3px; }
            /* line 216, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
            section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .goodstuff_popover img {
              width: 100%; } }
          @media screen and (min-width: 769px) and (min-width: 1024px) {
            /* line 202, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
            section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .goodstuff_popover {
              width: 75px;
              height: 75px; } }
  /* line 228, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
  section.main_feature.timeline .slide_nav {
    width: 100%;
    position: absolute;
    bottom: 20%; }
    @media screen and (min-width: 480px) {
      /* line 228, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .slide_nav {
        bottom: 140px; } }
    @media screen and (min-width: 769px) {
      /* line 228, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
      section.main_feature.timeline .slide_nav {
        bottom: 180px; } }
  /* line 241, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
  section.main_feature.timeline .main_feature_footer .carousel_nav {
    width: 100%;
    max-width: 998px;
    margin: 0 auto;
    height: 0;
    padding: 0;
    position: relative; }
    /* line 248, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    section.main_feature.timeline .main_feature_footer .carousel_nav a.prev {
      position: absolute;
      opacity: 1;
      left: 3px; }
      @media screen and (min-width: 600px) {
        /* line 248, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .main_feature_footer .carousel_nav a.prev {
          left: 17px; } }
    /* line 256, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    section.main_feature.timeline .main_feature_footer .carousel_nav a.next {
      position: absolute;
      opacity: 1;
      right: 3px; }
      @media screen and (min-width: 600px) {
        /* line 256, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
        section.main_feature.timeline .main_feature_footer .carousel_nav a.next {
          right: 12px; } }
  /* line 266, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
  section.main_feature.timeline .timeline_nav.chapter {
    display: table;
    cursor: pointer; }
    /* line 269, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
    section.main_feature.timeline .timeline_nav.chapter .item_title {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      text-align: center;
      padding: 9px;
      font-family: "report", sans-serif; /* Nanami-Rounded-Book */
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      color: white; }

/* line 284, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
#gemstone_timeline .timeline_nav.chapter {
  background-color: black; }
  /* line 286, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
  #gemstone_timeline .timeline_nav.chapter.current, .no-touch #gemstone_timeline .timeline_nav.chapter:hover {
    background-color: #4eb8d1; }

/* line 293, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
#jewelry_timeline .timeline_nav.chapter {
  background-color: #b6350d; }
  /* line 295, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_timeline.scss */
  #jewelry_timeline .timeline_nav.chapter.current, .no-touch #jewelry_timeline .timeline_nav.chapter:hover {
    background-color: #de5d35; }

/* line 4, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
.activities_teaser, .activities_body {
  width: 100%;
  margin-bottom: 28px; }
  /* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
  .activities_teaser .activities_link, .activities_body .activities_link {
    width: 100%;
    margin-bottom: 20px;
    vertical-align: top; }
    @media screen and (min-width: 600px) {
      /* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
      .activities_teaser .activities_link, .activities_body .activities_link {
        width: 47%;
        margin: 1%; } }
    @media screen and (min-width: 1024px) {
      /* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
      .activities_teaser .activities_link, .activities_body .activities_link {
        width: 31%;
        margin: 1%; } }
  /* line 21, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
  .activities_teaser .activities_slide, .activities_body .activities_slide {
    display: inline-block;
    vertical-align: top;
    border-radius: 8px;
    font-family: "report", sans-serif; /* Nanami-Rounded-Book */
    font-weight: 600;
    position: relative;
    width: 100%;
    background-color: #bae8fa;
    padding: 12px;
    text-align: left; }
    @media screen and (min-width: 769px) {
      /* line 21, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
      .activities_teaser .activities_slide, .activities_body .activities_slide {
        padding: 26px; } }
    /* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
    .no-touch .activities_teaser .activities_slide:hover, .no-touch .activities_body .activities_slide:hover {
      background-color: #F4FBCD; }
  /* line 40, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
  .activities_teaser .main_img, .activities_body .main_img {
    width: 100%;
    margin-bottom: 20px; }
  /* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
  .activities_teaser .title, .activities_body .title {
    color: #000;
    font-family: "report", sans-serif;
    margin-bottom: 12px;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3em; }
    @media screen and (min-width: 480px) {
      /* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
      .activities_teaser .title, .activities_body .title {
        font-size: 30px; } }
    @media screen and (min-width: 600px) {
      /* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
      .activities_teaser .title, .activities_body .title {
        text-align: left;
        font-size: 23px;
        margin-bottom: 16px; } }
    @media screen and (min-width: 769px) {
      /* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
      .activities_teaser .title, .activities_body .title {
        margin-bottom: 30px;
        font-size: 26px; } }
  /* line 65, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
  .activities_teaser .label, .activities_body .label {
    font-family: "report", sans-serif; /* Nanami-Rounded-Book */
    font-size: 14px;    
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.1em;
    color: #646464;
    margin-bottom: 6px; }
    /* line 73, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
    .activities_teaser .label + .label, .activities_body .label + .label {
      margin-bottom: 0px; }
    /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
    .activities_teaser .label .value, .activities_body .label .value {
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400;
      font-size: 16px; }
  /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
  .activities_teaser a.link, .activities_body a.link {
    display: none; }
    @media screen and (min-width: 600px) {
      /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
      .activities_teaser a.link, .activities_body a.link {
        display: block; } }

/* line 93, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
.activities_teaser h3 {
  font-family: "report", sans-serif; /* Nanami-Rounded-Book */
  font-size: 25px;
  font-weight: 600;
  margin: 0;
  color: white;
  background-color: black;
  padding: 13px 36px 8px;
  border-radius: 20px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  top: -24px;
  letter-spacing: 1px; }
  @media screen and (min-width: 769px) {
    /* line 93, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
    .activities_teaser h3 {
      font-size: 40px;
      padding: 16px 36px 8px;
      margin: 0 0 25px; } }

/* line 115, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
.activities_teaser .activities_link {
  width: 100%;
  margin: 0 0 40px; }
  @media screen and (min-width: 600px) {
    /* line 115, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
    .activities_teaser .activities_link {
      width: 31%; } }
  @media screen and (min-width: 600px) {
    /* line 121, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
    .activities_teaser .activities_link + .activities_link {
      margin-left: 1%; } }
  @media screen and (min-width: 769px) {
    /* line 121, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_activities.scss */
    .activities_teaser .activities_link + .activities_link {
      margin-left: 3%; } }

/* Classroom Detail - now article detail - jh 3-3-14 needs to merge with content_page.scss high priority - jh*/
/* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
.article-detail-body .title-col {
  /* in content_page.scss */
  text-align: left;
  /* size & placement */
  margin-bottom: 36px;
  width: 100%; }
  @media screen and (min-width: 769px) {
    /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
    .article-detail-body .title-col {
      width: 35%;
      float: left; } }
  @media screen and (min-width: 1180px) {
    /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
    .article-detail-body .title-col {
      width: 25%; } }
  /* line 20, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
  .article-detail-body .title-col p.title {
    margin-bottom: 9px;
    text-align: left; }
  /* line 25, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
  .article-detail-body .title-col p.blurb {
    font-family: "report", sans-serif; /* Lato */
    font-weight: 400;
    font-size: 18px;
    color: #646464;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #cdcdcd solid;
    text-align: left; }
  /* line 36, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
  .article-detail-body .title-col .label {
    font-family: "report", sans-serif; /* Nanami-Rounded-Book */
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 14px;
    color: #646464;
    margin-bottom: 3px; }
    /* line 43, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
    .article-detail-body .title-col .label .value {
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400;
      font-size: 16px; }
  /* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
  .article-detail-body .title-col .download-button, .article-detail-body .title-col .button-action {
    width: 93%;
    margin-top: 20px;
    margin-bottom: -10px;
    /* this may seem wierd, but allows spacing without changing original html - bm*/ }
    @media screen and (min-width: 480px) {
      /* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
      .article-detail-body .title-col .download-button, .article-detail-body .title-col .button-action {
        width: 49%;
        display: inline-block;
        margin-right: 6px; }
        /* line 56, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
        .article-detail-body .title-col .download-button:last-child, .article-detail-body .title-col .button-action:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 769px) {
      /* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
      .article-detail-body .title-col .download-button, .article-detail-body .title-col .button-action {
        width: 100%;
        display: block; } }
/* line 70, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
.article-detail-body .img-col {
  /* in content_page.scss */
  text-align: left;
  /* size & placement */
  margin-bottom: 32px;
  width: 100%; }
  /* line 77, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
  .article-detail-body .img-col ul {
    list-style: square; }
    /* line 79, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
    .article-detail-body .img-col ul li {
      margin-left: 40px; }
  @media screen and (min-width: 769px) {
    /* line 70, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
    .article-detail-body .img-col {
      width: 60%;
      margin-left: 20px;
      float: right; } }
  @media screen and (min-width: 1180px) {
    /* line 70, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
    .article-detail-body .img-col {
      width: 70%; } }
  /* line 91, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
  .article-detail-body .img-col .img {
    width: 100%; }
  /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
  .article-detail-body .img-col img {
    width: 100%; }
  /* line 99, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
  .article-detail-body .img-col .caption {
    /* core.scss */
    margin-top: 8px;
    text-align: left; }
  /* line 104, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
  .article-detail-body .img-col .description {
    margin-top: 14px;
    text-align: left;
    line-height: 1.4em; }
    /* line 109, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_detail_page.scss */
    .article-detail-body .img-col .description p {
      margin-top: 14px;
      margin-bottom: 4px; }

/* End Classroom CSS */
/* Start Classroom items list CSS possibly more generic list page */
/* line 3, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
.classroom-body {
  padding: 40px 0; }
  /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
  .classroom-body .page-section-header {
    padding-bottom: 12px; }
    /* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
    .classroom-body .page-section-header .page-section-title {
      font-family: "report", sans-serif;
      font-size: 42px;
      font-weight: 300;
      float: left;
      color: #2d2d2d;
      display: none; }
      @media screen and (min-width: 480px) {
        /* line 10, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
        .classroom-body .page-section-header .page-section-title {
          display: block; } }
    /* line 23, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
    .classroom-body .page-section-header .page-section-filter {
      font-size: 20px;
      width: 100%; }
      @media screen and (min-width: 480px) {
        /* line 23, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
        .classroom-body .page-section-header .page-section-filter {
          float: right;
          width: 25%; } }
      /* line 30, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
      .classroom-body .page-section-header .page-section-filter .dk_container {
        min-width: 0; }
  /* line 36, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
  .classroom-body .classroom-item {
    border: 2px #cd9 solid;
    border-radius: 10px;
    margin: 20px 0;
    padding: 20px; }
    /* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
    .classroom-body .classroom-item .img-col {
      float: none;
      width: 100%;
      margin-bottom: 14px; }
      @media screen and (min-width: 600px) {
        /* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
        .classroom-body .classroom-item .img-col {
          float: right;
          margin-left: 20px;
          width: auto; } }
      @media screen and (min-width: 1024px) {
        /* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
        .classroom-body .classroom-item .img-col {
          margin-bottom: 0; } }
      /* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
      .classroom-body .classroom-item .img-col .img {
        width: 100%; }
        @media screen and (min-width: 600px) {
          /* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
          .classroom-body .classroom-item .img-col .img {
            width: 308px; } }
        /* line 58, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
        .classroom-body .classroom-item .img-col .img img {
          width: 100%; }
    /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
    .classroom-body .classroom-item .title-col {
      text-align: left; }
      @media screen and (min-width: 1024px) {
        /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
        .classroom-body .classroom-item .title-col {
          max-width: 60%; } }
      /* line 68, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
      .classroom-body .classroom-item .title-col .title {
        font-family: "report", sans-serif;
        font-weight: 300;
        font-size: 28px;
        color: #1d97d0;
        line-height: 1.2em;
        margin-bottom: 6px; }
      /* line 76, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
      .classroom-body .classroom-item .title-col .label {
        font-family: "report", sans-serif; /* Nanami-Rounded-Book */
        font-weight: 600;
        letter-spacing: 1px;
        font-size: 14px;
        color: #646464;
        margin-bottom: 3px; }
        /* line 83, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
        .classroom-body .classroom-item .title-col .label .value {
          font-family: "report", sans-serif; /* Lato */
          font-weight: 400;
          font-size: 16px; }
      /* line 89, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
      .classroom-body .classroom-item .title-col .description {
        display: none; }
        @media screen and (min-width: 600px) {
          /* line 89, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
          .classroom-body .classroom-item .title-col .description {
            margin: 12px 0 4px 0;
            max-width: 660px;
            display: block; } }
        @media screen and (min-width: 769px) {
          /* line 89, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_list_page.scss */
          .classroom-body .classroom-item .title-col .description {
            margin: 12px 0 4px 0;
            display: block; } }

/*UtilCarousel Base Style*/
/* line 3, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-carousel {
  display: none;
  position: relative;
  -ms-touch-action: pan-y; }

/* line 8, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-carousel .util-wrapper-holder {
  overflow: hidden;
  position: relative;
  width: 100%; }

/* line 13, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-carousel .util-wrapper {
  position: relative;
  display: none; }

/* line 18, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-carousel .util-wrapper:before, .util-carousel .util-wrapper:after {
  display: table;
  content: "";
  line-height: 0; }

/* line 23, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-carousel .util-wrapper:after {
  clear: both; }

/* line 26, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-carousel .util-item {
  float: left; }

/* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.dragging, .dragging * {
  cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), move; }

/*UtilCarousel Defualt Theme*/
/* line 34, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-theme-default .util-pagination {
  text-align: center;
  margin-top: 10px; }

/* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-theme-default .util-page span {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #bbb;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  margin: 5px; }

/* line 50, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-theme-default .util-page {
  display: inline-block;
  cursor: pointer;
  zoom: 1; }

/* line 56, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-theme-default .util-page.active-page span {
  background-color: #555555; }

/* line 59, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-theme-default .util-page:hover span {
  background-color: #888; }

/* line 62, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-theme-default .util-navigation {
  text-align: center; }

/* line 65, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-theme-default .util-prev, .util-theme-default .util-next {
  display: inline-block;
  padding: 4px 8px;
  margin: 5px;
  background-color: #bbbbbb;
  color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1em;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* line 85, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-theme-default .util-prev:hover, .util-theme-default .util-next:hover {
  background-color: #555555; }

/* line 88, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/util.carousel.scss */
.util-theme-default .util-disable, .util-theme-default .util-disable:hover {
  background-color: #bbbbbb;
  opacity: 0.4;
  cursor: default; }

/* line 1, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
.ie8 {
  /* TIMELINE STYLES */
  /* yellow sunrays */
  /* pages with the gem explorer dome, not my favorite css, maybe variabalize? - jh*/
  /* because js isn't determining font size */
  /* ROUNDED CORNERS */
  /* end ROUNDED CORNERS */ }
  /* line 2, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 header#global-header .header-menu-button-container, header#global-header .ie8 .header-menu-button-container, .ie8 .expanding-menu-button-container {
    background: url("/gemkids_assets/img/icons/mobile-menu-icon.png") center center no-repeat; }
  /* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .logo-container {
    background: transparent url("/gemkids_assets/img/global/logo-gemkids.png") no-repeat scroll;
    width: 168px;
    /* no resizing on container */ }
  /* line 14, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 #global_nav_container .arrow_box .arrow_down {
    background: url("/gemkids_assets/img/icons/mobile-menu-downarrow.png") center center no-repeat; }
  /* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 section.main_feature .main_feature_footer .carousel_nav a.prev {
    width: 66px;
    height: 66px;
    background: url("/gemkids_assets/img/gemstones/hero/carousel-arrow-left-default.png") no-repeat !important; }
    /* line 23, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
    .ie8 section.main_feature .main_feature_footer .carousel_nav a.prev:hover {
      background: url("/gemkids_assets/img/gemstones/hero/carousel-arrow-left-hover.png") no-repeat !important; }
  /* line 28, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 section.main_feature .main_feature_footer .carousel_nav a.next {
    background: url("/gemkids_assets/img/gemstones/hero/carousel-arrow-right-default.png") no-repeat !important; }
    /* line 30, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
    .ie8 section.main_feature .main_feature_footer .carousel_nav a.next:hover {
      background: url("/gemkids_assets/img/gemstones/hero/carousel-arrow-right-hover.png") no-repeat !important; }
  /* line 37, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 section.main_feature.timeline .carousel_items .carousel_item {
    padding-top: 0px; }
    /* line 39, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
    .ie8 section.main_feature.timeline .carousel_items .carousel_item .timeline-hero {
      background-repeat: repeat; }
  /* line 43, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .timeline .set_view_master_container {
    margin-bottom: 32px; }
    /* line 45, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
    .ie8 .timeline .set_view_master_container .chapters .timeline_nav {
      margin: 0 3px !important; }
  /* line 51, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 section.main_feature.timeline .carousel_items .carousel_item {
    filter: alpha(opacity=50);
    /* For IE8 and earlier */ }
    /* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
    .ie8 section.main_feature.timeline .carousel_items .carousel_item.current {
      filter: alpha(opacity=100);
      /* For IE8 and earlier */ }
  @media screen and (min-width: 600px) {
    /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
    .ie8 .set_view_master_container .set_view_master_nav#chapter_prev_btn {
      background: transparent url("/gemkids_assets/img/icons/timeline-chapter-arrow-left.png") no-repeat 0 -30px; }
      /* line 66, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
      .ie8 .set_view_master_container .set_view_master_nav#chapter_prev_btn:hover, .ie8 .set_view_master_container .set_view_master_nav#chapter_prev_btn.disabled:hover {
        background: transparent url("/gemkids_assets/img/icons/timeline-chapter-arrow-left.png") no-repeat 0 0; } }
  @media screen and (min-width: 600px) {
    /* line 71, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
    .ie8 .set_view_master_container .set_view_master_nav#chapter_next_btn {
      background: transparent url("/gemkids_assets/img/icons/timeline-chapter-arrow-right.png") no-repeat 0 -30px; }
      /* line 74, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
      .ie8 .set_view_master_container .set_view_master_nav#chapter_next_btn:hover, .ie8 .set_view_master_container .set_view_master_nav#chapter_next_btn.disabled:hover {
        background: transparent url("/gemkids_assets/img/icons/timeline-chapter-arrow-right.png") no-repeat 0 0; } }
  /* line 81, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .goodstuff_popover {
    width: 60px;
    height: 60px; }
    @media screen and (min-width: 1024px) {
      /* line 81, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
      .ie8 section.main_feature.timeline .carousel_items .carousel_item .timeline-hero .goodstuff_popover {
        width: 75px;
        height: 75px; } }
  /* line 90, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .popover_overlay .feature {
    background: transparent url("/gemkids_assets/img/gemstones/popover/popover-video.png") no-repeat center top; }
  /* line 95, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 body #upper-area {
    background: #cccccc url("/gemkids_assets/img/global/header-bg-rays-goodstuff-misc.gif") repeat center top; }
  /* line 102, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 body#view_all_gems #upper-area, .ie8 body#find_my_gem #upper-area, .ie8 body#find_my_gem_results #upper-area, .ie8 body#gem_gallery #upper-area, .ie8 body#gem_gallery_detail #upper-area, .ie8 body#gem_info #upper-area, .ie8 body#gem_map #upper-area, .ie8 body#gem_microscope #upper-area {
    background: white url("/gemkids_assets/img/global/header-bg-rays-gemstones.gif") repeat center top; }
  /* line 108, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .gem-gallery-detail .gem-gallery-detail-previous a {
    background: #9de7f5 url("/gemkids_assets/img/icons/circle-btn-icons.png") no-repeat -5px center; }
  /* line 111, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .gem-gallery-detail .gem-gallery-detail-next a {
    background: #9de7f5 url("/gemkids_assets/img/icons/circle-btn-icons.png") no-repeat -43px center; }
  /* line 117, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .img-col .hero-img .hotspot {
    background: #9de7f5 url("/gemkids_assets/img/icons/circle-btn-icons.png") no-repeat -86px center !important; }
  /* line 122, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .info-factoids .info-factoid-container h1 {
    margin-bottom: -4px; }
  /* line 128, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 #glossary .close-btn, .ie8 #careers .close-btn {
    background: url("/gemkids_assets/img/icons/gallery-close.png") no-repeat top left !important; }
  /* line 133, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 #info-header .icon {
    background-image: url("/gemkids_assets/img/icons/gemtype-nav-icons.png"); }
  /* line 137, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 #recommendations-container {
    background: #2c2c2c url("/gemkids_assets/img/global/recommendations/bg-grid-pattern.gif") repeat top left; }
  /* line 143, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 #mini-explorer #mini-explorer-tab.gems_explorer {
    background: transparent url("/gemkids_assets/img/global/view-gems-tab.png") no-repeat scroll 0 2px; }
  /* line 146, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 #mini-explorer #mini-explorer-tab.jewelry_explorer {
    background: transparent url("/gemkids_assets/img/global/view-jewels-tab.png") no-repeat scroll 0 2px; }
  /* line 149, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 #mini-explorer #mini-explorer-tab.invert {
    background-position: 0 -62px; }
  /* line 155, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .info-hero .column-container {
    background: transparent url("/gemkids_assets/img/gemstones/hero/gemtype-hero-rays.png") no-repeat top left; }
  /* line 159, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 #gemstones-section-nav .section-nav-logo {
    background: transparent url("/gemkids_assets/img/gemstones/logo.png") no-repeat scroll center bottom; }
  /* line 163, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 #jewelry-section-nav .section-nav-logo {
    background: transparent url("/gemkids_assets/img/jewelry/jewel-explorer-tab.png") no-repeat scroll center bottom; }
  /* line 168, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .header-search-container #global-search-form-submit, .ie8 #mobile-search-container #global-search-form-submit {
    /* the magnifying glass submit button */
    background: url("/gemkids_assets/img/icons/search-icon-sm.png") no-repeat 10px 11px transparent; }
  /* line 171, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .audio-button img {
    display: none; }
  /* line 176, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .rounded-tl {
    top: 0;
    left: 0;
    background: url("/gemkids_assets/img/corner-tl.png") 0 0 no-repeat; }
  /* line 183, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .rounded-tr {
    top: 0;
    right: 0;
    background: url("/gemkids_assets/img/corner-tr.png") 100% 0 no-repeat; }
  /* line 190, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .rounded-bl {
    bottom: 0;
    left: 0;
    background: url("/gemkids_assets/img/corner-bl.png") 0 100% no-repeat; }
  /* line 197, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 .rounded-br {
    bottom: 0;
    right: 0;
    background: url("/gemkids_assets/img/corner-br.png") 100% 100% no-repeat; }
  /* line 205, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_ie8.scss */
  .ie8 form #search-value {
    padding: 8px 0 10px 12px; }

/* dropkick style overrides */
/* NEEDS the actual colors - jh */
/*
* the dk_container wraps the dk_toggle which is set to 100%
* therefore the dk_container alone sets the widt of the dropdown selects
*/
/* Just the container */
/* line 11, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
.dk_container {
  width: 100%;
  max-width: 400px;
  font-family: "report", sans-serif;
  font-size: 22px;
  font-weight: 100;  
  font-weight: normal;
  /* css default */
  text-align: left !important;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
  @media screen and (min-width: 769px) {
    /* line 11, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
    .dk_container {
      min-width: 256px; } }
  /* line 25, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
  .dk_container ul {
    list-style: none !important; }
    /* line 27, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
    .dk_container ul li {
      margin-left: 0 !important; }

/* line 33, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
.dk_container {
  background-color: #a8bb3b;
  /* default for site */
  color: white; }
  /* line 35, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
  .color .dk_container {
    background-color: #23427b; }
  /* line 38, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
  .birthday .dk_container {
    background-color: #237b23; }
  /* line 41, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
  .country .dk_container {
    background-color: #892c10; }
  /* line 44, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
  .black .dk_container {
    background-color: #000; }

/* The list item */
/* line 51, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
.dk_options_inner {
  text-align: left; }

/* the top bar, when it's open */
/* line 57, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
.dk_open .dk_toggle {
  box-shadow: none;
  background-color: #a8bb3b;
  /* default for site */
  color: white; }
  /* line 60, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
  .color .dk_open .dk_toggle {
    background-color: #23427b; }
  /* line 63, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
  .birthday .dk_open .dk_toggle {
    background-color: #237b23; }
  /* line 66, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
  .country .dk_open .dk_toggle {
    background-color: #892c10; }
  /* line 69, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
  .black .dk_open .dk_toggle {
    background-color: #000; }

/* line 75, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
.dk_toggle {
  color: white;
  text-shadow: none;
  padding: 13px 20px 10px;
  border: none;
  display: block;
  /* Inline-block, the default creates a horiz scroll bar if 100% wide - jh */ }

/* the formerly hidden sub selects */
/* line 86, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
.dk_options a {
  padding: 12px 10px 8px 18px;
  color: #919191;
  border-bottom: 1px solid #DBDBDB !important; }
  /* line 90, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
  .no-touch .dk_options a:hover {
    background-color: lightgrey;
    color: black; }
/* line 98, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
.dk_options .dk_option_current a {
  border-bottom-color: #999;
  background-color: white;
  text-decoration: none;
  text-shadow: none;
  color: black; }

/* the arrow color */
/* line 109, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
.dk_toggle:after {
  border-top-color: white;
  border: none;
  background: url("/gemkids_assets/img/icons/filter-arrow-dn.png") center center no-repeat !important;
  width: 32px;
  height: 22px;
  top: 11px; }

/* dropkick styles specific to find my stone section */
/* line 120, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
.find_stone_item .dk_container {
  width: 100%;
  font-size: 18px;
  position: relative;
  bottom: 0; }
/* line 126, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_dropkick.scss */
.find_stone_item .dk_toggle {
  border: none;
  color: white; }

/* 
* overrides for smoothDivScroll plugin (primarily image paths)
*/
/* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_smooth_div_scroll.scss */
div.scrollingHotSpotLeft {
  	/* There is a big background image and it's used to solve some problems I experienced
      in Internet Explorer 6. */
  background-image: url(/gemkids_assets/img/vendor/smoothdivscroll/big_transparent.gif);
  /*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
  cursor: url(/gemkids_assets/img/vendor/smoothdivscroll/cursors/cursor_arrow_left.png), url(/gemkids_assets/img/vendor/smoothdivscroll/cursors/cursor_arrow_left.cur), w-resize; }

/* Visible left hotspot */
/* line 18, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_smooth_div_scroll.scss */
div.scrollingHotSpotLeftVisible {
  background-image: url(/gemkids_assets/img/vendor/smoothdivscroll/arrow_left.gif); }

/* line 23, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_smooth_div_scroll.scss */
div.scrollingHotSpotRight {
  background-image: url(/gemkids_assets/img/vendor/smoothdivscroll/big_transparent.gif);
  cursor: url(/gemkids_assets/img/vendor/smoothdivscroll/cursors/cursor_arrow_right.png), url(/gemkids_assets/img/vendor/smoothdivscroll/cursors/cursor_arrow_right.cur), e-resize; }

/* line 29, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_smooth_div_scroll.scss */
div.scrollingHotSpotRightVisible {
  background-image: url(/gemkids_assets/img/vendor/smoothdivscroll/arrow_right.gif); }

/*
 * Overrides to force mobile nav on wide tablets.
 * Also requiring javascript when using initResponsiveElement.
 * -JM
*/
@media screen and (min-width: 769px) {
  /* line 9, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overrides_for_tablets.scss */
  .touch #global-header-container {
    padding-left: 50px;
    padding-right: 50px; } }
@media screen and (min-width: 1024px) {
  /* line 9, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overrides_for_tablets.scss */
  .touch #global-header-container {
    padding-left: 100px;
    padding-right: 100px; } }
@media screen and (min-width: 1024px) {
  /* line 9, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overrides_for_tablets.scss */
  .touch #global-header-container {
    top: 37.5px; } }
@media screen and (min-width: 769px) {
  /* line 24, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overrides_for_tablets.scss */
  .touch .logo-container {
    width: 106px;
    height: 38px;
    background-size: 100%; } }
@media screen and (min-width: 1024px) {
  /* line 24, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overrides_for_tablets.scss */
  .touch .logo-container {
    width: 106px;
    background-size: 100%; } }
@media screen and (min-width: 769px) {
  /* line 35, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overrides_for_tablets.scss */
  .touch .logo-container .logo {
    height: 38px; } }
/* line 42, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overrides_for_tablets.scss */
.touch .header-menu-button-container {
  display: block !important; }
/* line 46, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overrides_for_tablets.scss */
.touch .header-nav-container {
  position: relative !important;
  width: 100% !important;
  top: auto;
  height: auto; }
@media screen and (min-width: 769px) {
  /* line 53, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overrides_for_tablets.scss */
  .touch .expanding-menu-button-container {
    display: block; } }
/* line 60, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_overrides_for_tablets.scss */
.touch #global_nav_container .arrow_box {
  display: block !important; }

/* Page-specific */
/* Maybe everything is modules? */
/* 
 * Find my stone css
 */
/* line 6, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
section.find_my_stone .content_box {
  /* this element class will be used multiple times, be more specific */
  /* Background colors based on class name */
  /* Find My Stone */
  /* Items: Colored boxes with forms (for both Find & Results pages) */
  /* ------------ Find My Stone page --------------- */
  /* ----------------- Find My Stone Results page ------------------ */ }
  /* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
  section.find_my_stone .content_box .content_tagline {
    padding: 30px 20px 30px 20px;
    text-align: center;
    line-height: 1.3em;
    font-family: "report", sans-serif; /* Nanami-Rounded-Book */
    font-size: 30px;
    font-weight: 600;    
    color: #fff; }
    @media screen and (min-width: 480px) {
      /* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
      section.find_my_stone .content_box .content_tagline {
        padding: 40px 20px 45px 20px; } }
    @media screen and (min-width: 769px) {
      /* line 7, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
      section.find_my_stone .content_box .content_tagline {
        padding: 60px 20px 45px 20px; } }
  /* line 19, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
  section.find_my_stone .content_box .find_stone_item_container, section.find_my_stone .content_box .find_stone_item_expanded {
    background-color: #6cc532; }
    /* line 21, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container.birthday, section.find_my_stone .content_box .find_stone_item_expanded.birthday {
      background-color: #6cc532; }
    /* line 22, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container.country, section.find_my_stone .content_box .find_stone_item_expanded.country {
      background-color: #de5d35; }
    /* line 23, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container.color, section.find_my_stone .content_box .find_stone_item_expanded.color {
      background-color: #2ba2f6; }
  /* line 27, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
  section.find_my_stone .content_box .find_stone_items {
    margin: 0 auto 60px;
    width: 100%; }
    /* line 30, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_items .find_stone_item_container {
      /* background-color: #111;  grey means they forgot class name */
      display: inline-block;
      vertical-align: top;
      margin: 10px 0;
      padding: 24px 22px 21px 22px;
      border-radius: 12px;
      text-align: center;
      position: relative;
      width: 100%; }
      @media screen and (min-width: 480px) {
        /* line 30, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
        section.find_my_stone .content_box .find_stone_items .find_stone_item_container {
          margin: 10px;
          width: 300px; } }
  /* line 46, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
  section.find_my_stone .content_box .fs_form {
    width: 100%;
    position: absolute;
    bottom: 0; }
  /* line 54, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
  section.find_my_stone .content_box .find_stone_item_container .find_stone_item, section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item {
    text-align: center;
    position: relative;
    color: #fff; }
    /* line 59, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container .find_stone_item .fs_title, section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .fs_title {
      font-family: "report", sans-serif; /* Nanami-Rounded-Book */
      font-weight: 600; }
    /* line 62, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container .find_stone_item .fs_desc, section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .fs_desc {
      font-family: "report", sans-serif; /* Lato */
      font-weight: 400;
      font-size: 60px; }
  /* line 72, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
  section.find_my_stone .content_box .find_stone_item_container {
    /* Override for our multiple search boxes */ }
    /* line 75, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container .find_stone_item .fs_title {
      color: #fff;
      font-size: 46px;
      display: block;
      margin-bottom: 4px; }
    /* line 81, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container .find_stone_item .fs_desc {
      display: inline-block; }
    /* line 84, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container .find_stone_item .fs_selector {
      background-color: #161;
      /* Is this right? */
      margin-left: 60px;
      padding: 10px;
      margin-top: -20px;
      border-radius: 6px; }
    /* line 91, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container .find_stone_item .fs_desc {
      display: inline-block;
      font-size: 20px;
      line-height: 1.3em;
      margin-bottom: 30px; }
    /* line 97, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container .find_stone_item .back-btn {
      position: absolute;
      top: -17px;
      right: 10px; }
    /* line 102, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_container .find_stone_item .form_button {
      display: none; }
  /* line 109, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
  section.find_my_stone .content_box .find_stone_item_expanded {
    /* Override for our expanded box */
    padding: 12px;
    width: 100%;
    border-radius: 12px;
    margin-bottom: 30px; }
    /* line 116, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_expanded .fs_form {
      position: relative; }
    @media screen and (min-width: 769px) {
      /* line 109, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
      section.find_my_stone .content_box .find_stone_item_expanded {
        height: 70px; } }
    /* line 122, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
    section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item {
      width: 100%; }
      /* line 125, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
      section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .title_container {
        display: inline-block;
        width: 100%;
        text-align: left; }
      /* line 130, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
      section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .fs_title {
        font-family: "report", sans-serif;
        font-size: 25px;
        font-weight: 300;
        color: #fff;
        margin-bottom: 14px;
        margin-top: 6px;
        margin-left: 6px;
        width: 80%; }
        @media screen and (min-width: 769px) {
          /* line 130, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
          section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .fs_title {
            display: inline-block;
            margin-left: 26px;
            margin-right: 36px;
            margin-top: 4px;
            font-size: 30px;
            width: auto;
            line-height: 44px; } }
      /* line 148, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
      section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .fs_desc {
        display: inline; }
      /* line 151, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
      section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .fs_selector {
        display: block;
        top: 0;
        margin: 0;
        width: 96%;
        position: relative;
        margin-right: auto;
        margin-top: 4px;
        margin-left: 6px; }
        @media screen and (min-width: 480px) {
          /* line 151, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
          section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .fs_selector {
            width: 98%; } }
        @media screen and (min-width: 600px) {
          /* line 151, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
          section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .fs_selector {
            width: 99%; } }
        @media screen and (min-width: 769px) {
          /* line 151, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
          section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .fs_selector {
            display: inline-block;
            width: 30%;
            top: 0;
            right: 4px;
            vertical-align: top; } }
      /* line 176, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
      section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .back-btn {
        position: absolute;
        top: 5px;
        right: 4px; }
        /* line 180, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
        section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .back-btn img {
          width: 28px; }
        @media screen and (min-width: 769px) {
          /* line 176, /Users/bergen/Rails/projects/gia/gia_kids_middleman/source/gemkids_assets/css/partials/_find_my_stone.scss */
          section.find_my_stone .content_box .find_stone_item_expanded .find_stone_item .back-btn {
            top: 10px;
            right: 20px; } }
/* STARTS Fixing Modal Heights for HTML5 Videos TODO% find the Script that changes modal height */
.fancybox-wrap #player {
  height: initial !important;
}
 #standaloneVID.vjs-menu li{
text-transform: none;
padding: 3px !important;
 }

 #standaloneVID.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover{
color: #fff !important;
}