/*Jaxready List Styles for News & Events*/ 
.pageContentbreadcrumbs{
    position: relative;
    z-index: 1;
}

.ListWrapper{
    position: relative;
    line-height: 0px;
    font-size: 0px;
}

.ListWrapper .padding50{
    position:relative;
}

.ListAccentTop{
    background: linear-gradient(209deg, rgba(0,0,0,0) 0px,#a8bed8 244px,#9eb3cc 244px,rgba(0,0,0,0) 600px);
    position: absolute;
    top: 0px;
    left: 320px;
    width: 500px;
    max-width: 100%;
    height: 300px;
    display:none;
}

@media screen and (max-width:1024px){
    .ListAccentTop{
        left:0px;
    }
}

.NoSubnav .ListAccentTop{
    background: linear-gradient(209deg, rgba(0,0,0,0) 0px,#a8bed8 244px,#9eb3cc 244px,rgba(0,0,0,0) 600px);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 500px;
    max-width: 100%;
    height: 300px;
    display:block;
}

@media screen and (max-width:1024px){
    .NoSubnav .ListAccentTop{
        margin-top:0px;
    }
}

.ListAccentTop .gradient_to_right{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.ListAccentTop .gradient_to_bottom{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%);
}

.ListAccentBottom{
    background: linear-gradient(157deg, rgba(0,0,0,0) 0px,#a8bed8 179px,#9eb3cc 178px,rgba(0,0,0,0) 600px);
    position: absolute;
    bottom: 0px;
    left: 320px;
    width: 500px;
    max-width: 100%;
    height: 200px;
    display:none;
}

@media screen and (max-width:1024px){
    .ListAccentBottom{
        left:0px;
    }
}

.NoSubnav .ListAccentBottom{
    background: linear-gradient(157deg, rgba(0,0,0,0) 0px,#a8bed8 179px,#9eb3cc 178px,rgba(0,0,0,0) 600px);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 500px;
    max-width: 100%;
    height: 200px;
    display:block;
}

.ListAccentBottom .gradient_to_right{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.ListAccentBottom .gradient_to_top{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
}

@media screen and (max-width:680px){
    .ListAccentBottom .gradient_to_top{
        background: linear-gradient(to top, rgba(255, 255, 255, 0.35) 0%,rgba(255,255,255,1) 60%);
    }
}

.JaxReady_List{
    display:inline-block;
    width:100%;
    line-height:1.8em;
}

.JaxReady_ListTitle{
    font-family: sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    color: black;
    font-variant: none;
    line-height: 1.3em;
    text-transform: none;
}

.NoSubnav .JaxReady_ListTitle{
    font-size: 28px;
    margin-bottom: 30px;
    margin-top: 0px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: bold;
}

@media screen and (max-width:1600px){
    .NoSubnav .JaxReady_ListTitle {
        font-size: 1.75vw;
        margin-bottom: 2.5vw;
    }
}

@media screen and (max-width:980px){
    .NoSubnav .JaxReady_ListTitle {
        font-size: 17.15px;
    }
}

.listItem{ 
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

@media screen and (max-width:1600px){
    .listItem{ 
        margin-bottom:3.125vw;
    }
}

@media screen and (max-width:1600px){
    .NoSubnav .listItem{ 
        margin-bottom:30px;
    }
}

.listItemLink{
    float:left;
    vertical-align:top;
}

@media screen and (max-width:680px){
    .listItemLink{ 
        float:none;
    }
}

.listImage{
    width: 280px;
    height: 157.5px;
    background-size: cover;
    background-position: top center;
    border: 1px solid #878787;
}

@media screen and (max-width:1600px){
    .listImage{
        width: 17.5vw;
        height: 9.84374vw;
    }
}

@media screen and (max-width:1420px){
    .listImage{
        width: 250px;
        height: 140.625px;
    }
}

@media screen and (max-width:1024px){
    .listImage{
        width: 27.149vw;
        height: 15.2713125vw;
    }
}

@media screen and (max-width:920px){
    .listImage{
        width: 250px;
        height: 140.625px;
    }
}

@media screen and (max-width:800px){
    .listImage{
        width: 31.25vw; 
        height: 17.578125vw;
    }
}

@media screen and (max-width:680px){
    .listImage{
        width: 280px;
        height: 157.5px;
        margin-bottom:3.125vw;
    }
}

@media screen and (max-width:355px){
    .listImage{
        width: 100%;
        height: 44.5vw;
        margin-bottom: 3.125vw;
    }
}

.NoSubnav .listImage{
    width: 250px;
    height: 140.625px;
}

@media screen and (max-width:1600px){
    .NoSubnav .listImage{
        /*width: 20vw;*/
        /*height: 11.25vw;*/
    }
}

@media screen and (max-width:1024px){
   .NoSubnav .listImage{
        width: 24.5vw;
        height: 13.781245vw;
    }
}

@media screen and (max-width:680px){
    .NoSubnav .listImage{
        width: 280px;
        height: 157.5px;
        margin-bottom: 3.125vw;
    }
}

@media screen and (max-width:320px){
    .NoSubnav .listImage{
        width: 100%;
        height: 49.5vw;
        margin-bottom: 3.125vw;
    }
}

.listText{
    margin-left: 282px;
    padding-left: 25px;
    vertical-align:top;
}

@media screen and (max-width:1600px){
    .listText{
        padding-left: 0px;
        margin-left: 19.15vw;
    }
}

@media screen and (max-width:1420px){
    .listText{
        margin-left: 250px;
        padding-left: 20px;
    }
}

@media screen and (max-width:1024px){
    .listText{
        margin-left: 29vw;
        padding-left: 0px;
    }
}

@media screen and (max-width:920px){
    .listText{
        margin-left: 252px;
        padding-left: 12px;
    }
}

@media screen and (max-width:800px){
    .listText{
        margin-left: 33vw;
        padding-left: 0px;
    }
}

@media screen and (max-width:680px){
    .listText{
        margin-left: 0px;
        padding-left: 0px;
    }
}

.NoSubnav .listText{
    margin-left: 252px;
    padding-left: 25px;
    vertical-align: top;
}

@media screen and (max-width:1600px){
    .NoSubnav .listText{
        /*padding-left:0px;*/
        /*margin-left:21.25vw;*/
    }
}

@media screen and (max-width:1024px){
    .NoSubnav .listText{
        padding-left:0px;
        margin-left:27vw;
    }
}

@media screen and (max-width:680px){
    .NoSubnav .listText{
        margin-left:0px;
        padding-left:0px;
    }
}

.listTitle{
    font-size:18px;
    line-height: 1.25em;
    font-weight: bold;
    color: black;
    position: relative;
    top: -0.20em;
}

.NoSubnav .listTitle { /*font-size: 23px;*/ }

@media screen and (max-width:1600px){
    .NoSubnav .listTitle{
        /*font-size: 1.438vw;*/
    }
}

@media screen and (max-width:980px){
    .NoSubnav .listTitle{
        /*font-size: 14px;*/
    }
}

.pageContentEditRegion{
    min-height:200px;
}

.pageContentEditRegion .listTitle a{
    text-decoration:none;
    color:black;
}

.pageContentEditRegion .listTitle a:visited{
    color:black;
}

.pageContentEditRegion .listTitle a:hover{
    color:black;
    text-decoration:underline;
}

.pageContentEditRegion .listTitle a:active{
    color:black;
}

.listDate{
    font-size:14px;
    color: #595959;
    line-height: 1.5em;
    font-weight: 300;
    position:relative;
    top:-2px;
}

.iOS .listDate{ font-weight:normal; }

.Android .listDate{ font-weight:normal; }

.NoSubnav .listDate{ display:none; font-size: 23px; }

@media screen and (max-width:1600px){
    .NoSubnav .listDate{
        font-size: 1.438vw;
    }
}

@media screen and (max-width:980px){
    .NoSubnav .listDate{
        font-size: 14px;
    }
}

.listTime{
    font-size:14px;
    color: #595959;
    line-height: 1.5em;
    font-weight: 300;
    position:relative;
    top:-2px;
}

.iOS .listTime{ font-weight:normal; }

.Android .listTime{ font-weight:normal; }

.listLocation{
    font-size:14px;
    color: #595959;
    line-height: 1.5em;
    font-weight: 300;
    position:relative;
    top:-2px;
    display:none;
}

.iOS .listLocation{ font-weight:normal; }

.Android .listLocation{ font-weight:normal; }

.listLocation.True{
    display:block;
}

.listLocation a{
    text-decoration:none;
}

.listLocation a:hover{
    text-decoration:underline;
}

.listSummary{
    color: #000000;
    font-weight: 300;
    font-size:16px;
}

.iOS .listSummary{ font-weight:normal; }

.Android .listSummary{ font-weight:normal; }

.NoSubnav .listSummary{ /*font-size: 23px;*/  }

@media screen and (max-width:1600px){
    .NoSubnav .listSummary{
        /*font-size: 1.438vw;*/
    }
}

@media screen and (max-width:980px){
    .NoSubnav .listSummary{
        /*font-size: 14px;*/
    }
}

.pageContentEditRegion .listSummary a{
    text-decoration:none;
    font-weight:bold;
}

.pageContentEditRegion .listSummary a:hover{
    text-decoration:underline;
}

/*Smart Link*/
.smartLink{
    margin-left: 282px;
    padding-left: 25px;
    vertical-align:top;
}

@media screen and (max-width:1600px){
    .smartLink{
        padding-left: 0px;
        margin-left: 19.15vw;
    }
}

@media screen and (max-width:1420px){
    .smartLink{
        margin-left: 250px;
        padding-left: 20px;
    }
}

@media screen and (max-width:1024px){
    .smartLink{
        margin-left: 29vw;
        padding-left: 0px;
    }
}

@media screen and (max-width:920px){
    .smartLink{
        margin-left: 252px;
        padding-left: 12px;
    }
}

@media screen and (max-width:800px){
    .smartLink{
        margin-left: 33vw;
        padding-left: 0px;
    }
}

@media screen and (max-width:680px){
    .smartLink{
        margin-left: 0px;
        padding-left: 0px;
    }
}

.NoSubnav .smartLink{
    /*margin-left: 322px;*/
    margin-left:252px;
    padding-left: 25px;
}

@media screen and (max-width:1600px){
    .NoSubnav .smartLink{
        /*padding-left:0px;*/
        /*margin-left:21.25vw;*/
    }
}

@media screen and (max-width:1024px){
    .NoSubnav .smartLink{
        padding-left:0px;
        margin-left:27vw;
    }
}

@media screen and (max-width:680px){
    .NoSubnav .smartLink{
        margin-left:0px;
        margin-bottom:15px;
    }
}

.EditMode .smartLink{
    font-size:14px;
    line-height:1em;
}

.smartLinkText{ display:none; }
.EditMode .smartLinkText{ display:block; font-size:16px; }

.smartLinkURL{ display:none; }
.EditMode .smartLinkURL{ display:block; font-size:16px; }

.smartLink .smartAnchor{
    line-height:1em;
    font-weight: bold;
    /*font-size: 23px;*/
    font-size:16px;
    text-decoration: none;
    /*padding-left: 50px;*/
    padding-left:37px;
    /*background-size: auto 24px;*/
    background-size: auto 17px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image:url(/App_Themes/jaxready/img/menu/smartlink_eye.png);
}

@media screen and (max-width:1600px){
    .smartLink .smartAnchor{
        /*font-size: 1.438vw;*/
        /*padding-left: 3.125vw;*/
        /*background-size: auto 1.438vw;*/
    }
}

@media screen and (max-width:1024px){
    .smartLink .smartAnchor{
        font-size: 1.438vw;
        padding-left: 3.125vw;
        background-size: auto 1.438vw;
    }
}

@media screen and (max-width:980px){
    .smartLink .smartAnchor{
        font-size: 14px;
        padding-left: 30px;
        background-size: auto 14.5px;
    }
}

.smartLink .smartAnchor:hover{
    text-decoration:underline;
}

/*Video player styles*/

.videoLink{ 
    position: relative; 
    display: inline-block;
    float:left;
}

@media screen and (max-width:680px){
    .videoLink{ 
        float:none;
    }
}

@media screen and (max-width:320px){
    .videoLink{ width:100%; }
}

.videoIcon{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 48, 88, 0.79);
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: 50%; 
    background-image: url(/App_Themes/jaxready/img/icons/YouTubeThumbnail.png); 
}

@media screen and (max-width:680px){
    .videoIcon{
        height:calc(100% - 3.125vw);
    }
}

.listItem .videoiframe{
    display:none;
}

/*Custom pager control styles*/

.PagerControl .PagerNumberArea span {
    font-size:0px;
    padding:0px !important;
}

.PagerControl .PagerNumberArea span a {
    font-size:0px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
    /*background-color:#015d93;*/
    /*border-radius:18px;*/
    height:18px;
    width:18px;
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

.PagerControl .PageLinkSecondToLast {
    background-image:url(/App_Themes/jaxready/img/menu/Page_NextBlue.png);
}

.PagerControl .PageLinkLast {
    background-image:url(/App_Themes/jaxready/img/menu/Page_LastBlue.png);
}

.PagerControl .Pager1 {
    background-image:url(/App_Themes/jaxready/img/menu/Page_FirstBlue.png);
}

.PagerControl .Pager2 {
     background-image:url(/App_Themes/jaxready/img/menu/Page_PreviousBlue.png);
}

.PagerControl .PagerNumberArea span .SelectedPage {
    font-size:16px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
    border-radius:0px;
    /*background-color:rgba(0,0,0,0);*/
    /*background-color: rgba(200, 247, 255, 0.64);*/
    color:black;
    height:18px;
    width:18px;
    line-height: 1.3em;
    background-image:url();
    text-align: center;
}

.PagerControl .PagerNumberArea span .UnselectedPage {
    font-size:16px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
    border-radius:0px;
    background-color:rgba(0,0,0,0);
    color:#015d93;
    line-height: 1.3em;
    background-image:url();
    text-align: center;
}