/*Background Styles*/
.headerImageContainer {
    position: absolute;
    width: 100%;
    top: 0px;
    max-height: 100%;
    overflow: hidden;
}
@media print{
    .headerImageContainer{
        display:none;
    }
}
.headerImageMargins {
    width: 100%;
    height: 100%;
    /*max-width: 1920px;*/
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.headerImage {
    width: 100%;
    min-height: 1080px;
    height: 100%;
    max-height: 100%;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-position: top center;
    background-color: #3a78bf;
}
@media screen and (max-width:800px){
    .headerImage{
        margin-top: 126px;
        min-height: 56.25vw;
        max-height: calc(100% - 126px);
    }
}
/*@media screen and (max-width:1920px){
    .headerImage {
        min-height: 56.25vw;
    }
}
@media screen and (max-width:1280px){
    .headerImage {
        min-height: 720px;
    }
}*/
.headerImage.defaultImage{
    background-image:url('/App_Themes/jax01/images/background/000_default.jpg');
}
.headerImageOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 500px, rgba(255,255,255,1) 1080px, rgba(255,255,255,1) 100%);
    overflow: hidden;
}
@media screen and (max-width:800px){
    .headerImageOverlay{
        background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40vw, rgba(255,255,255,1) 56.25vw, rgba(255,255,255,1) 100%);
    }
}
/*@media screen and (max-width:1920px){
    .headerImageOverlay {
        background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 500px, rgba(255,255,255,1) 56.25vw, rgba(255,255,255,1) 100%);
    }
}
@media screen and (max-width:1280px){
    .headerImageOverlay {
        background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 500px, rgba(255,255,255,1) 720px, rgba(255,255,255,1) 100%);
    }
}*/
/*Background Image Overlay for Header text*/
.headerTextBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
@media screen and (max-width:800px) {
    .headerTextBackgroundAngle2 {
        display:none;
    }
}
.headerTextBackgroundGradientLeft {
    width: 50%;
    height: 100%;
    background: linear-gradient( 90deg, rgba(25,83,149,0.76) 0%, rgba(17,52,91,0) 100%);
    position: absolute;
    top: 0px;
    left: 0px;
}
.headerTextBackgroundGradientRight {
    width: 25%;
    height: 100%;
    background: linear-gradient( 270deg, rgba(25,83,149,0.76) 0%, rgba(17,52,91,0) 100%);
    position: absolute;
    top: 0px;
    right: 0px;
}
.headerTextBackgroundAngles {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow:hidden;
}
.headerTextBackgroundAngle1 {
    transform: rotate(36deg);
    width: 1600px;
    height: 500px;
    top: 0px;
    left: calc(50% - 924px);
    position: absolute;
    background: linear-gradient(0deg, rgba(165,196,224,0.5) 0%, rgba(165,196,224,0) 100%);
}
@media screen and (max-width:1615px) {
    .headerTextBackgroundAngle1 {
        left: -125px;
    }
}
@media screen and (max-width:1600px) {
    .headerTextBackgroundAngle1 {
        left: -90px;
    }
}
@media screen and (max-width:800px) {
    .headerTextBackgroundAngle1 {
        left: -260px;
    }
}
.headerTextBackgroundAngle2 {
    transform: rotate(36deg);
    width: 1600px;
    height: 2px;
    top: 460px;
    left: calc(50% - 1058px);
    position: absolute;
    background: linear-gradient(0deg, rgb(255 255 255 / 50%) 0%, rgba(165,196,224,0) 100%);
}
@media screen and (max-width:1615px) {
    .headerTextBackgroundAngle2 {
        left: -258px;
    }
}
@media screen and (max-width:1600px) {
    .headerTextBackgroundAngle2 {
        left: -225px;
    }
}
@media screen and (max-width:800px) {
    .headerTextBackgroundAngle2 {
        left: -395px;
    }
}