/*
Sticky nav menu
Above-the-folds
*/

/* Transition effect for the box shadow */
.stands-header {
  transition: 0.3s box-shadow ease-in-out;
}

/* Makes menu stuck */
.stands-header.stuck {
  background: white;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}

/* Adjusts button size to add space top and below menu while avoiding menu doing extra moves */
.stands-header.stuck .button {
  margin: 4px 0;
  padding: 12px 21px;
}

/* Adjusts hero padding to avoid nav menu jerking */
.stands-header.stuck + .hero {
  padding-top: 35px;
}

@media only screen and (min-width: 1025px) {
  /* Adjusts hero padding to avoid nav menu jerking */
  .stands-header.stuck + .hero {
    padding-top: 120px;
  }
}

@media only screen and (min-width: 676px) and (max-width: 1024px) {
  /* Adjusts hero padding to avoid nav menu jerking */
  .stands-header.stuck + .hero {
    padding-top: 95px;
  }
}

@media only screen and (min-width: 600px) {
  /* Adjusts menu positions if logged in */
  .admin-bar .stands-header.stuck {
    top: 32px;
  }  
}


@media only screen and (max-width: 768px) { 
  .blog-top .title {
    max-width: 100%;
  }

  .search-bar {
    max-width: 100%;
  }
}