body {
  font-family: "Source Sans Pro", sans-serif;
  background-color: #666;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.5;
  color: #404040;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 24px;
}

h3, .h3 {
  font-size: 18px;
}

h4, .h4 {
  font-size: 18px;
}

a {
  color: #a92173;
  text-decoration: none;
}

a:visited {
  color: #a92173;
}

a:hover {
  color: #83004d;
}

.lead {
  font-weight: normal;
  font-size: 18px;
  color: #666;
}

.navbar-default .container {
  flex-direction: column;
  align-items: normal;
}
@media (max-width: 768px) {
  .navbar-default .container {
    max-width: none;
  }
}
@media (min-width: 768px) {
  .navbar-default .container {
    flex-direction: row;
  }
}

.navbar-toggler {
  border: none;
  position: relative;
  float: right;
  padding-right: 0;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler .fa-bars {
  color: #fff;
  border: 1px solid;
  border-radius: 4px;
  padding: 8px;
}

.navbar-brand,
.navbar-nav >li >a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.dropdown-menu a.dropdown-item {
  color: var(--bs-dropdown-link-color);
}

footer .nav-pipes {
  justify-content: center;
}

@media (min-width: 576px) and (max-width: 768px) {
  .container {
    max-width: 756px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 768px) {
  .content[class*="home-primary"] .row,
  article#content.content .container .row {
    flex-direction: row-reverse;
    justify-content: center;
  }
}

.c-jisc-banner__jisc-brand {
  margin-bottom: 0;
}

ul.list-inline > li {
  display: inline-block;
}

.btn-primary, .btn-default {
  background-repeat: repeat-x;
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;  
}

.btn-primary {
  color: #fff !important;
  background-color: #a92173 !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a92173", endColorstr="#761750");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#a92173), to(#761750));
  background-image: -moz-linear-gradient(top, #a92173 0, #761750 100%);
  background-image: -ms-linear-gradient(top, #a92173 0, #761750 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a92173), color-stop(100%, #761750));
  background-image: -webkit-linear-gradient(top, #a92173 0, #761750 100%);
  background-image: -o-linear-gradient(top, #a92173 0, #761750 100%);
  background-image: linear-gradient(#a92173 0, #761750 100%);
  border-color: #a92173 #a92173 hsl(283, 100%, 31.5%);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.btn-default {
  color: #a92173 !important;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a92173", endColorstr="#761750");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image: -moz-linear-gradient(top, #fff 0, #e0e0e0 100%);
  background-image: -ms-linear-gradient(top, #fff 0, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e0e0e0));
  background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
  background-image: linear-gradient(#fff 0, #e0e0e0 100%);
  border-color: #ccc;
  text-shadow: 0 1px 0 #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #83004d;
  border-color: #83004d;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  border-color: #83004d;
  background-color: #d6d6d6;
}

.btn-primary:hover,.btn-primary:focus {
  background-position: 0 -50px;
}

.btn-primary:active,.btn-primary.active {
  background-color: #761750;
  border-color: #6d154a
}

.btn-default:hover,.btn-default:focus {
  background-position: 0 -50px;
}

.btn-default:active,.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb
}

.breadcrumb {
  padding: 12px 0;
}

.breadcrumb > li + li::before {
  content: "» ";
  color: rgb(102, 102, 102);
  padding: 0px 5px;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display:inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-group:has(.btn-primary[name="spreadsheet_requested"]) {
    margin-top: 12px;
  }

  .form-inline .form-group .form-select {
    display: inline-block;
    width: auto;
  }

  .form-inline .form-control {
    appearance: auto;
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .input-group>.form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }

  .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-generate-report .form-control {
  padding: 3px 12px;
}

.form-generate-report .btn {
  font-size: 16px;
  padding: 3px 12px;
}

.form-generate-report .form-select__results {
  padding: 3px 12px;
  min-width: 70px;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .form-generate-report .form-select__results {
    background-position-x: calc(100% - 4px);
  }

  form.form-inline.form-generate-report .form-group .col-md-8,
  form.form-inline.form-generate-report .form-group .col-md-4 {
    float: left;
  }

  form.form-inline.form-generate-report .form-group .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
  }  
}

@media (min-width: 992px) {
  .col-md-6 {
    width: 50%;
    float: left;
  }
}

span.select2-container.select2-container--above {
  margin-bottom: 6px;
}