/* has been removed from media/system/css  Dec. 2017 and included in custom.css instead.  This was because for some unknown reason, the french interface was not picking it up on prod although the English was.  This did fix the problem but I don't know why there was a problem - what was the diff between Eng. and Fr.**/
/* Dec. 2021 - left in custom.css but restored it to media/system/css.  It is being called directly by something and generating 404 calls.  Haven't yet found where it is called directly.
/** Outer event-box is needed to safely override the a style and still allow for block clicking. **/
/**  Descriptions needed for Upcoming events.  This file held in media/system/css/  */
/** The event box also controls the positioning of grid-bottom through some css in the Events module */
.event-box a {
	color: #000000;
	text-decoration: none;
}

.event-box-icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
}

.event-box-icon > img {
    width: 60px;
    height: 60px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.event-box-inner {
    position: relative;
}

.event-box-inner, .news-item {
	background-color: #F3F6F6;
	border-radius: 15px;
	padding: 7px;
	padding-left: 11px;
	padding-right: 11px;
	display: block;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
    clear: both;
    overflow: hidden;
}

.event-box .location {
  font-size: 18px;
}

.event-box .location, .event-box .city, .event-box .date-text {
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.event-box .city {
	color: #000000;
	text-decoration: none;
}

.event-box .date {
    padding-top: 6px;
    font-size: 100%;
	font-weight: bold;
}

@media (min-width: 980px) {
    .event-box.has-picture .location, .event-box.has-picture .city, .event-box.has-picture .date {
        margin-right: 50px;
    }
}

@media (max-width: 767px) {
    .event-box.has-picture .location, .event-box.has-picture .city, .event-box.has-picture .date {
        margin-right: 50px;
    }

}

.event-box-classification, .event-box-club-acronym {
    vertical-align: 3px;
}