html {
    scroll-behavior: smooth;
}

li {
    text-align: left !important;
    list-style-type: none;
}

ul {
    padding-left: 20px !important;
}

#trueNav, #mobileHeader {
    /*background: #00C4FF;*/
    background: #56CEF0 !important;
    /*background: deepskyblue;*/
}

nav .item {
    color: white !important;
    /*text-shadow: 1px 1px 5px rgba(0,0,0, 0.5) !important;*/
}

.ui.menu .blue.active.item, .ui.blue.menu .active.item {
    color: white !important;
    border-bottom: 2px solid white !important;
}

footer {
    min-height: 250px;
    text-align: center;
    background: url('/images/footer.svg');
    background-size: cover;

}

.ui.container {
    background-color: transparent !important;
}

body {
    background-color: transparent !important;
}

.centerHeader {
    width: 100%;
    text-align: center;
}

.aqua {
    color: #6be2ff !important;
}
.aquaBg {
    background: #6be2ff !important;;
}
.aquaUnderline {
    /*text-decoration: underline !important;*/
    /*text-decoration-color: #6be2ff !important;*/
    border-bottom: 4px solid #6be2ff !important;
}

.azure {
    /*color: #2CA7DE !important;*/
    color: #56CEF0 !important;
}
.azureBg {
    /*background: #2CA7DE !important;*/
    background: #56CEF0 !important;
}

.deepBlue {
    color: #0d2468 !important;
}
.deepBlueBg {
    background: #0d2468 !important;
}

.smoke {
    color: white !important;
}
.smokeBg {
    background: white !important;
}

.width100 {
    width: 100% !important;
}

.pad30 {
    padding: 30px !important;
}

.pad50 {
    padding: 50px !important;
}

.whiteStroke {
    text-shadow:
            -1px -1px 0 white,
            1px -1px 0 white,
            -1px 1px 0 white,
            1px 1px 0 white !important;
}

.grayStroke {
    text-shadow:
            -1px -1px 1px gray,
            1px -1px 1px gray,
            -1px 1px 1px gray,
            1px 1px 1px gray !important;
}

.charcoal {
    color: #303030 !important;
}

.charcoalBg {
    background: #303030 !important;
}

.shadow {
    text-shadow: 1px 1px 5px #333333 !important;
}

a.item {
    text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.3) !important;;
}

.boxShadow {
    box-shadow: 1px 1px 5px #333333 !important;
}

.parallaxBg {
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

p, a, span, div, h1, h2, h3 {
    font-family: 'Maven Pro', sans-serif;
    color: black;
}

p, a, span, li {
    font-size: 16px !important;
    color: black;
}

.encode {
    font-family: 'Encode Sans Condensed', sans-serif;
}

.bannerH1 {
    font-size: 56px !important;
}

.blackBold {
    color: black !important;
    font-weight: bold !important;
}

.whiteBorder {
    border: 1px solid white !important;
}

.blackBorder {
    border: 3px solid black !important;
}

/** Desktop */
@media only screen and (min-width: 990px) {

    #mobileHeader {
        display: none !important;
    }

    .hideDesktop {
        display: none !important;
    }
}

/** Mobile */
@media only screen and (max-width: 989px) {

    #trueNav {
        display: none;
    }

    .bannerH1 {
        font-size: 36px !important;
    }

    .hideMobile {
        display: none !important;
    }

    .item {
        font-size: 24px !important;
        text-align: center !important;
    }

    .email {
        font-size: 14px !important;
    }
}

/** Tablet */
@media only screen and (min-width: 989px) and (max-width: 1100px) {
    #backyardAdventuresLogo {
        display: none;
    }
    #backyardAdventuresMiniLogo {
        display: block !important;
    }
}

@media only screen and (min-width: 1440px) {
    .heroDiv {
        height: 530px !important;
    }
    .heroDivLarge {
        height: 750px !important;
    }
}

#hamburgerButton:hover {
    cursor: pointer;
}

#hoursTable td:nth-child(2) {
    text-align: right;
}

.topOffset {
    margin-top: 5px !important;
}