/***** BEGIN GENERAL STYLES *****/
html{
    background-color: #071E3D;
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
    scroll-behavior: smooth;
}
h2{
    font-size: 36px;
    color: #071E3D;
}
body{
    overflow-x: hidden;
    display: block;
    position: relative;
    
    overflow-x: hidden;
    height: auto;
    width: 100vw;
    overflow-y: hidden;
}
a{
    cursor: pointer;
    transition: all 0.3s ease;
}
.display-none{
    display: none;
}
/***** END GENERAL STYLES *****/
/*-----------------------------------------------------------------------------------------------------------------------*/

/******* NAV BAR STYLES ******/

.nav-bar-desktop{
    display: none;
}
.nav-bar-mobile{
    display: flex;
    height: 100px;
    min-height: 50px;
}
.menu-mobile{
    display: none;
}
#logo-desktop{
    display: flex;
    flex-direction: row;
}
.logo-mobile{
    display: flex;
    flex-direction: row;
    padding: 17px 0 0 15px;
    height: 58px;
}
#logo-img-1, #logo-img-2{
    max-width: 46px;
    margin-right: 10px;

}
.logo-link{
    text-decoration: none;
    color: #278EA5;
    font-size: 26px;
    margin-right: auto;
    z-index: 3;
}
.logo-link-2{
    position: fixed;
}
.dark{
    color: #071E3D;
}
.logo-link>div{
    font-size: 26px;
}
.drop-down-button{
    cursor: pointer;
    color: #278EA5;
    padding: 15px 15px 0 0;
    font-size: 30px;
    z-index: 3;
}
.pressed-drop-down{
    position: fixed;
    left: 90%;
}

.flyout-wrapper{
    position: absolute;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: flex-end;
    z-index: 1;
}
.z-index-2{
    z-index: 2;
}
.flyout{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #278EA5;
    transform-origin: right;
    transform: scaleX(0);
}
.flyout-active{
    transition: all 0.3s ease;
    transform: scaleX(1);
}
.flyout-inactive{
    transition: all 0.3s ease;
    transform: scaleX(0);
}
.flyout-list, .flyout-list>li>a{
    text-decoration: none;
    color: #071E3D;
}
.list-wrapper{
    /* padding: 36px 0 0 15px; */
    padding: 64px 0 0 15px;
}
.flyout-list{
    line-height: 2.6;
    font-size: 26px;
}
/******* END NAV BAR STYLES ******/
/*-----------------------------------------------------------------------------------------------------------------------*/

/****** BEGIN ALL PAGE HERO CSS ******/
/* #half-circle-top{  
    position: relative;
    top: 1px;
} */
.hero-wrapper{
    height: 80vh;
    width: 100vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.hero-container{
    position: relative;
    width: 100vw;
    /* height: 99vh; */
    /* height: 93vh; */
    height: 94vh;
    display: flex;
    flex-direction: column;
    /* justify-content: center;
    align-items: flex-end; */
}

.hero-flex {
    /* padding-top: 54px; */
    display: flex;
    height: 72vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hero-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #278EA5;
    font-size: 43px;
    margin-bottom: 54px;
}
#front-hero-img{
    /* width: 600px;
    margin-left: 100px; */
    width: 362px;
}
.scroll-message{
    color: #071E3D;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 26px;
    display: none;
}
.arrow{
    display: none;
    display: block;
    z-index: 1;
    width: 32px;
}
.arrow-wrapper{
    height: 20vh;
    width: 100vw;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 0;
    margin-bottom: 34px;
}
.arrow-wrapper-mobile{
    height: 2vh;
    width: 100vw;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    position: relative;
    bottom: 6px;
}
.arrow-wrapper-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}
/***** END ALL PAGE HERO CSS *****/

/*--------------------------------------------------------------------------------*/

/***** CIRCLE STYLES *****/
/*#half-circle-top, #half-circle-bottom{*/
/*    position: absolute;*/
/*    width: 100vw;*/
/*    height: auto;*/
/*}*/
/*#half-circle-top{*/
    /* position: relative;
    top: 1px; */
/*    bottom: -1px;*/
/*}*/
/*#half-circle-bottom{*/
/*    top: -1px;*/
/*}*/

/*--------------------------------------------------------------------------------*/

::-webkit-scrollbar{
    background-color: #1f4287;
    width: 5px;
}
/* ::-webkit-scrollbar-track{
} */
::-webkit-scrollbar-thumb{
    background-color: #031022;
    border-radius: 8px;
    border: 1px solid #071E3D;
    /* padding-left: 10px; */
}

/*BEGIN COLOR TEST*/
::-webkit-scrollbar{
    background-color:  #031022;
    width: 5px;
}
/* ::-webkit-scrollbar-track{
} */
::-webkit-scrollbar-thumb{
    background-color: #1f4287;
    border-radius: 8px;
    border: 1px solid #071E3D;
    /* padding-left: 10px; */
}

