@media (min-width: 1190px) {
    body {
        background-image: url(/tdu-logo.png), url(/colours.png);
        background-size: 200px;
        background-repeat: no-repeat;
        background-position: 20px 20px, top right;
    }
    .container {
        width: 750px;
    }
}
@media (min-width: 1432px) {
    body {
        background-image: url(/tdu-logo.png), url(/colours.png);
        background-size: 200px;
        background-repeat: no-repeat;
        background-position: 20px 20px, top right;
    }
    .container {
        width: 970px;
    }
}
@media (min-width: 1610px) {
    body {
        background-image: url(/tdu-logo.png), url(/colours.png);
        background-size: 200px;
        background-repeat: no-repeat;
        background-position: 20px 20px, top right;
    }
    .container {
        width: 1170px;
    }
}
#main-search-form {
    padding: 2ex 0ex 0.5ex 0;
}
.navbar-brand { padding: 0 1ex 0 0; border-right: 1px solid #FFF; }
.navbar-brand img { display: inline; }
#wagtail-userbar { top:200px; }
.navbar-collapse {
    padding: 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #666;
}
.navbar-default,
.navbar-default .dropdown-menu,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #fff !important;
    color: #222 !important;
}
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav li a:hover
{
    background-color: #fff !important;
    color: #222 !important;
    padding: 2ex 0ex 0.5ex 0;
    margin-right: 1em;
    border-bottom: 0.2ex solid #666;
    font-size: 160%;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .dropdown-menu > li > a,
.navbar-default .dropdown-menu > li > a:focus {
    border-bottom: none !important;
}
.navbar-default .dropdown-menu > li > a,
.navbar-default .dropdown-menu > li > a:focus {
    margin-right: 0 !important;
    padding: 1ex 2ex !important;
}
.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav li a:hover {
    border-bottom: none;
}
.navbar-default .navbar-nav > li > a .caret {
    display: none;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #555;
}
.footer p {
    color: #fff;
}

.template-block-list .rich-text ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: space-around;
}

.template-block-list .rich-text ul li a:link,
.template-block-list .rich-text ul li a:visited {
  display: flex;
  text-align: center;
  height: 10em;
  width: 10em;
  justify-content: center;
  align-items: center;
  border-radius: 1em;
  background-color: #f5f5f5;
  padding: 0 1em;
  margin: 1em;
}

.template-block-list .rich-text ul li a:hover,
.template-block-list .rich-text ul li a:active {
  text-decoration: none;
  background-color: #f9f9f9;
}

@media (max-width:767px){
    .navbar-nav {
        margin: 6px 0;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .dropdown-menu > li > a,
    .navbar-default .dropdown-menu > li > a:focus {
        border-bottom: 0.2ex solid #666 !important;
    }

    #main-search-form {
        border: none;
        width: 100%;
        margin: 0;
    }
}