/**
 * Nicolas Gallagher's micro clearfix hack without IE6/7 support
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Formats a list to have no bullets, padding or margin.
 * It uses `> li` to not affect any lists nested inside this list.
 */
/**
 * Mixin for absolute, fixed or relative positioning.
 *
 * Examples:
 *
 *     // this will position the item absolute with top: 0; and left: 0;
 *     .item1 { @include position; }
 *     
 *     // this will position the item absolute with bottom: 50px; and right: 50px;
 *     .item2 { @include position(50px, "BR"); }
 *     
 *     // this will position the item fixed with top: 10px; and right: 40px;
 *     .item3 { @include position(10px 40px, "TR", fixed); }
 * 
 * @param {Array} [$coordinates=0] Sets the coordinates.
 * @param {String} [$align="TL"] Sets the alignment of the positioning.
 * Possible values:
 * 
 *   - "TL": top left
 *   - "TR": top right
 *   - "BL": bottom left
 *   - "BR": bottom right
 *   
 * @param {String} [$position=absolute] Sets the css attribute `position`
 */
.hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}

/**
 * Usage:
 *
 *   background-color: color(white);
 */
/**
 * Usage:
 *
 *   background-color: color('white');
 */
/**
 * Creates placeholder selectors for each color setting the background color
 * Example would be `%bg-white` which you could use like `@extend %bg-white`
 */
/* BREAKPOINTS CONFIG */
.saskSecretExp-list {
  float: left;
  padding: 20px 0;
  width: 100%;
  border-top: 1px solid #c1c1c1;
}

.saskSecretExp-list.featured {
  background: #f3f3f3;
}

.saskSecretExp-list:first-child {
  margin: 20px 0 0 0;
}

@media (min-width: 980px) {
  .saskSecretExp-list:first-child {
    margin: 0;
  }
}

.saskSecretExp-list__image,
.saskSecretExp-list__descriptionBlock {
  float: left;
}

.saskSecretExp-list__descriptionBlock {
  width: 100%;
}

.saskSecretExp-list__image {
  float: left;
  margin: 0 0 20px 0;
  width: 100%;
}

.saskSecretExp-list__title {
  margin: 0;
}

.saskSecretExp-list__description {
  display: none;
}

@media (min-width: 768px) {
  .saskSecretExp-list__description {
    display: block;
  }
}

.saskSecretExp-list__description__time,
.saskSecretExp-list__description__distance {
  float: left;
  width: 50%;
}

.saskSecretExp-list__description__time span,
.saskSecretExp-list__description__distance span {
  padding: 0 10px 0 0;
}

@media (min-width: 500px) {
  .saskSecretExp-list__descriptionBlock {
    width: 100%;
  }
  .saskSecretExp-list__description {
    display: none;
  }
}

@media (min-width: 768px) {
  .saskSecretExp-list__descriptionBlock {
    width: 100%;
  }
  .saskSecretExp-list__description {
    display: block;
  }
}

@media (min-width: 980px) {
  .saskSecretExp-list__image {
    width: 50%;
  }
  .saskSecretExp-list__descriptionBlock {
    padding: 0 0 0 20px;
    width: 50%;
  }
  .saskSecretExp-list__descriptionBlock[data-image='False'] {
    padding: 0;
    width: 100%;
  }
  .saskSecretExp-list__description {
    display: block;
  }
}

.saskSecretExp__detail {
  width: 100%;
}

.saskSecretExp__detail iframe[src^='https://www.youtube.com'] {
  margin: 20px 0;
}

.saskSecretExp__detail__date-time-distance {
  float: left;
  width: 100%;
}

.saskSecretExp__detail__date-time-distance p {
  margin: 0;
}

.saskSecretExp__detail__date {
  float: left;
  width: 100%;
}

.saskSecretExp__detail__time {
  display: inline-block;
  width: 50%;
}

.saskSecretExp__detail__time span {
  padding: 0 10px 0 0;
}

.saskSecretExp__detail__distance {
  display: inline-block;
  width: 45%;
}

.saskSecretExp__detail__distance span {
  padding: 0 10px 0 0;
}

#SaskSecretForm {
  margin: 0;
  width: 300px;
  height: 625px;
  border: 0;
}

@media (min-width: 500px) {
  #SaskSecretForm {
    width: 100%;
  }
}

@media (min-width: 500px) {
  .saskSecretExp__detail__date-time-distance .social__share__container {
    float: right;
  }
  .saskSecretExp__detail__date-time-distance .saskSecretExp__detail__date {
    width: 50%;
  }
  .saskSecretExp__detail__date-time-distance .saskSecretExp__detail__time {
    float: left;
  }
  .saskSecretExp__detail__date-time-distance .saskSecretExp__detail__distance {
    float: left;
  }
}

@media (min-width: 980px) {
  .saskSecretExp__detail__date-time-distance .social__share__container {
    float: right;
  }
  .saskSecretExp__detail__date-time-distance .saskSecretExp__detail__date {
    width: 33%;
  }
  .saskSecretExp__detail__date-time-distance .saskSecretExp__detail__time {
    width: 33%;
  }
  .saskSecretExp__detail__date-time-distance .saskSecretExp__detail__distance {
    width: 33%;
  }
}
/*# sourceMappingURL=styles.css.map */