/* Content styling */
body {
    font-family: "Roboto", sans-serif;
}

h1 {
    font-weight: 700;
    color: #b0192b;
}

h2 {
    color: #b0192b;
    font-weight: 600;
}


/* Navbar styling */
#mainNavbar {
    font-size: 1.2rem;
    font-weight: 500;
    transition: 500ms;
}


#mainNavbar .nav-link {
    color: #fff;
    text-shadow: 1px 1px 1px #222;
    font-weight: 700;
}



#mainNavbar .nav-link.active {
    color: #ea1c2c;
    font-weight: 700;
}

#mainNavbar .nav-link:hover {
    color: #ea1c2c;
    font-weight: 700;
}

.navbar img {
    width: 100%;
    transition: 300ms;
}

.navbar-toggler {
    font-size: 0.8em;
}


/* Navbar scrolling    */

.navbar.scrolled {
    background-color: #555;
    opacity: 0.9;
    transition: background-color 500ms;
}

.navbar.scrolled img {
    width: 60%;
    transition: all 500ms;
}


/* Header image */
.masthead {
    height: 80vh;
    background-image: url(imgs/Academy_defending_hero1920.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

@media only screen and (max-width:749px) {
    .masthead {
        background-attachment: inherit;
    }
}

.mastheadFirst {
    min-height: 500px;
    height: 80vh;

    background-image: url(imgs/ElsteadFirst.jpg);

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.mastheadAcademy {
    min-height: 500px;
    height: 80vh;

    background-image: url(imgs/ElsteadAcademy.jpg);

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.mastheadVets {
    min-height: 500px;
    height: 80vh;

    background-image: url(imgs/VetsTeam.jpg);

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


}





.headertext {
    height: 96%;
}

#credit {
    text-align: right;
    font-size: 0.9em;
    font-style: italic;
    color: #fff;
}


/* Sponsor Logos */
.sponsorcont {
    object-fit: contain;
    text-align: center;
    margin-bottom: 1.3em;
}

.sponsorlogo {
    max-height: 80px;

}

.vetsponsorlogo {
    max-height: 100px;
}


/* Dipslay Cards */
#fixtures {
    text-shadow: 2px 2px 5px #555;
}

.matchcard {
    border-top: 3px solid #e5192b;
    max-width: 500px;
}

.matchcardsingle {
    border-top: 3px solid #e5192b;
    max-width: 1000px;
}

.cardimagesingle {
    margin-top: 20px;
    margin-bottom: 20px;
    /* ... any other styles you have for this class ... */
}


.location-icon {
    height: 36px;
    width: 36px;
    justify-self: flex-end;
    text-align: right;

}

.burntmatch {
    background-color: black;
    color: #fff;
}

.imagecont {
    max-height: 300px;
    overflow: hidden;
}

.imageprofile {
    max-height: 200px;
    overflow: hidden;
}



.grassback {
    background-image: url(imgs/PitchLines1920.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.trainback {
    background-image: url(imgs/droneOff1920.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.cardcont {

    object-fit: cover;
    overflow: hidden;
    object-position: center;
}

a.teams:hover {
    color: #ea1c2c;
    text-decoration: none;
}

/* Location Map  */
#map {
    height: 400px;
    width: 100%;
}

.fill {
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* margin-bottom: 2em; */
}

.fill img {
    /* flex-shrink: 0; */
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

/* section colouring  */
#greyback {
    background-color: lightgray;
}

.divider {
    background-color: #b0192b;
    height: 3px;
    width: 10%;
}


.dropshadowimg {
    box-shadow: 3px 3px 3px #999;
}

/* results */
.matchdetails {
    font-size: 0.8em;
}