/* Custom CSS - write your own CSS values to overwrite the ones from m20 */

/* Custom CSS - write your own CSS values to overwrite the ones from meerkat16 */

.wms-cal-rss {
  text-align: right;
}
a.wms-cal-link {
  display: none;
}


/* Hero Div */
.hero-container {
    position: relative;
    background: url(https://alumni.williams.edu/files/1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 2em;
}

.hero-text-block {
background: rgba(0,0,0,0.74);
background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.74) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.74)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.74) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.74) 100%);
background: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.74) 100%);
background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.74) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );
color: white;
top: 0px;
padding-top: 25px;
padding-left: 15px;
padding-right: 15px;
}
.no-gradient {
background: none;
}

.hero-title {
    color: #ffffff;
    font-size: 26px;
}

.hero-text {
    color: #ffffff;
    font-size: 18px;
}

.hero-button {
  background: #512698;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.hero-button:hover {
  background: #fdcc09;
  text-decoration: none;
    color: #ffffff;
}