/**
 * @class GO
 */
/**
 * 
 */
/**
 * 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`
 */
/*controls*/
/* line 97, sass/TripIdeaslider.scss */
.btn-orange {
  display: inline-block;
  padding: 7px 12px;
  background-color: #986e4b;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
}

/* intro block */
/* line 223, sass/TripIdeaslider.scss */
#summaryDiv p {
  font-size: 12px;
}

/* SINGLE IMG SECTION */
/* line 227, sass/TripIdeaslider.scss */
.singleImg {
  float: none !important;
}

/* line 232, sass/TripIdeaslider.scss */
.hidden {
  display: none;
  visibility: hidden;
}

@media only screen and (min-width: 1030px) {
  /* line 241, sass/TripIdeaslider.scss */
  .img-title {
    bottom: 4%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1029px) {
  /* line 246, sass/TripIdeaslider.scss */
  #headerImages {
    height: auto;
  }

  /* line 249, sass/TripIdeaslider.scss */
  .nav-con-holder {
    width: 708px;
  }

  /* line 252, sass/TripIdeaslider.scss */
  #slideshow_controls {
    top: 40%;
  }

  /* line 255, sass/TripIdeaslider.scss */
  .list-carousel {
    height: 379px;
  }

  /* line 258, sass/TripIdeaslider.scss */
  .image-slider-item {
    width: 708px;
    min-height: 379px;
    height: 379px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 269, sass/TripIdeaslider.scss */
  #headerImages {
    height: auto;
  }

  /* line 273, sass/TripIdeaslider.scss */
  #intro .heading {
    padding: 0 15px !important;
  }

  /* line 276, sass/TripIdeaslider.scss */
  .nav-con-holder {
    margin: -50% auto 50%;
    width: 100%;
  }

  /* line 280, sass/TripIdeaslider.scss */
  .image-slider-item {
    min-height: 180px;
    height: 180px;
    width: 320px;
  }

  /* line 285, sass/TripIdeaslider.scss */
  .info_button, .img-title {
    display: none;
    visibility: hidden;
  }

  /* line 286, sass/TripIdeaslider.scss */
  #slideshow_controls {
    top: 40%;
    right: 7%;
  }
}
