/*Home Page Top Content*/
.welcome_top_region_container{
    /*Inline block so it stretches to fit floated elements*/
    display:inline-block;
    width:100%;
    position:relative;
}

.welcome_inline_wrapper{
    display:inline-block;
    width:100%;
    line-height:1.8em;
}

.welcome_top_region{
    margin-right:500px;
}

@media screen and (max-width:1600px){
    .welcome_top_region{
        margin-right:31.25vw;
    }
}

@media screen and (max-width:720px){
    .welcome_top_region{
        margin-right:0px;
    }
}

.pageContentEditRegion .welcome_top_region li{
    margin-bottom:0px;
}

/*Margin = 0 in EditMode and IE*/
.EditMode .welcome_top_region{
    margin-right:0px;
}
.InternetExplorer .welcome_top_region{
    margin-right:0px;
}

/*Crisis Section*/
.emergency_alert .crisisHeaderLink, .emergency_alert h2, .crisisHeaderLink:active, .crisisHeaderLink:hover, .crisisHeaderLink:visited{ text-decoration:none !important; color:white !important;}

/*Top section refers to the first box where the image is on the right and text on left*/

.welcome_top_text_section{
    position:relative;
    opacity:0;
    transition:opacity 0.8s;
    line-height:0px;
    font-size:0px;
}

.welcome_top_text_section.show{
    opacity:1;
}

.welcome_top_text_section.hide{
    display:none;
}

.welcome_top_section_left_half{
    width:85%;
    font-size:16px;
    line-height: 1.5em;
    font-weight: 300;
    float:left;
    vertical-align:top;
}

.iOS .welcome_top_section_left_half{
    font-weight:normal;
}

.Android .welcome_top_section_left_half{
    font-weight:normal;
}

@media screen and (max-width:1400px){
    .welcome_top_section_left_half{
        width:84%;
    }
}

@media screen and (max-width:1350px){
    .welcome_top_section_left_half{
        width:83%;
    }
}

@media screen and (max-width:1300px){
    .welcome_top_section_left_half{
        width:82%;
    }
}

@media screen and (max-width:1250px){
    .welcome_top_section_left_half{
        width:81%;
    }
}

@media screen and (max-width:1200px){
    .welcome_top_section_left_half{
        width:80%;
    }
}

@media screen and (max-width:1190px){
    .welcome_top_section_left_half{
        width:79%;
    }
}

@media screen and (max-width:1180px){
    .welcome_top_section_left_half{
        width:78%;
    }
}

@media screen and (max-width:1170px){
    .welcome_top_section_left_half{
        width:77%;
    }
}

@media screen and (max-width:1160px){
    .welcome_top_section_left_half{
        width:76%;
    }
}

@media screen and (max-width:1150px){
    .welcome_top_section_left_half{
        width:75%;
    }
}

@media screen and (max-width:1140px){
    .welcome_top_section_left_half{
        width:74%;
    }
}

@media screen and (max-width:1130px){
    .welcome_top_section_left_half{
        width:73%;
    }
}

@media screen and (max-width:1120px){
    .welcome_top_section_left_half{
        width:72%;
    }
}

@media screen and (max-width:1110px){
    .welcome_top_section_left_half{
        width:71%;
    }
}

@media screen and (max-width:1100px){
    .welcome_top_section_left_half{
        width:50vw;
    }
}

@media screen and (max-width:1024px){
    .welcome_top_section_left_half{
        width:50vw;
    }
}

@media screen and (max-width:720px){
    .welcome_top_section_left_half{
        width:70vw;
    }
}

@media screen and (max-width:420px){
    .welcome_top_section_left_half{
        width: auto;
        position: relative;
        float: none;
    }
}

.welcome_top_section_left_half.hide_guide{
    margin-right:0px;
}

.PageContent .welcome_top_guide_title{
    font-size:24px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom:5px;
    margin-top:0px;
}

@media screen and (max-width:1024px){
    .PageContent .welcome_top_guide_title{
        font-size: 2.19vw;
    }
}

@media screen and (max-width:980px){
    .PageContent .welcome_top_guide_title{
        font-size: 21.5px;
    }
}

@media screen and (max-width:420px){
    .PageContent .welcome_top_guide_title{
        font-size: 19px;
        margin-bottom: 5px;
    }
}

/*Smart PDF link styles*/
.smartPDFLinkText{ display:none; }
.EditMode .smartPDFLinkText{ display:block; }