/*END COLOR TEST*/


.content-container{
    /*TEMP TO SHOW RESIZE*/
    padding: 30px 0 50px 0;
    padding: 0 0 50px 0;
    width: 100vw;
    /* height: 100vh; */
    background-color: #278EA5;
    display: flex;
    flex-direction: column;
   align-items: center;
}

.footer-container{
    height: 30vh;
    width: 100vw;
    min-height: 550px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.half-circle-bottom-container{
    height: 30vh;
    width: 100vw;
    max-height: 43px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-wrapper{
    width: 81vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 15px;
    margin: 0 20px 0 0;
}
.footer-wrapper>ul>li>a{
    text-decoration: none;
    color: #278EA5;
    transition: all 0.2s ease;
    border-bottom: 1px solid transparent;
}
.footer-wrapper>ul>li>a:hover{
    border-bottom: 1px solid #278EA5;
}
.copyright-wrapper{
    width: 93vw;
    display: flex;
    justify-content: flex-end;
}
@media only screen and (max-width: 325px){
    .pressed-drop-down{
        /* left: 90%; */
        left: 87%;
    }
}
/* ----------------------------------------------------------------------------- */
/* GET STARTED BUTTON STYLES */
.get-started-wrapper{
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    justify-content: flex-start;
}
.get-started-button{
    background-color: #1F4287;
    width: 220px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 24px;
    transition: all 0.3s ease;
}
.get-started-button-small{
    background-color: #1F4287;
    width: 180px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 24px;
    transition: all 0.3s ease;
}
.get-started-anchor{
    color: #ffffff;
    text-decoration: none;
    
}
.get-started-button:hover, .get-started-button-small:hover{
    background-color: #071E3D;
    
}
.get-started-button-hero:hover{
    background-color: #278EA5;
}
.hero-action{
    display: none;
}
.get-started-wrapper-hero{
    display: none;
}
.get-started-wrapper-hero-mobile{
    display: flex;
    justify-content: center;
    z-index: 1;
}

.get-started-button-hero{
        background-color: #1F4287;
        width: 220px;
        height: 53px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        font-size: 17px;
        transition: all 0.3s ease;
}
.get-started-button-hero{
    width: 158px
}
/* .get-started-button {
    background-color: #1F4287;
    width: 220px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 19px;
    transition: all 0.3s ease;
} */


/* END GET STARTED BUTTON STYLES */
/* ----------------------------------------------------------------------------- */
/* ===== BEGIN SMALLEST PHONE QUERIES ===== */
@media only screen and (max-width: 325px){
    .hero-text{
        font-size: 39px;
        margin-bottom: 6px;
    }
    #front-hero-img {
        width: 297px;
    }   
}
/* ===== END SMALLEST PHONE QUERIES ===== */
/* ----------------------------------------------------------------------------- */

/* ===== MEDIUM PHONE PORTRAIT QUERIES ===== */
/* GALAXY S5 */
@media only screen and (min-width: 326px){
    .pressed-drop-down {
        /* left: 89.0%; */
        left: 88.5%;
    }
    .hero-text{
        font-size: 39px;
        margin-bottom: 6px;
    }
    #front-hero-img {
        width: 297px;
    }  
}
/* IPHONE X */
@media only screen and (min-width: 375px) and (max-height: 815px){
    .hero-text {
        font-size: 34px;
        margin-bottom: 32px;
    }
    #front-hero-img {
        width: 330px;
    }
}
/* IPHONE 6/7/8 */
@media only screen and (min-width: 326px) and (max-height: 668px){
    .hero-text {
        margin-bottom: 8px;
    }
}
/* PIXEL 2 */
@media only screen and (min-width: 410px) and (max-height: 740px){
}
/* GALAXY S5 */
@media only screen and (min-width: 326px) and (max-height: 645px){
}
/* PIXEL 2 XL */
@media only screen and (min-width: 410px) and (max-height: 834px){
}
/* IPHONE 6/7/8+ */
@media only screen and (min-width: 410px) and (max-height: 740px){
}
/* ===== END MEDIUM PHONE PORTRAIT QUERIES ===== */
/* ----------------------------------------------------------------------------- */

/* ===== MEDIUM PHONE LANDSCAPE/TABLET PORTRAIT QUERIES ===== */

