body {
}

@font-face {
    font-family: "Aller Display";
    src: url("AllerDisplay.ttf");
}

.nav-bar ul li {
    padding:0.7rem !important;
}

.DesktopMenu ul li a {
    font-family: Futura-Book, sans-serif !important;
}

.DesktopMenu ul li:last-child a {
    color: white !important;
    background-color: #013160 !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.HeaderImage {
    min-height: 900px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position-y: 30% !important;
    padding: 20px !important;
}

h1.FoldTitle, h1.FoldTitle p {
    font-size: 70px !important;
    line-height: 80px !important;
    color: white !important;
    font-family: 'YesevaOne', serif !important;
    text-transform: uppercase !important;
    text-shadow: 1px 1px 2px black !important;
}

.FoldSubTitle, .FoldSubTitle p {
    font-size: 42px !important;
    line-height: 52px !important;
    color: white !important;
    font-family: 'YesevaOne', serif !important;
    text-transform: uppercase !important;
    text-shadow: 1px 1px 2px black !important;
}

.FoldText {
    font-size: 28px !important;
    line-height: 38px !important;
    color: white !important;
    font-family: Futura-Book, sans-serif !important;
    text-shadow: 1px 1px 2px black !important;
    font-weight: bold;
}

.FooterTitle {
    font-size:24px;
    font-family:'YesevaOne', serif;
    color:white;
    text-transform:uppercase;
    line-height:40px;
}

.F1SubHeader, h2.F1SubHeader p {
    font-family: Futura-Book, sans-serif !important;
    font-size: 42px !important;
    line-height: 54px !important;
    color: #0C2162 !important;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: normal !important;
}

.F1HeaderYellow, h1.F1HeaderYellow p, h2.F1HeaderYellow p {
    font-family:'YesevaOne', serif;
    font-size: 60px !important;
    line-height: 70px !important;
    color: #FBB412 !important;
    text-transform: uppercase;
}

.F1HeaderYellowSmall {
    font-family:'YesevaOne', serif;
    font-size: 40px !important;
    line-height: 50px !important;
    color: #FBB412 !important;
    text-transform: uppercase;
}

.Width80 {
    width:80% !important;
}

.F1HeaderBlue, h1.F1HeaderBlue p, h2.F1HeaderBlue p {
    font-family:'YesevaOne', serif;
    font-size: 60px !important;
    line-height: 70px !important;
    color: #72BFD4 !important;
    text-transform: uppercase;
}

.F1Content {
    font-family: Futura-Book, sans-serif !important;
    font-size: 20px !important;
    line-height: 32px !important;
}

.F1BlueBold, h4.F1BlueBold p, h3.F1BlueBold p {
    color: #013160;
    font-family:'YesevaOne', serif;
    text-transform: uppercase;
    font-size:24px !important;
    line-height:32px !important;
}

.F1WhiteBold {
     
    font-family:'YesevaOne', serif;
}



.F1RegularFont {
    font-family: Futura-Book, 'Open Sans', sans-serif;
}

.btn {
    border-radius:25px;
    font-size:18px !important;
    padding:10px 20px !important;
    display:inline-block !important;
}

.MapLocationName {
    color: #013160;
    font-family: Futura-Book, sans-serif;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: bold;
}

.MapLocationAddress p {
    color: #013160;
    font-family: Futura-Book, sans-serif;
    font-size: 18px !important;
    line-height: 24px !important;
}

.MapLocationCount {
    background-color: #013160;
    color:white;
    padding:3px 10px;
    border-radius:30px;
    font-size:12px !important;
    display:inline-block;
    min-width:16px;
    line-height:20px !important;
}

.LocationPhone {
    font-family: Futura-Book, serif;
    font-size: 22px !important;
    font-weight: bold;
    line-height: 28px !important;
    color: #FBB412 !important;
    text-transform: uppercase;
    text-decoration: underline;
}

.MapPopupLocationCount {
    background-color: #013160;
    color: white;
    padding: 3px 10px;
    border-radius: 30px;
    font-size: 12px !important;
    display: inline-block;
    min-width: 16px;
    line-height: 20px !important;
    margin-right:5px;
    margin-top:-5px;
}

.LocationList {
    
}

