/*
 * Instagram-pagina (#instagramIntro) en feed-plugin
 */

#instagramIntro {
  width: 100%;
  display: block;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-image: url(../../img/bg-home.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000;
  text-align: center;
}
#instagramIntro:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.62);
  top: 0;
  left: 0;
}
#instagramIntro * {
  z-index: 3;
  position: relative;
}
#instagramIntro .entry-content {
  color: #fff;
}
#instagramIntro .entry-content p {
  font-size: 1.4em;
}
#instagramIntro .entry-content a {
  text-decoration: underline;
}
#instagramIntro .introText {
  margin-top: 6em;
  display: block;
  width: 100%;
  margin-bottom: 5em;
}
#instagramIntro img {
  display: block;
  width: 220px;
}
@media (max-height: 700px) {
  #instagramIntro img {
    margin-top: 5%;
  }
}
#instagramIntro a {
  color: #fff;
}
#instagramIntro h2,
#instagramIntro h3 {
  color: #fff;
  text-align: center;
}
#instagramIntro h3 {
  font-size: 1.6em;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 740px) {
  #instagramIntro h3 {
    font-size: 1em;
  }
}
#instagramIntro h2 {
  font-size: 3em;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 1.5em;
}
@media (max-width: 740px) {
  #instagramIntro h2 {
    font-size: 2em;
  }
}
#instagramIntro .arrow {
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 32px;
  height: 19px;
  margin-left: -16px;
  background-image: url(../../img/arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (max-height: 650px) {
  #instagramIntro .arrow {
    display: none;
  }
}
#instagramIntro .button {
  width: 140px;
  margin-top: 2em;
}
#instagramIntro .button.men {
  margin-right: 1em;
}
#instagramIntro .button.men:before {
  left: 100%;
  right: 0;
  transition-property: left;
}
#instagramIntro .button.men:hover:before {
  transition: left 0.3s ease-in-out;
  left: 0;
}
#instagramIntro .entry-title {
  display: none;
}
#instagramIntro #wdi_feed_0_users {
  display: none;
}
#instagramIntro #wdi_feed_0 .wdi_feed_container,
#instagramIntro #wdi_feed_0 .wdi_feed_wrapper,
#instagramIntro #wdi_feed_0 .wdi_load_more,
#instagramIntro #wdi_feed_0 .wdi_spinner {
  background-color: transparent;
}
#instagramIntro #wdi_feed_0 .wdi_load_more_wrap,
#instagramIntro #wdi_feed_0 .wdi_spinner_wrap {
  font-family: "Josefin Sans";
  border-radius: 0;
  background-color: #fa7268 !important;
  font-size: 1.3em;
  font-weight: 700;
  border: 0;
}
#instagramIntro .wdi_feed_thumbnail_1 .wdi_photo_wrap_inner {
  border: 5px solid #000;
  background-color: #0000;
}
#instagramIntro .wdi_layout_th .wdi_feed_item {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  height: 250px;
  margin-bottom: 4px;
}
#instagramIntro .wdi_layout_th .wdi_feed_item img {
  transform: translateX(-50%) translateY(7px) !important;
}
#instagramIntro .wdi_photo_overlay {
  position: absolute !important;
}
html .wdi_image_wrap {
  background-color: #000;
}
html .wdi_ctrl_btn_container,
html .wdi_toggle_container {
  background-color: #fa7268;
}
html .wdi_spider_popup_close {
  background-color: #000;
  width: 40px !important;
  height: 40px !important;
  border-radius: 0 !important;
  top: -40px !important;
  right: 0 !important;
}
html #wdi_spider_popup_left-ico,
html #wdi_spider_popup_right-ico {
  background-color: #fa7268;
  border-radios: 0;
}
html #wdi_feed_0 .wdi_load_more_text {
  color: #fff;
}
html #wdi_feed_0 .wdi_load_more_spinner {
  color: #fff;
}
html .wdi_close_btn {
  color: #fff;
  font-size: 24px;
}