.smartPDFLinkURL{ display:none; }
.EditMode .smartPDFLinkURL{ display:block; }

.smartpdflink{
    display: inline-block;
    line-height: 0px;
    font-size: 0px;
    position: relative;
    color:black;
    text-decoration:none;
}

.pdflink{
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 100px;
    background-color: #f84545;
    transition:width 0.3s, height 0.3s, margin-left 0.3s, margin-top 0.3s;
}

@media screen and (max-width:1600px){
    .pdflink{
        width: 6.2vw;
        height: 6.2vw;
        margin-left: -3.1vw;
        margin-top: -3.1vw;
        border-radius: 6.2vw;
    }
}

@media screen and (max-width:720px){
    .pdflink{
        width: 8vw;
        height: 8vw;
        margin-left: -4vw;
        margin-top: -4vw;
        border-radius: 8vw;
    }
}

@media screen and (max-width:420px){
    .pdflink{
        width: 60px;
        height: 60px;
        margin-left: -30px;
        margin-top: -30px;
        border-radius: 60px;
    }
}

@media screen and (max-width:200px){
    .pdflink{
        width: 30vw;
        height: 30vw;
        margin-left: -15vw;
        margin-top: -15vw;
        border-radius: 30vw;
    }
}

.smartpdflink:hover .pdflink{
    width:110px;
    height:110px;
    margin-left:-55px;
    margin-top:-55px;
}

@media screen and (max-width:1600px){
    .smartpdflink:hover .pdflink{
        width:6.8vw;
        height:6.8vw;
        margin-left:-3.4vw;
        margin-top:-3.4vw;
    }
}

@media screen and (max-width:720px){
    .smartpdflink:hover .pdflink{
        width:8.8vw;
        height:8.8vw;
        margin-left:-4.4vw;
        margin-top:-4.4vw;
    }
}

@media screen and (max-width:420px){
    .smartpdflink:hover .pdflink{
        width:70px;
        height:70px;
        margin-left:-35px;
        margin-top:-35px;
    }
}

@media screen and (max-width:200px){
    .smartpdflink:hover .pdflink{
        width:34vw;
        height:34vw;;
        margin-left:-17vw;
        margin-top:-17vw;
    }
}

.pdficon{
    height: 60px;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -30px;
    position: absolute;
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/App_Themes/jaxready/img/home/PDF_Icon.jpg);
}

@media screen and (max-width:1600px){
    .pdficon{
        width: 3.1vw;
        height: 3.75vw;
        margin-top: -1.82vw;
        margin-left: -1.55vw;
        background-size: contain;
    }
}

@media screen and (max-width:720px){
    .pdficon{
        width: 4.5vw;
        height: 5.5vw;
        margin-top: -2.75vw;
        margin-left: -2.25vw;
    }
}

@media screen and (max-width:420px){
    .pdficon{
        width: 25px;
        height: 30px;
        margin-top: -15px;
        margin-left: -12.5px;
    }
}

@media screen and (max-width:200px){
    .pdficon{
        width: 12vw;
        height: 15vw;
        margin-top: -7.5vw;
        margin-left: -6vw;
    }
}

.pdflink_text{
    font-size:16px;
    font-weight: bold;
    color: black;
    line-height: 1em;
    margin-top: 60px;
    text-transform: uppercase;
}

@media screen and (max-width:1600px){
    .pdflink_text{
        margin-top: 4.28vw;
        font-size: 1.135vw;
    }
}

@media screen and (max-width:1100px){
    .pdflink_text{
        font-size: 1.24vw;
        margin-top: 3.75vw;
    }
}

@media screen and (max-width:1024px){
    .pdflink_text{
        font-size: 1.24vw;
        margin-top: 3.75vw;
    }
}

@media screen and (max-width:720px){
    .pdflink_text{
        font-size: 1.8vw;
        margin-top: 5vw;
    }
}

@media screen and (max-width:420px){
    .pdflink_text{
        font-size: 16px;
        margin-top: 40px;
    }
}

@media screen and (max-width:200px){
    .pdflink_text{
        font-size: 8vw;
        margin-top: 19vw;
    }
}

.Welcome_Carousel_List{
    margin-top: 20px;
}

.Welcome_Carousel_List ul a{
    font-weight:bold;
}

.PageContent .pageContentEditRegion .Welcome_Carousel_List ul{
    margin-bottom:0px;
}