/* Chrome, Edge and Safari */
    .LocationList::-webkit-scrollbar {
        height: 8px;
        width: 8px;
    }

    .LocationList::-webkit-scrollbar-track {
        border-radius: 5px;
        background-color: #FEE8B4;
    }

        .LocationList::-webkit-scrollbar-track:hover {
            background-color: #FDD068;
        }

        .LocationList::-webkit-scrollbar-track:active {
            background-color: #FBB412;
        }

    .LocationList::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #024D97;
    }

        .LocationList::-webkit-scrollbar-thumb:hover {
            background-color: #0266CA;
        }

        .LocationList::-webkit-scrollbar-thumb:active {
            background-color: #013160;
        }

.MapPopupName {
    color: #013160;
    font-family: Futura-Book, sans-serif;
    font-size: 22px !important;
    line-height: 28px !important;
    font-weight: bold;
}

.MapPopupAddress {
    color: #013160;
    font-family: Futura-Book, sans-serif;
    font-size: 18px !important;
    line-height: 24px !important;
}

.MapPopupPhone {
    font-family:Futura-Book, serif;
    font-size: 20px !important;
    font-weight:bold !important;
    line-height: 28px !important;
    color: #FBB412 !important;
    text-transform: uppercase;
    text-decoration: underline;
}

.LargeWhiteRightCol {
    padding: 200px 20px 220px 8% !important;
    background: white !important;
}

.Width48 {
    width: 48%;
}

.LeftPadding50 {
    width: 48%;
    padding: 80px 40px 80px 10%;
}

.Width30 {
    width: 30%;
}

@media(max-width:1000px) {
    h1 .FoldTitle {
        font-size: 60px !important;
        line-height: 70px !important;        
    }

    .FoldSubTitle {
        font-size: 35px !important;
        line-height: 45px !important;       
    }

    .FoldText {
        font-size: 26px !important;
        line-height: 32px !important;        
    }
}

@media (max-width:800px) {
    .HeaderImage {
        min-height: 600px;
    }
    h1.FoldTitle {
        font-size: 45px !important;
        line-height: 55px !important;
    }

    .FoldSubTitle {
        font-size: 28px !important;
        line-height: 38px !important;
    }

    .FoldText {
        font-size: 22px !important;
        line-height: 32px !important;
    }

    

    
 }

@media (max-width:600px) {
    h1.FoldTitle, h1.FoldTitle p {
        font-size: 36px !important;
        line-height: 42px !important;
    }

    .FoldSubTitle, .FoldSubTitle p {
        font-size: 24px !important;
        line-height: 34px !important;
    }

    .FoldText {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .F1Header {
        width: 95% !important;
        max-width:400px !important;
        text-align: center;
        justify-content: center !important;
    }

        .F1Header a {
            margin-bottom:0px !important;
        }
    .HeaderLogo {
        max-width:200px !important;
    }

    header + div {
        margin-top:100px !important;
    }
    div.FoldText {
        width:80% !important;
    }

    .HeaderDiv {
        min-height: 500px !important;
    }

    .p-5 {
        padding:1.5rem !important;
    }

    .F1SubHeader, .F1SubHeader p, h2.F1SubHeader, h2.F1SubHeader p {
        font-size:32px !important;
        line-height:42px !important;
    }

    .F1HeaderYellow, .F1HeaderYellow p, h1.F1HeaderYellow, h1.F1HeaderYellow p {
        font-size:36px !important;
        line-height:42px !important;
    }

    .F1HeaderBlue, .F1HeaderBlue p, h1.F1HeaderBlue, h1.F1HeaderBlue p {
        font-size: 36px !important;
        line-height: 42px !important;
    }

    .ps-5 {
        padding-left:1.5rem !important;
    }

    .F1Content, .F1Content p {
        font-size:16px !important;
        line-height:24px !important;
    }

    .w-100 {
        width:90% !important;
    }

    .btn {
        font-size:14px !important;
    }
    .LargeWhiteRightCol {
        padding: 80px 25px 100px 25px !important;
        background: rgba(255,255,255,0.8) !important;
    }

    .Width48 {
        width: 100% !important;
    }
    .LeftPadding50 {
        width: 95%;
        padding: 40px 30px 40px 30px;
    }
    .Width30 {
        width: 95%;
    }
}