/* IPHONE 5 LANDSCAPE */
@media only screen and (min-width: 550px) and (orientation: landscape){
    .flyout-list{
        font-size: 19px;
    }
    .pressed-drop-down {
        /* left: 89.0%; */
        left: 92.5%;
    }
    /* Alter hero image to be horizontal */
    .nav-bar-mobile{
        height: 67px;
    }
    .hero-container{
        height: 99vh;
    }
    .hero-flex{
        flex-direction: row;
        height: 56vh;
        /* height: 72vh; */
    }
    #front-hero-img{
        width: 202px;
    }
    .hero-text{
        margin-bottom: 0;
        margin-right: 20px;
        font-size: 26px;
        align-items: flex-start;
    }

    /* switch get started to button within hero text container */
    .get-started-wrapper-hero-mobile{
        display: none;
    }
    .get-started-wrapper-hero{
        display: flex;
        height: 63px;
    }
    /* switch get started to button within hero text container */

    /* End alter hero image to be horizontal */
    .arrow-wrapper-mobile{
        bottom: 31px;
    }
    .expand-img-wrapper{
        display: block;
    }
    .expand-img-wrapper-mobile{
        display: none;
    }
    /*Make footer desktop*/
    .footer-container {
        height: 30vh;
        width: 100vw;
        min-height: 228px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-wrapper {
        width: 81vw;
        height: 80%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom: 15px;
        margin: 0 20px 0 20px;
    }
}
/* GALAXY S5 LANDSCAPE */
@media only screen and (min-width: 600px) and (orientation: landscape){
    .flyout-list {
        font-size: 22px;
    }
    .pressed-drop-down {
        /* left: 89.0%; */
        left: 93.5%;
    }
    .arrow-wrapper-mobile {
        bottom: 36px;
    }
}
/* IPHONE 6/7/8 LANDSCAPE */
@media only screen and (min-width: 660px) and (orientation: landscape){
    .flyout-list {
        font-size: 23px;
    }
}
/* IPHONE 6plus landscape */
@media only screen and (min-width: 660px) and (max-height: 335px){
    .flyout-list {
        font-size: 19px;
    }

    /* Adjust hero text as screen increases size */
    .hero-text{
        font-size: 30px;
    }

    /* Adjust hero image as screen increases size */
    #front-hero-img {
        width: 310px;
    }    
}
/* PIXEL 2 LANDSCAPE */
@media only screen and (min-width: 700px) and (orientation: landscape){
    .flyout-list {
        font-size: 26px;
    }.pressed-drop-down {
        /* left: 89.0%; */
        left: 94.3%;
    }

    /* Adjust hero text as screen increases size */
    .hero-text{
        font-size: 30px;
    }

     /* Adjust hero image as screen increases size */
     #front-hero-img {
        width: 310px;
    }    
}
/* REGULAR IPAD PORTRAIT */
@media only screen and (min-width: 730px) and (orientation: portrait){
    .pressed-drop-down {
        /* left: 89.0%; */
        left: 94.5%;
    }
    #front-hero-img {
        width: 397px;
    }
    .hero-text {
        font-size: 49px;
    }
     /*Make footer desktop*/
     .footer-container {
        height: 30vh;
        width: 100vw;
        min-height: 228px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-wrapper {
        width: 81vw;
        height: 80%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom: 15px;
        margin: 0 20px 0 20px;
    }
}
/* IPHONE 6/7/8+ LANDSCAPE */
@media only screen and (min-width: 730px) and (orientation: landscape){

}
/* PIXEL 2 XL LANDSCAPE */
@media only screen and (min-width: 800px) and (orientation: landscape){
    .pressed-drop-down {
        /* left: 89.0%; */
        left: 94.9%;
    }
}
/* IPHONE X LANDSCAPE */
@media only screen and (min-width: 800px) and (max-height: 400px) and (orientation: landscape){
    .flyout-list {
        font-size: 23px;
    }
}

