/*Event Title*/
.EventHeader { font-family: proxima-nova, sans-serif; font-size: 20px; font-weight: bold; margin-top: 28px; margin-bottom: 15px; color: #000000; text-transform: uppercase; line-height: 1.2em; }

/*Event List Styles (not to be confused with Event DETAIL styles)*/

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

/*Event Photo*/

.eventPhoto {
    width: 230px;
    margin-right: 15px;
    float: left;
    height: 129.357px;
    position: relative;
    background-color: #21557d;
    border: 1px solid #244967;
    border-style: inset;
    overflow: hidden;
}

@media screen and (max-width:1280px) {
    .eventPhoto {
        width: 17.85vw;
        margin-right: 1.25vw;
        height: 10.04vw;
    }
}

@media screen and (max-width:1024px) {
    .eventPhoto {
        width: 230px;
        margin-right: 15px;
        height: 129.357px;
    }
}

@media screen and (max-width:900px) {
    .eventPhoto {
        width: 25.5vw;
        height: 14.34vw;
        margin-right: 1.7vw;
    }
}

@media screen and (max-width:640px) {
    .eventPhoto {
        height: 92px;
    }
}

@media screen and (max-width:300px) {
    .eventPhoto {
        height: 49.5vw;
        margin-right: 0px;
        margin-bottom: 10px;
        float: none;
        width: 100%;
    }
}

.eventPhotoLink { outline:0px; color:white; }

/*Add the "NoPhoto" class to the EventRepeater to remove event photos & themes*/

.NoPhoto .eventPhoto{ display:none; }

/*Event Photo Contents*/

.eventPhoto .themeSource {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 0px;
}

.eventPhoto .themeSource.hideTheme{
    display:none;
}

.eventPhoto .imgSource {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 0px;
}

.eventPhoto .imgSource img {
    display: none
}

.eventPhoto .imgSource .altTag {
    display: none
}

/*Event Video*/

.eventItem .videoSource{
    display:none;
}

.eventPhoto .VideoThumbNail {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url(/App_Themes/Jud4/images/menu/DefaultBG.gif);
}

.eventPhoto .VideoThumbNail.True {
    display:block;
}

.eventPhoto .YouTubeThumbnail {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

.eventPhoto .VideoPlayButton {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url(/App_Themes/Jud4/images/menu/YouTubeThumbnail.png);
}

/*News Text*/

.EventText {
    margin-left: 245px;
}

@media screen and (max-width:1280px) {
    .EventText {
        margin-left: 19.1vw;
    }
}

@media screen and (max-width:1024px) {
    .EventText {
        margin-left: 245px;
    }
}

@media screen and (max-width:900px) {
    .EventText {
        margin-left: 26.95vw;
    }
}

@media screen and (max-width:300px) {
    .EventText {
        margin-left: 0px;
    }
}

/*Add the "NoPhoto" class to the NewsRepeater to remove news photos & themes*/

.NoPhoto .EventText {
    margin-left:0px;
}

.EventRepeater .eventTitle a {
    text-decoration: none;
    color: #3f7aa7;
    font-weight: bold;
    line-height: 1em;
    font-size: 18px;
}

@media screen and (max-width:720px) {
    .EventRepeater .eventTitle a {
        font-size: 2.5vw;
    }
}

@media screen and (max-width:640px) {
    .EventRepeater .eventTitle a {
        font-size: 16px;
    }
}

.EventRepeater .eventTitle a:hover {
    text-decoration: underline;
}

.EventRepeater .eventDate {
    display: block;
    font-size: 14px;
    color: #435b6d;
    line-height: .9em;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media screen and (max-width:720px) {
    .EventRepeater .eventDate {
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        font-size: 1.95vw;
    }
}

@media screen and (max-width:640px) {
    .EventRepeater .eventDate {
        padding-top: 4.5px;
        padding-bottom: 4.5px;
        font-size: 12.4px;
    }
}

.EventRepeater .eventTime {
    display: block;
    font-size: 14px;
    color: #435b6d;
    line-height: .9em;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media screen and (max-width:720px) {
    .EventRepeater .eventTime {
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        font-size: 1.95vw;
    }
}

@media screen and (max-width:640px) {
    .EventRepeater .eventTime {
        padding-top: 4.5px;
        padding-bottom: 4.5px;
        font-size: 12.4px;
    }
}

.EventRepeater .eventTime.DisplayNone {
    display:none;
}

.EventRepeater .eventAddress {
    display: block;
    font-size: 14px;
    color: #435b6d;
    line-height: .9em;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media screen and (max-width:720px) {
    .EventRepeater .eventAddress {
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        font-size: 1.95vw;
    }
}

@media screen and (max-width:640px) {
    .EventRepeater .eventAddress {
        padding-top: 4.5px;
        padding-bottom: 4.5px;
        font-size: 12.4px;
    }
}

.EventRepeater .eventAddress.DisplayNone {
    display:none;
}

.EventRepeater .eventAddress a {
    color: #3f7aa7;
    text-decoration:none;
}

.EventRepeater .eventAddress a:hover {
    text-decoration:underline;
}

.EventRepeater .eventSummary {
    line-height: 1.4em;
    font-size: 16px;
    max-height: 88px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-top:4px;
}

@media screen and (max-width:1280px) {
    .EventRepeater .eventSummary {
        max-height: 65px;
        -webkit-line-clamp: 3;
    }
}

@media screen and (max-width:1024px) {
    .EventRepeater .eventSummary {
        max-height: 86px;
        -webkit-line-clamp: 4;
    }
}

@media screen and (max-width:900px) {
    .EventRepeater .eventSummary {
        max-height: 65px;
        -webkit-line-clamp: 3;
    }
}

@media screen and (max-width:720px) {
    .EventRepeater .eventSummary {
        font-size: 2.25vw;
        line-height: 3.1vw;
        max-height: 9.3vw;
        margin-top: 0.55vw;
    }
}

@media screen and (max-width:640px) {
    .EventRepeater .eventSummary {
        font-size: 14.4px;
        line-height: 19px;
        max-height: 55px;
        margin-top:2px;
    }
}

/*Event Summary with one line reduced*/

.EventRepeater .eventSummary.adjustForTime, .EventRepeater .eventSummary.adjustForAddress {
    line-height: 1.4em;
    font-size: 16px;
    max-height: 65px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media screen and (max-width:1280px) {
    .EventRepeater .eventSummary.adjustForTime, .EventRepeater .eventSummary.adjustForAddress {
        max-height: 43px;
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width:1024px) {
    .EventRepeater .eventSummary.adjustForTime, .EventRepeater .eventSummary.adjustForAddress {
        max-height: 65px;
        -webkit-line-clamp: 3;
    }
}

@media screen and (max-width:900px) {
    .EventRepeater .eventSummary.adjustForTime, .EventRepeater .eventSummary.adjustForAddress {
        max-height: 43px;
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width:720px) {
    .EventRepeater .eventSummary.adjustForTime, .EventRepeater .eventSummary.adjustForAddress {
        font-size: 2.25vw;
        line-height: 3.1vw;
        max-height: 6vw;
    }
}

@media screen and (max-width:640px) {
    .EventRepeater .eventSummary.adjustForTime, .EventRepeater .eventSummary.adjustForAddress {
        font-size: 14.4px;
        line-height: 19px;
        max-height: 38px;
    }
}

/*Event Summary with two lines reduced*/

.EventRepeater .eventSummary.adjustForTime.adjustForAddress {
    line-height: 1.4em;
    font-size: 16px;
    max-height: 43px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (max-width:1280px) {
    .EventRepeater .eventSummary.adjustForTime.adjustForAddress {
        max-height: 43px;
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width:1024px) {
    .EventRepeater .eventSummary.adjustForTime.adjustForAddress {
        max-height: 43px;
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width:900px) {
    .EventRepeater .eventSummary.adjustForTime.adjustForAddress {
        max-height: 43px;
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width:720px) {
    .EventRepeater .eventSummary.adjustForTime.adjustForAddress {
        font-size: 2.25vw;
        line-height: 3.1vw;
        max-height: 6vw;
    }
}

@media screen and (max-width:640px) {
    .EventRepeater .eventSummary.adjustForTime.adjustForAddress {
        font-size: 14.4px;
        line-height: 19px;
        max-height: 39px;
    }
}


/*Event Links*/

.EventSmartContent{ 
    margin-left: 245px;
}

@media screen and (max-width:1280px) {
    .EventSmartContent {
        margin-left: 19.1vw;
    }
}

@media screen and (max-width:1024px) {
    .EventSmartContent {
        margin-left: 245px;
    }
}

@media screen and (max-width:900px) {
    .EventSmartContent {
        margin-left: 26.95vw;
    }
}

@media screen and (max-width:300px) {
    .EventSmartContent {
        margin-left: 0px;
    }
}

/*Add the "NoPhoto" class to the EventRepeater to remove event photos & themes*/

.NoPhoto .EventSmartContent{
    margin-left:0px;
}

.EventSmartContent .SmartLinkURL{
    display:none;
}

.EditMode .EventSmartContent .SmartLinkURL {
    display:block;
}

/*News Smart Link Colors*/
.EventSmartContent .SmartLinkText { color:#3f7aa7; margin-bottom:10px;}
.EventSmartContent a{ color:#3f7aa7; text-decoration:none; }
.EventSmartContent a:hover{ color:#21557d; text-decoration:underline; }
.EventSmartContent a:active{ color:#6a7b88; text-decoration:underline; }
.EventSmartContent a:visited{ color:#3f7aa7; text-decoration:none; }

/*Hide Theme Repeaters*/

.ThemeRepeater {
    display: none;
}

.ThemeRepeater .imageItem {
    display: none;
}

.ThemeRepeater img {
    display: none;
}