.Welcome_Carousel_List a{
    text-decoration:none;
}

.Welcome_Carousel_List a:hover{
    text-decoration:underline;
}

.welcome_top_section_right_half{
    position: relative;
    top: 0px;
    right: 0px;
    vertical-align:top;
    font-size: 0px;
    margin-left:85%;
    text-align: center;
    overflow:hidden;
}

@media screen and (max-width:1400px){
    .welcome_top_section_right_half{
        margin-left:84%;
    }
}

@media screen and (max-width:1350px){
    .welcome_top_section_right_half{
        margin-left:83%;
    }
}

@media screen and (max-width:1300px){
    .welcome_top_section_right_half{
        margin-left:82%;
    }
}

@media screen and (max-width:1250px){
    .welcome_top_section_right_half{
        margin-left:81%;
    }
}

@media screen and (max-width:1200px){
    .welcome_top_section_right_half{
        margin-left:80%;
    }
}

@media screen and (max-width:1190px){
    .welcome_top_section_right_half{
        margin-left:79%;
    }
}

@media screen and (max-width:1180px){
    .welcome_top_section_right_half{
        margin-left:78%;
    }
}

@media screen and (max-width:1170px){
    .welcome_top_section_right_half{
        margin-left:77%;
    }
}

@media screen and (max-width:1160px){
    .welcome_top_section_right_half{
        margin-left:76%;
    }
}

@media screen and (max-width:1150px){
    .welcome_top_section_right_half{
        margin-left:75%;
    }
}

@media screen and (max-width:1140px){
    .welcome_top_section_right_half{
        margin-left:74%;
    }
}

@media screen and (max-width:1130px){
    .welcome_top_section_right_half{
        margin-left:73%;
    }
}

@media screen and (max-width:1120px){
    .welcome_top_section_right_half{
        margin-left:72%;
    }
}

@media screen and (max-width:1110px){
    .welcome_top_section_right_half{
        margin-left:71%;
    }
}

@media screen and (max-width:1100px){
    .welcome_top_section_right_half{
        margin-left:50vw;
    }
}

@media screen and (max-width:1024px){
    .welcome_top_section_right_half{
        margin-left:50vw;
    }
}

@media screen and (max-width:720px){
    .welcome_top_section_right_half{
        margin-left:70vw;
    }
}

@media screen and (max-width:420px){
    .welcome_top_section_right_half{
        margin-left:0px;
        width:100%;
        overflow:normal;
        height:auto;
        text-align:left;
    }
}

/*Edit Mode adds padding on the right side until mobile resolution*/
.EditMode .welcome_top_section_right_half{
    font-size:16px;
    line-height:1em;
    padding-right:60px;
}

@media screen and (max-width:1600px){
    .EditMode .welcome_top_section_right_half{
        padding-right:3.125vw;
    }
}

@media screen and (max-width:720px){
    .EditMode .welcome_top_section_right_half{
        padding-right:0px;
    } 
}

/*Internet Explorer adds padding onthe right side until mobile resolution*/
.InternetExplorer .welcome_top_section_right_half{
    padding-right:60px;
    max-width: 240px; 
    margin-left: auto;
}

@media screen and (max-width:1600px){
    .InternetExplorer .welcome_top_section_right_half{
        padding-right:3.125vw;
    }
}

@media screen and (max-width:720px){
    .InternetExplorer .welcome_top_section_right_half{
        padding-right:0px;
    }
}

@media screen and (max-width:420px){
    .InternetExplorer .welcome_top_section_right_half{
        margin-right:auto;
    }
}

.welcome_top_section_right_half.hide_guide{
    display:none;
}

/*No need for left padding on image on right side as text already has padding*/
.welcome_top_section_right_half .padding50{
    padding-right:0px;
    padding-left:0px;
}

@media screen and (max-width:720px){
    .welcome_top_section_right_half .padding50{
        padding-right:3.125vw;
    }
}

@media screen and (max-width:420px){
    .welcome_top_section_right_half .padding50{
        padding-left:3.125vw;
        text-align:center;
    }
}

.PageContent .pageContentEditRegion .welcome_top_section_right_half img{
    float:none !important;
    margin:0px !important;
    width:100% !important;
    max-width:100% !important;
    max-height:80% !important;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.28);
}

@media screen and (max-width:420px){
    .PageContent .pageContentEditRegion .welcome_top_section_right_half img{
        max-width: 140px !important;
    }
}

