/* ==========================================================================
Een Ander Bedrijf - Inspiratie
========================================================================== */

#container {
  max-width: 100vw !important;
}

#eenanderbedrijf_blok1 {
  min-height: 700px;
  height: auto !important;
}

#myTopnav .menu_item:nth-of-type(4) {
  border-bottom: 4px solid white;
}

#eenanderbedrijf_blok1 {
  min-height: 700px;
  height: auto !important;
  background-image: url(/tl_files/files/eenanderbedrijf/images/Header_Inspiratie.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

#inspiratie_eab {
  padding: 80px 20%;
}

#inspiratie_eab a {
  color: #e94e1b;
}

.inspiratie_yt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.inspiratie_yt_vids {
  margin: 10px;
  width: 300px;
  background: #f9f9f9;
  border: 1px solid #dedede;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
}

.inspiratie_yt_vids:hover {
  cursor: pointer;
}

.inspiratie_yt_vids:hover > img,
.inspiratie_yt_vids:hover > div h3 {
  opacity: 0.3;
}

.inspiratie_yt_vids:hover > div:first-of-type em,
.inspiratie_yt_vids:hover > div a.inspiratie_yt_link {
  display: block;
  opacity: 1;
}

.inspiratie_yt_vids img {
  width: 300px;

  transition: all 200ms ease;
}

.inspiratie_yt_vids div:first-of-type {
  position: absolute;
  height: 170px;
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inspiratie_yt_vids div:first-of-type em {
  display: none;
  opacity: 0;
  transition: all 200ms ease;
}

.inspiratie_yt_vids div:last-of-type {
  height: 50px;
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.inspiratie_yt_vids h3 {
  display: flex;
  font-size: 1em;
  font-weight: normal;
  margin-block-start: 0;
  margin-block-end: 0;
  padding: 5px;
  opacity: 1;
  transition: all 200ms ease;
}

.inspiratie_yt_link {
  position: absolute;
  background-color: #e94e1b;
  border-radius: 3px;
  display: none;
  color: white !important;
  padding: 8px;
  opacity: 0;
}

.footer_box p:nth-child(4) a {
  border-bottom: 4px solid white;
}

em {
  font-family: fontAwesome !important;
  font-style: normal;
  font-size: 50px;
}

/* ==========================================================================
End
========================================================================== */

/* ==========================================================================
Een Ander Bedrijf - Inspiratie - 1023px
========================================================================== */

@media screen and (max-width: 1023px) {
  #eenanderbedrijf_blok1 {
    min-height: 300px;
    height: auto !important;
  }

  #inspiratie_eab {
    padding: 20px;
  }

  #inspiratie_eab h1,
  #inspiratie_eab h2 {
    text-align: center;
  }

  #eab_company_link {
    text-align: center;
  }
}

/* ==========================================================================
End
========================================================================== */