@media only screen and (min-width: 1000px){
    /*========= NAVBAR QUERIES =========*/
    .nav-bar-desktop{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        height: 10vh;
        z-index: 3;
    }
    .nav-bar-mobile{
        display: none;
    }
    #logo-img-desk{
        margin-right: 10px;
    }
    .menu-desktop{
        display: flex;
        align-items: center;
        margin-right: 65px;
    }
    .menu-desktop-item{
        margin: 0px 30px 0px 30px;
        padding: 0px 2px 0px 2px;
        border: 1px solid transparent;
        /* width: 40px; */
        display: flex;
        justify-content: center;
        transition: all 0.3s ease;
    }
    .menu-desktop-item:hover{
        border-bottom: 1px solid #278EA5;

    }
    .menu-desktop > a {
        text-decoration: none;
        font-size: 16px;
    }
    #logo-desktop{
        margin-left: 65px;
    }
    
    /* Handle logo hover */
    #logo-desktop:hover{
        transform: rotate(-2deg);
        transition: all 0.3s ease;
    }

    .menu-desktop-item, #logo-desktop{
        color: #278EA5;
    }
    #contact-button-desktop{
        border: 1px solid #278EA5;
        background-color: #071E3D;
        color: #278EA5;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 28px;
        padding-right: 28px;
        border-radius: 8px;
        transition: all 0.3s ease;
    }
    #contact-button-desktop:hover{
        background-color: #278EA5;
        color: #071E3D;
    }
    /*======== END NAVBAR QUERIES ========*/
    /*-------------------------------------------------------*/

    .hero-flex{
        flex-direction: row;
        height: 68vh;
    }
    .hero-text{
        font-size: 62px;
        margin-right: 100px;
        margin-bottom: 0;
    }
     .hero-action{
        display: inline;
        font-size: 26px;
    }
    .get-started-wrapper-hero{
        display: flex;
        z-index: 2;
        justify-content: flex-start;
        height: 116px;
    }
    .get-started-wrapper-hero-mobile{
        display: none;
    }
    .arrow-wrapper{
        display: flex;
    }
    .arrow-wrapper-mobile{
        display: none;
    }
    /* .bread-crumbs a{
        margin: 0 5px 0 5px;
        border-bottom: 2px solid transparent;
    }
    .bread-crumbs a, .bread-crumbs {
        text-decoration: none;
        color: #071E3D;
        font-weight: 900;
        font-size: 18px;
        transition: all 0.3s;
    }
    .bread-crumbs a:hover{
        border-bottom: 2px solid #071E3D;
    } */

    /* .home-icon-link-wrapper{
        width: 16px;
    }
    .home-icon-link{
        width: 100%;
        height: 100%;
    } */
    .current-page-link{
       color: #3125B3;
       color: #245CBD;
    }
    .current-page-contact{
        background-color: #278EA5 !important;
        color: #071E3D !important;
    }
    .current-page{
        color: #1047BD !important;
        /* color: #3125B3 !important; */
        /* color: #071E3D;
        color: #031022;
        color: #1047BD;
        color: #1f4287;
        color: #245CBD;
        color: #278EA5;
        color: #3125B3;
        color: #ffffff; */
    }
    #front-hero-img {
        width: 455px;
        margin-left: 100px;
    }
    .arrow-wrapper{
        margin-bottom: 0px;
    }
    .scroll-message{
        margin-bottom: 10px;
    }

    /*======= DESKTOP BACK CIRCLE QUERIES =======*/

    .hero-text{
        align-items: flex-start;
    }

    .footer-container{
        height: 30vh;
        width: 100vw;
        min-height: 228px;;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .half-circle-bottom-container{
        height: 30vh;
        width: 100vw;
        min-height: 228px;;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-wrapper{
        width: 81vw;
        height: 80%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom: 15px;
        margin: 0 20px 0 20px;
    }

} 
/* IPAD PRO PORTRAIT */
@media only screen and (min-width: 1000px) and (orientation: portrait){
    #front-hero-img {
        width: 455px;
        /* margin-left: 40px; */
        margin-left: 0;
    }
    .hero-text {
        font-size: 52px;
        margin-right: 40px;
        margin-bottom: 0;
    }
    /* WARNING LEFT OFF HERE MAY NEED TO REMOVE THIS RELATIVE POSTION IN HIGHER 
    MEDIAQUERIES */
    /* .hero-container{
        height: 90vh;
    } */

     /* Set height for ipad pro portrait */
     .hero-container {
        height: 65vh;
    }

    .arrow-wrapper-inner{  
        position: relative;
        top: 41px;
    }
    
}
/* ===== END MEDIUM PHONE LANDSCAPE/TABLET PORTRAIT QUERIES ===== */
/* ----------------------------------------------------------------------------- */
/* ===== TABLET LANDSCAPE QUERIES ===== */
/* STANDARD IPAD LANDSCAPE */
@media only screen and (min-width: 1000px) and (orientation: landscape){
    #front-hero-img {
        width: 455px;
        margin-left: 40px;
    }
    .hero-text {
        font-size: 52px;
        /* margin-right: 40px; */
        margin-right: 0;
        margin-bottom: 0;
    }
}
/* IPAD PRO LANDSCAPE */
@media only screen and (min-width: 1300px){
    .get-started-button-hero{
        background-color: #1F4287;
        height: 68px;
        font-size: 22px;
    }
    .get-started-button-hero{
        width: 220px
    }
    .hero-text {
        font-size: 55px;
        margin-right: 40px;
    }
    #front-hero-img {
        width: 634px;
    }
}
/* ===== END TABLET LANDSCAPE QUERIES ===== */
/* ----------------------------------------------------------------------------- */
/* ===== DESKTOP QUERIES ===== */
@media only screen and (min-width: 1400px){
    .arrow{
        display: block;
        width: 32px;
    }
    .scroll-message{
        display: block;
    }
    .hero-container{
        height: 100vh;
    }
}

@media only screen and (min-width: 1600px){
    .hero-text {
        font-size: 67px;
    }
}