/* This stylesheet is meant for custom styles, on top of the Bone Template */

/* logo resize with header */
header.affix-top .brand img {
  width: 292px;
  height: 100px;
  top: -20px;
  position: relative;
}

/* remove scroll bars for small devices*/
@media screen and (max-width: 992px) {
  &::-webkit-scrollbar {
    display: none;
  }
}

/* video sizing in grid*/
@media screen {
  .grid .grid-item video {
    height: 100%;
  }
}

@media screen {
  .grid .grid-item.tall video {
    width: 100%;
    height: unset;
  }
}

@media screen and (max-width: 992px) {
  /* scale video to width when on mobile*/
  .grid .grid-item video {
    width: 100%;
  }
  /* for thumb videos use div class="thumb video" instead to remove the background-image padding */
  .grid .grid-item .video:before {
    padding-top: 0px;
  }
}

@media screen and (max-width: 1300px) {
  /* video elements shown full screen in hero sections with class="hero fs" for devices smaller than 1300px */
  .hero.fs video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%;

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;

    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/* sections with no padding top and bottom for tighter content */
section.slim {
  padding: 0px 0 0px;
}

/* h-center helper */
section.content.h-center {
  text-align: center;
}

/* logo section */
section.content.logos img {
  width: 100%;
}

/* hero section reduced top offset  */
.offset-top-small {
  margin-top: 5vh;
}

/* add margin back when not hero */
@media screen and (max-width: 992px) {
  .offset-top-nohero {
    margin-top: 10vh;
  }
}

/* remove excess spacing below section */
.vbottom.intro {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* medium font class for hero text */
h3.md {
  font-size: 1.7em;
}

@media screen and (max-width: 992px) {
  h3.md {
    font-size: 1.1em;
  }
}