/* This stylesheet was added by Paragram in order to avoid altering the existing CSS due to not being familiar with the way the CSS files were being generated. It looks like SCSS is in place, but don't know when it was last utilized/compiled or if it's still being done somewhere. */

/* OVERRIDES TO FIX HEADER POSITIONING -------------------------- */
header.main-site-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
.admin-bar header.main-site-header {
  top: 32px;
}
.admin-bar.single .main-navigation {
  position: absolute !important;
}
.admin-bar.single .main-navigation.stuck {
  position: fixed !important;
}
.admin-bar .main-site-header .main-navigation.stuck {
  top: 32px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.nav-close {
  top: -21px;
}
.admin-bar .nav-close {
  top: 14px;
}
.main-site-header .main-navigation .menu-container .wrapper.middle {
  height: 80%;
}
#wpadminbar {
  z-index: 9999999;
}

/* AGENCY STYLES ------------------------------------------------ */
.profile {
  cursor: default;
}
.profile .profile-name {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255,255,255,0.6);
  opacity: 0;
  transition: all 200ms ease-in-out;
}
.profile:hover .profile-name {
  opacity: 1;
  transition: all 300ms ease-in-out;
}
.profile .profile-name h2 {
  margin: 0;
  padding: 1em 34px;
  line-height: 1em;
  text-align: center;
}

/* MISCELLANEOUS STYLES ----------------------------------------- */
.video-embed {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 56.25%;
}
.video-embed iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 56.25em) {

  /* OVERRIDES TO FIX HEADER POSITIONING -------------------------- */
  .single-project .wrapper {
    width: 90%;
  }

}

@media screen and (max-width: 900px) {

  /* OVERRIDES TO FIX HEADER POSITIONING -------------------------- */
  .nav-close {
    top: auto;
  }

}

@media screen and (max-width: 782px) {

  /* OVERRIDES TO FIX HEADER POSITIONING -------------------------- */
  .admin-bar header.main-site-header {
    top: 46px;
  }
  .admin-bar .main-site-header .main-navigation.stuck {
    top: 46px;
  }
  .admin-bar .nav-close {
    top: 46px;
  }
  #wpadminbar {
    position: fixed;
  }

}