/* If content is added to sitefootertop or sitefooterbottom then margin-bottom
   must be changed to accomodate the new height to ensure the footer stays
   at the bottom of the screen. #footer height must also be changed to the
   same value as margin-bottom.
*/
body {
	/* Margin bottom by footer height */
	margin-bottom: 40px;
}

#footer {
	/* Set the fixed height of the footer here */
	height: 40px;
}

.bg-nav {
    background-color: #000000!important;
}
.text-nav-fg {
    color: #ffff!important;
}

a.text-nav-fg:focus, a.text-nav-fg:hover {
       text-decoration: underline !important;
	color: #ffff !important	
}

.masthead__logo {
    float: left;
    margin-top: .3rem;

    }


.logo {
    
}


.logo__heading {
    background-image: url(https://www.barnsley.gov.uk/images/svg/barnsley-council.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 162px;
    width: 162px;
    height: 40px;
    overflow: hidden;
    margin: .8rem;
    width: 41px;
}

@media screen and (min-width: 768px) {
    .logo__heading {
        width: 162px;
    }
}
.hero-image {
    height: 370px;
    background-image: url(../Customisations/FSDLogo.PNG);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .hero-image {
        height: 100px;
        background-image: url(../Customisations/FSDsmallLogo.PNG);
        background-size: 200px;
    }
}

#primary_nav {
    border: none;
    margin: 0;
}

.navbar-default {
    background-color: #4C7A33;
    border-color: #4C7A33;
}

@media (min-width: 768px){
    .navbar {
        border-radius: 0;
    }
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}