/**
 * @file
 * Field Styling
 *
 * The Fences module allows site builders to pick the semeantic HTML5 element
 * for each field while editing the field's settings. There's no way a theme
 * can ever know which element to use for the fields on your site, so Zen
 * just uses lets Drupal core or Fences decide. Since you DO NOT want 3 wrapping
 * divs around every field (do you?), we highly recommend Fences.
 *
 * http://drupal.org/project/fences
 */
/**
 * Convert px to em
 * Stolen from https://github.com/stubbornella/oocss, modified with default value
 *
 * @param $px - the value in pixel you want to convert
 * @param $context - the context in pixel e.g. you want to set margin on your text,
 * and font size on your text is equivalent to 14px, then your context is 14.
 */
/**
 * Override moblle padding
 */
/*
 * Field wrappers when the Fences module is enabled.
 */
/* line 21, ../sass/fields.scss */
.field-label {
  /* The optional label for a field. */
}

/* line 24, ../sass/fields.scss */
.field-FIELDNAME {
  /* Underscores in field name are replaced with dashes. */
}

/*
 * If you don't use the Fences module, that's fine. Really. I think. Just use
 * these selectors instead:
 */
/* line 33, ../sass/fields.scss */
.field {
  /* Wrapper for any field. */
}

/*
 * Field types (Core)
 */
/*
 * Field types (Contrib)
 */
/* line 83, ../sass/fields.scss */
.field-type-datetime {
  /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */
}

/*
 * Named fields
 */
/* line 105, ../sass/fields.scss */
.field-name-field-FIELDNAME {
  /* Underscores in field name are replaced with dashes. */
}

/* Field edits for video pages */
/* line 109, ../sass/fields.scss */
.video-thumbnail {
  padding-bottom: .25em;
  position: relative;
  width: 210px;
}
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 109, ../sass/fields.scss */
  .video-thumbnail {
    width: 150px;
  }
}
/* line 117, ../sass/fields.scss */
.video-thumbnail .field-duration {
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  line-height: 20px;
  font-size: 12px;
  position: absolute;
  top: 116px;
  padding: 0px 10px 0;
  right: 0;
}
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 117, ../sass/fields.scss */
  .video-thumbnail .field-duration {
    top: 77px;
  }
}
/* line 132, ../sass/fields.scss */
.video-thumbnail .play-button img {
  position: absolute;
  top: 40px;
  left: 75px;
}
/* line 138, ../sass/fields.scss */
.video-thumbnail > a:focus {
  display: block;
}
/* line 141, ../sass/fields.scss */
.video-thumbnail > a:focus + div.field-name-field-brightcove-video img {
  outline: thin dotted #2477CA;
}

/* line 147, ../sass/fields.scss */
.view-homepage-videos button:focus {
  outline: thin dotted #2477CA !important;
}

/* line 151, ../sass/fields.scss */
.field-name-field-video-feed-category {
  border-right: 1px solid #323232;
  padding: 0 0.5em;
}

/* line 156, ../sass/fields.scss */
.field-name-field-video-feed-category:last-child {
  border-right: none;
}

/* line 159, ../sass/fields.scss */
.field-name-field-video-download a {
  background: url(../images/download.png) left center no-repeat;
  background-size: 13px 12px;
  padding-left: 20px;
}

/* line 166, ../sass/fields.scss */
.field-name-field-video-transcript a#transcript-title {
  color: #2477CA;
  padding-left: 17px;
  text-transform: uppercase;
  background: url(/sites/all/themes/ftc/images/menu-sub-collapsed.png) no-repeat left center;
}
/* line 172, ../sass/fields.scss */
.field-name-field-video-transcript a#transcript-title:hover {
  text-decoration: none;
}
/* line 176, ../sass/fields.scss */
.field-name-field-video-transcript #transcript-title.expanded {
  background-image: url(/sites/all/themes/ftc/images/menu-sub-expanded.png);
}
/* line 180, ../sass/fields.scss */
.field-name-field-video-transcript .transcript-content {
  border: 1px solid #dbdbdb;
  margin: 1em 0;
  padding: 1em 1.3em;
}