@import url('https://fonts.googleapis.com/css?family=Numans');

.bg-colchester {
    background: rgba(13,13,13,1);
    background: linear-gradient(85deg, rgba(13,13,13,1) 10%, rgba(32,1,161,1) 20%, rgba(6,249,244,1) 43%);
}

html, body {
  height: 100%;
}

.full-height {
  height: 100%;
}

/* Padding to allow for Navbar height */
body {
padding-top: 112px;
}

/* Set footer background colour */
.footer-background {
  background-color: var(--dark);
}

/* xs is the default */
body {
  background: url('/images/50M-background-xs.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

@media only screen and (min-width: 576px) {
  body {
    background: url('/images/50M-background-sm.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
}

@media only screen and (min-width: 768px) {
  body {
    background: url('/images/50M-background-md.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
}

@media only screen and (min-width: 992px) {
  body {
    background: url('/images/50M-background-lg.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
}

@media only screen and (min-width: 1200px) {
  body {
    background: url('/images/50M-background-xl.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
}

@media (max-width: 576px) {
   .displayLogo{
       display: none;
   }
}

.bg-warning-crc {
  background-color: rgba(240,173,78,0.7) !important;
}

.bg-light-crc {
  background-color: rgba(240,240,240,0.7) !important;
}

/* Dark theme used for /login pages */
.bg-dark-crc {
  background-color: rgba(0,0,0,0.5) !important;
}

.bg-dark-crc h3 {
color: white;
}

.bg-dark-crc h5 {
color: white;
}

.bg-dark-crc p {
color: white;
}

.bg-dark-crc ul {
color: white;
}

.list-group-crc .list-group-item {
  background-color: rgba(240,240,240,0.8);
  border-top: 1px solid #ffffff;
  border-left-color: #fff;
  border-right-color: #fff;
}

.list-group-crc .list-group-item:hover {
  background-color: lightgrey;
}