.coolshadow, input{
box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
-webkit-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 31px -10px rgba(0,0,0,0.75);
}

.g-recaptcha {
    display: inline-block;
    margin-top: 8px;
}

.center{
  text-align: center;
}

body{
	padding-top: unset;
}

@media (max-width: 992px) {
  .navbar{
    background-color: white;
  }
}

.bold{
  font-weight: bold;

}

.reserved{
  background-color: #d5d5d5;
}

.hovercard:hover{
  background-color: #6f42c1;
  color: white;
  transition-duration: 300ms;
}

.listofplaylists a:hover{
	color: unset;
}

.cardlink{
	color: unset;
}

.bluebutton, .bluebutton:hover{
	background-color: #005c97 !important;
	border-color: #005c97 !important;
}

.grayheadline{
	color: #3d3d3d !important;
}

.py-5 .custom {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

  #mobileimage {
    display: none;
  }
  #desktopimage{
  	display: block;
  }

@media only screen and (max-width: 992px) {
  #mobileimage {
    display: block;
  }
  #desktopimage{
  	display: none;
  }
}

#hero{
  background: url(/verselocker/collections/img/banner-4.png) no-repeat; background-size: 100% 80%
}

#about{
  background: url(/verselocker/collections/img/service-bg.svg) no-repeat; background-size: cover
}

input{
   width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  
}

.errormessage, #passwordalert{
  color: red;
}

.event_totalverses{

    background-color: #999999;
    padding: 0 5px;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    margin-top: 10px;
    width: 200px;
    max-width: 80%;
    color: white;

  }