html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/*#BingMap{
    width:100%;
    height: 500px;
}*/
#carouselMain .carousel-item {
    height: 550px;
    background-size: cover;
}

.MainLG .list-group-item {
    font-weight: bold;
    color: white;
}

    .MainLG .list-group-item a:hover {
        font-weight: bold;
        color: white;
        background-color: gray !important;
        cursor: pointer;
    }

    .MainLG .list-group-item:hover {
        background-color: gray !important;
    }

#slide1 {
    background-image: url('/img/carousel/1.png');
    background-position: center;
}

#slide2 {
    background-image: url('/img/carousel/2.jpg');
    background-position-x: center;
    background-position-y: -100px;
}

#slide3 {
    background-image: url('/img/carousel/3.jpg');
    background-position-x: center;
    background-position-y: -200px;
}

.dropdown-item {
    font-weight: bold !important;
    color: white !important;
}

#MainNav .nav-link {
    font-weight: bold;
    color: white;
}

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

#MainNav .dropdown-item:hover {
    color: black !important;
}

#MainNav .navbar-brand a {
    font-weight: bold;
    color: white;
    text-decoration: none;
}

.fs-xl {
    font-size: x-large;
}

.fs-xxl {
    font-size: xx-large;
}

.fs-jumbo {
    font-size: max(min(2vw, 30px),20px);
    text-align: justify;
}


.portrait {
    float: right;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 0.25rem !important;
    border: 3px solid #446379;
    max-height: 200px;
    max-width: 200px;
}

    .portrait img {
        width: 100%;
    }

.CouncilTitle {
    font-weight: bold;
    font-size: min(5vw, 30px);
    margin-bottom: 0;
}

.CouncilName {
    font-size: x-large;
    margin-bottom: 0;
}

.CouncilContact {
    font-size: x-large;
    margin-bottom: 0;
}

#FunDaysCarousel {
    max-height: 400px;
    overflow: hidden;
}

#CommunityCenterCarousel {
    overflow: hidden;
}

    #CommunityCenterCarousel .carousel-item {
        min-height: 400px;
        max-height: 400px;
    }

#SooLineCarousel {
    overflow: hidden;
}

    #SooLineCarousel .carousel-item {
        min-height: 400px;
        max-height: 400px;
    }

#BlanchardDamCarousel {
}

    #BlanchardDamCarousel .carousel-item {
        min-height: 350px;
        max-height: 350px;
    }

.text-outline {
    text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
}

.navbar-brand a {
    font-size: xx-large;
}

#MainNav li {
}

#TopLogo {
    max-height: 200px;
    opacity: 90%;
}

#TopTitle {
    text-align: center;
    color: #385D79;
    font-size: min(8vw, 80px);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    line-height: min(8vw, 80px);
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

    #TopTitle a {
        text-decoration: none;
    }

#TopHeader {
    background-image: url('/img/wood4-s.svg');
    opacity: 100%;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-color: #BE9F80;
    background-size: cover;
    padding-bottom: 10px;
    text-align: center;
}



.Business {
    margin-bottom: 60px;
}

.BusinessPhoto {
    max-height: 200px;
    max-width: 250px;
    border-radius: 0.25rem !important;
    border: 3px solid #446379;
}

.BusinessName {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.2;
    color: #1E675D;
}

.BusinessCategory {
    font-size: 1.75rem;
    color: #6c757d;
}

.BusinessAddress {
    font-size: 1.25rem;
    margin-top: 0.25rem;
}

.BusinessPhone {
    font-size: 1.75rem;
    margin-top: 0.25rem;
}

.BusinessWebsite {
    font-size: 1.75rem;
    margin-top: 0.25rem;
}

.TRDay {
    width: 30px;
    height: 30px;
    background-color: #b1ed98;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px;
}
.TDay {
    width: 30px;
    height: 30px;
    background-color: gray;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    margin-right:5px;
}
.TRHDay {
    width: 30px;
    height: 30px;
    background-color: #599ff0;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px;
}
.THDay {
    width: 30px;
    height: 30px;
    background-color: yellow;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px;
}
.DayText {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
}