body {
    font-family: sofia-pro, sans-serif;
}

#content {
    min-height: 80vh;
}

.text-exceed {
    color: #1070b7;
}

.bg-exceed {
    background-color: #1070b7;
}

.navbar-light .nav-item.active .nav-link,
.navbar-light .nav-item .nav-link:active,
.navbar-light .nav-item .nav-link:focus,
.navbar-light .nav-item:hover .nav-link {
    color: #1070b7;
}

.navbar-light .nav-item .btn-nav-exceed-outline:active{
    color: #1070b7;
}

.nav-exceed-logo {
  max-height: 60px;
}

.asteriskField {
    display: none;
}

.exceed-title {
    font-size: large;
}

.landing-jumbotron {
    background-color: #1070b710;
}

.navbar-nav > li{
  margin-right:5px;
}

.nav-link {
    font-size: small;
    font-weight: 500;
}

.btn-nav-exceed-outline {
    border: #1070b7 solid 2px;
    font-size: small;
    color: #1070b7!important;
    padding: 0 10px;
    margin: 10px 0;
}

.btn-nav-exceed-outline:hover {
    border: #1070b7 solid 2px;
    font-size: small;
    background-color: #1070b7;
    color: white!important;
}

.btn-nav-exceed-outline:hover>.nav-link {
    color: white!important;
}

.fluid-image-block {
    height: 300px;
    min-height: 300px;
    max-height: 300px;
}

.fluid-image-block-landing {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
}

.image-jumbotron {
    height: 100%;
    background: rgba(0,0,0, 0.3);
}

.image-title {
    color: white;
    text-shadow: black;
    font-size: 2.5rem;
    opacity: 1;
}

.video-title {
    font-size: 2.5rem;
}

.videoWrapper {
  position: relative;
  padding-bottom: 60%;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-video-iframe {
    border: #1070b7 10px solid;
    border-radius: 5px;
}

@media (min-width: 992px){
  .nav-exceed-logo {
    max-height: 80px;
  }
    .fluid-image-block {
        height: 400px;
        min-height: 400px;
        max-height: 400px;
    }

.fluid-image-block-landing {
    height: 500px;
    min-height: 500px;
    max-height: 500px;
}

.image-title {
    color: white;
    text-shadow: black;
    font-size: 6rem;
}

.video-title {
    font-size: 6rem;
}
}

.fluid-image-block-tram {
    background-image: url("/static/images/tram.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 80%;
}

.fluid-image-block-birmingham {
    background-image: url("/static/images/birmingham.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.fluid-image-block-leicester {
    background-image: url("/static/images/leicester.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 35%;
}

.fluid-image-block-nottingham {
    background-image: url("/static/images/nottingham.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 60% 35%;
}

.fluid-image-block-diversity {
    background-image: url("/static/images/diversity.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 20%;
}

.fluid-image-block-elderly {
    background-image: url("/static/images/elderly.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 25% 25%;
}

.fluid-image-block-people {
    background-image: url("/static/images/people.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 25% 25%;
}

.fluid-image-block-crowd {
    background-image: url("/static/images/crowd.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.fluid-image-block-lung {
    background-image: url("/static/images/lung.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
}

.fluid-image-block-station {
    background-image: url("/static/images/station.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
}

.fluid-image-block-family {
    background-image: url("/static/images/family.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.fluid-image-block-building {
    background-image: url("/static/images/building.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.fluid-image-block-sport {
    background-image: url("/static/images/sport.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.exceed-block {
    background-color: #1070b7;
    color: white;
}

.exceed-block-white {
    background-color: white;
    color: black;
}

.exceed-block-green {
    background-color: #7cb9ba;
    color: white;
}

.btn-exceed-intro {
    color: #1070b7;
    background-color: white;
    padding: 20px 20px;
    border-radius: 300px;
}

.btn-exceed-intro:hover {
    color: #1070b7!important;
}

.btn-exceed-intro-blue {
    color: white;
    background-color: #1070b7;
    padding: 20px 20px;
    border-radius: 300px;
}

.btn-exceed-intro-blue:hover {
    color: white!important;
}

.space-block {
    height: 100px;
}

.informed-consent {
    background-color: #1070b70F;
}

.review-jumbotron {
    background-color: #1070b70F;
}

@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}

.select2-container .select2-selection--single {
    height: 40px!important;
}

.exceed-adelle-light {
    font-family: adelle, serif;
    font-weight: 300;
}

.exceed-adelle-regular {
    font-family: adelle, serif;
    font-weight: 400;
}

.exceed-adelle-bold {
    font-family: adelle, serif;
    font-weight: 700;
}

.exceed-adelle-italic {
    font-family: adelle, serif;
    font-weight: 400;
    font-style: italic;
}

.exceed-sofia-light {
    font-family: sofia-pro, sans-serif;
    font-weight: 300;
}

.exceed-sofia-regular {
    font-family: sofia-pro, sans-serif;
    font-weight: 400;
}

.exceed-sofia-bold {
    font-family: sofia-pro, sans-serif;
    font-weight: 700;
}

.exceed-intro {
    font-family: adelle, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0em;
    line-height: 1.8em;
}

.footer-logo {
    max-height: 64px;
}

.overflow-visible {
    overflow: visible;
}

.pis-container-short {
    /*
    used in the consent wizard
     */
    max-height: 50vh;
}

.pdfobject-container {
    /*
    this class is attached to the container ONLY if a PDF is loaded by PDFObject. See PDFObject
    documentation for more information.
     */
    height: 150vh;
}

.text-caution {
    color: #f57f17;
}

.text-strikethrough {
    text-decoration: line-through;
    text-decoration-color: rgba(0, 0, 0, 0.5)
}

ul.pagination li {
    list-style-type: none;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.badge {
    cursor: pointer;
}