body, div, pre, select, textarea {
    font-size: 18px;
    font-weight: 500;
}

#page-title-container {
    background-position: center bottom 0px;
    background-size: cover;
    background-color: #030303 !important;
    background-image: linear-gradient(90deg,#f8f8f8 0%,rgba(248,248,248,0) 100%), url("Vendor/images/page-title-bg.png") !important;
}

#mainContentContainer {
    padding-top: 20px;
}

.breadCrumbs li {
    font-size: 18px;
    font-weight: 400;
    font-family: sofia-pro,sans-serif;
}

    .breadCrumbs li a {
        font-weight: 700;
    }

.container {
    max-width: inherit;
}

.NormalText li a {
    text-transform: initial !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: sofia-pro,sans-serif;
    font-style: normal;
    padding-left: 0 !important;
    padding-bottom: 8px !important;
    color: #1d4784 !important
}

    .NormalText li a:hover {
        color: rgba(3,3,3,0.6) !important;
        transition: 0.1s;
    }

.NormalText li {
    border-bottom: 1px solid #C8C8C8 !important;
}

.SubContainer {
    width: 95%;
    margin-left: 2.5%;
}

#footer-bg div, #footer-bg ul, #footer-bg li, #footer-bg a {
    font-size: 16px !important;
    font-family: sofia-pro,sans-serif !important;
    padding-bottom: 8px;
}

.menu-footer a {
    font-weight: 500 !important;
    color: #fff !important;
    padding: 0 !important;
    word-wrap: break-word;
}

.menu-footer {
    display: block !important;
    padding-inline-start: 0 !important;
}

.footerInfo {
    font-weight: 400 !important;
}

.glyph {
    width: auto;
    margin: 0;
    padding-inline-start: 0px;
    padding-top: 7px;
    padding-bottom: 2px;
}

#SocialMediaBarContainer {
    position: absolute;
    background-color: #F8F8F8;
    width: 100%;
    padding-right: 2.5%
}

#SocialMediaBar {
    font-family: sofia-pro,sans-serif !important;
    float: right !important;
}

    #SocialMediaBar ul {
        display: inline-flex;
        list-style: none;
    }

    #SocialMediaBar li a {
        display: inline-flex;
        text-decoration: none;
        width: 30px;
        font-size: 1.25em;
    }

#translatebox div {
    font-family: sofia-pro,sans-serif !important;
    font-weight: 500;
}

#translatebox {
    display: inline-flex;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 10px;
}

    #translatebox .switcher {
        width: 150px;
    }

        #translatebox .switcher a {
            /*font-size: 15px;*/
            font-weight: 300 !important;
        }

            #translatebox .switcher a img {
                max-width: 100%;
                height: auto;
            }

#SocialMediaFooter {
    margin-right: auto;
    padding: 0px;
}

    #SocialMediaFooter ul {
        display: inline-flex !important;
        list-style-type: none !important;
        margin: 0px;
        padding: 0px;
    }

    #SocialMediaFooter .fs1 {
        font-size: 2em !important;
        width: 40px;
        padding: 0px;
    }

.DetailTable table {
    width: 100%;
}

.DetailTable td:first-child {
    width: 85%;
    text-align: left;
}

.DetailTable td:nth-child(2) {
    width: 15%;
    text-align: left;
    padding-left: 20px;
}

.DetailTable td:last-child {
    width: 15%;
    text-align: left;
    padding-left: 20px;
}

.ParkInfo {
    width: 100%;
    padding-top: 0;
    padding-bottom: 20%;
}

    .ParkInfo strong {
        font-size: larger !important;
    }

    .ParkInfo p {
        text-align: left;
        font-size: large !important;
        /*
         text-align: center;
         font-size: large !important;
         */
    }

    .ParkInfo a {
        text-decoration: none;
    }

.ParkInfoChild {
    width: 33%;
    float: left;
}

@media only screen and (max-width:980px) {
    #SocialMediaFooter {
        text-align: center;
        float: none;
        margin-top: -10px;
        margin-left: -18px;
    }

        #SocialMediaFooter ul {
            padding-top: 10px;
            padding-left: 20px;
        }

    .ParkInfoChild {
        width: 100% !important;
    }
}

@media only screen and (min-width:980px) {
    #mainContentContainer table {
        min-width: 850px;
    }
}

.fs-4 {
    font-size: 15.75px !important;
}
@media screen and (min-width: 1200px) {
    .fs-4 {
        font-size: 1.5rem !important;
    }
}

.error {
    background:none !important;
}