@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

body
{
  font-family: "Open Sans", "Verdana", "Geneva", "Arial", sans-serif;
  padding-top: 1em;
}

h1
{
  font-weight: 700;
}

h2, h3, h4, h5, h6
{
  font-weight: 600;
}

h1, .jumbotron h1
{
  font-size: 18pt;
}

h2
{
  background: hsla(120, 100%, 15%, .75);
  color: white;
  font-size: 12pt;
  padding: .5em .25em .25em .5em;
  margin-top: 1em;
}

a
{
  color: hsl(120, 100%, 15%);
}

a:focus, a:hover
{
  color: hsl(120, 100%, 20%);
}

dd
{
  margin-left: 1em;
}

.jumbotron
{
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/74/Cmglee_Cambridge_Trinity_College_Great_Court.jpg");

  background-position: 0% 60%;
  background-size: cover;

  padding-top: 2em;
  padding-bottom: 2em;

  box-shadow: inset 0 0 0 1000px hsla(120, 40%, 40%, 0.1);
  text-shadow: 2px 2px 8px black;
}

.jumbotron h1, .jumbotron .location
{
  color: white;
}

.jumbotron h1
{
  text-align: center;
}

.jumbotron .location
{
  font-size: 14pt;
  font-weight: 600;
  margin: 1em;
  text-align: right;
}

td
{
  padding: 0.5em 0;
}

td:not(:first-child), th:not(:first-child)
{
  padding-left: 1em;
}

td:first-child
{
  font-weight: bold;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover
{
  background: hsla(120, 50%, 30%, 10%);
  border-color: hsl(120, 50%, 30%);
  color: hsl(120, 50%, 30%);
}

#news .row
{
  margin-top: .5em;
}

.news
{
  /* background: hsla(4, 50%, 70%, 0.05); */
  /* border: 1px solid #ddd; */
  border-radius: 4px;
  padding: .5em;
}

@media screen and (min-width: 768px)
{
  .jumbotron
  {
    padding-bottom: .25em;
  }
}