html {

  margin-top: 47px;
}
#mobile-demo a {
  color: white !important;
}
#sd {
  display: block;
  background: url('/assets/images/misc/logo.png') no-repeat -15px 0;
  height: 100%;
  width: auto;
}
#body-wrapper {
  min-height: 90vh;
}
a {
  color: #579529;
}

menu-main-navigation search:hover{ background-color: white;

   transition: width 1s;
   width: 200px;
   color: darkslategray;
 }

 #menu-main-navigation #search:focus{
   background-color: white;
   transition: width 1s;
   width: 200px;
   color: darkslategray;

 }

 #menu-main-navigation #search{
   height: 2.7rem !important;
   border-radius: 50px;
   width: 20px;
   transition: width 1s ease-in-out;
 padding-right: 20px;
 color: transparent;
 padding-left:45px;
 }

#sidemenu-main-navigation #search{
   height: 2.7rem !important;
   border-radius: 50px;
   width: inherit;
 padding-right: 20px;
 color: darkslategray;
 padding-left:45px;
 }

 .search-icon-white{
   color: darkslategray !important;
 }

/*

#search-icon{
  color: red !important;
} */
@media screen and (min-width: 640px) {
  .zoom-hover{
      transition: transform .2s; /* Animation */
  }
  .zoom-hover:hover {
      transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
      z-index:99;
  }
}
.rounded-corner{
  border-radius: 10px;
}
body {
  background-image: linear-gradient(0deg, rgba(36, 0, 10, 1) 2%, rgba(23, 45, 5, 0.8981967787114846) 100%), url("/assets/images/misc/GG_BG_C-10.jpg");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100% !important;

}

.vertically-centered-on-mobile-and-web {

display: flex;
justify-content: center;
align-items: center;

}

.flex {

    display: flex !important;
    flex-wrap: wrap !important;
}
#spotify_div {
    position: fixed;
    bottom: 0;
    width: 100%;
    opacity: 0.4;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
#spotify_div:hover {
    opacity: 1.0;
}