/*Section refers to all other welcome sections with image on left and text on right*/
.welcome_section_left_half{
    position:relative;
    float:left;
    vertical-align:top;
    top:0px;
    left:0px;
    width:277px;
    height:100%;
    background: linear-gradient(230deg, rgba(0,0,0,0) 0px,rgba(0, 0, 0, 0.27) 213px,rgba(0, 0, 0, 0.18) 213px,rgba(0,0,0,0) 600px);
}

@media screen and (max-width:1024px){
    .welcome_section_left_half{
        width:27vw;
        background: linear-gradient(230deg, rgba(0,0,0,0) 0px,rgba(0, 0, 0, 0.27) 15.5vw,rgba(0, 0, 0, 0.18) 15.5vw,rgba(0,0,0,0) 45vw);
    }
}

@media screen and (max-width:720px){
    .welcome_section_left_half{
        width:27vw;
    }
}

@media screen and (max-width:640px){
    .welcome_section_left_half{
        width:100%;
        float:none;
        text-align:left;
    }
}

.PageContent .pageContentEditRegion .welcome_section_left_half img{
    float:none !important;
    margin:0px !important;
    width:100% !important;
    max-width:100% !important;
    max-height:100% !important;
}

@media screen and (max-width:640px){
    .PageContent .pageContentEditRegion .welcome_section_left_half img{
        max-width: 160px !important;
    }
}

.welcome_section_left_half .gradient_overlay_down{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: white;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.EditMode .welcome_section_left_half .gradient_overlay_down{ display:none; }

.welcome_section_left_half .gradient_overlay_right{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: white;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.EditMode .welcome_section_left_half .gradient_overlay_right{ display:none; }

/*No need for right padding on image on left side as text already had padding*/
.welcome_section_left_half .padding50{
    padding-right:0px;
    padding-bottom:30px;
}

@media screen and (max-width:1600px){
    .welcome_section_left_half .padding50{
        padding-bottom:1.875vw;
    }
}

@media screen and (max-width:640px){
    .welcome_section_left_half .padding50{
        padding-right:3.125vw;
    }
}

@media screen and (max-width:420px){
    .welcome_section_left_half .padding50{
        text-align:center;
    }
}

.welcome_section_right_half{
    margin-left:277px;
    font-size:16px;
    line-height: 1.5em;
    font-weight: 300;
}

.iOS .welcome_section_right_half{
    font-weight:normal;
}

.Android .welcome_section_right_half{
    font-weight:normal;
}

@media screen and (max-width:1024px){
    .welcome_section_right_half{
        margin-left:27vw;
    }
}

@media screen and (max-width:720px){
    .welcome_section_right_half{
        margin-left:27vw;
    }
}

@media screen and (max-width:640px){
    .welcome_section_right_half{
        margin-left:0px;
    }
}

.PageContent .welcome_section_right_half .welcome_top_title{
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 16px;
    margin-top: 0px;
    line-height:1em;
}

.welcome_gold_divider{
    height: 10px;
    background: linear-gradient(to right, rgba(242,203,100,1) 0%,rgba(242,203,100,0.65) 50%,rgba(242,203,100,0) 100%);
    position:relative;
}

/*IE Modal*/

.IEmodal{
    display:none;
    font-size:0px;
    line-height:0px;
}

.IEmodal a, .IEmodal a:hover, .IEmodal a:active, .IEmodal a:visited{ 
    color: #1f5a9e;
}

.IEclose{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    font-size: 0px;
    color: black;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/App_Themes/jaxready/img/icons/CloseXblue.png);
}

.InternetExplorer .IEmodal{
    display: none;
    font-size: 16px;
    line-height: 1.4em;
    padding: 15px;
    padding-left: 30px;
    padding-right: 70px;
    min-height: 44px;
    width: 950px;
    left: 50%;
    margin-left: -525px;
    border-top: 9px solid #d82736;
    margin-top: 0px;
    color: black;
    font-weight: normal;
    background-color: white;
    background: linear-gradient(to bottom,rgba(242,242,242,1) 23%,rgba(255,255,255,1) 100%);
    position: absolute;
    top: 0;
    z-index: 3;
    box-shadow: 0 0 30px #000;
}

.InternetExplorer .IEmodal.show{
    display:block;
}

@media screen and (max-width:1160px){
    .InternetExplorer .IEmodal{
        left:0px;
        margin-left:0px;
        width:calc(100% - 100px);
    }
}
