/************** SMARTSITES *************/
/*               articles              */
/***************************************/

.event-complete .event-details { max-width:60%; box-sizing:border-box; padding-right:30px; }
.event-complete .event-image { width:40%; box-sizing:border-box; }
.event-complete li.event-inner { padding:30px 0 0 0; margin:30px 0 0 0; border-top:1px solid #e6e6e6; min-height:220px; position:relative; list-style:none; }
.event-complete .event-image { height:220px; }

/* events */	
.event-complete .pageTitle { display:none; }
.event-complete ul.event-list-inner { margin:0; }
.event-complete .event-image { float:right; overflow:hidden; box-shadow:0px 1px 1px rgba(0,0,0,0.2); background:#e6e6e6; background-position:center center; background-size:cover; }
.event-complete .event-details { display:inline-block; }
.event-complete .event-name { font-size:130%; }
.event-complete .event-venue { color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.event-complete .event-daterange { color:#999; }
.event-complete .event-description { font-size:inherit; color:inherit; margin:10px 0; }
.event-complete .event-description ul li { list-style:disc; margin:0; }
.event-complete .event-links { margin-top:10px; }
.event-complete .event-links a { background: url(../images/icon_xlink.png) no-repeat left center; padding-left:20px; height:20px; display:list-item; font-size:95%; margin-bottom:2px; }
.event-complete .event-youtube { background: url(../images/icon_youtube.png) no-repeat left center; display:block; background-size:14px 14px; padding-left:20px; height:20px; font-size:95%; } 
.event-complete .event-facebook { background: url(../images/icon_facebook.png) no-repeat left center; display:block; background-size:14px 14px; padding-left:20px; height:20px; font-size:95%; }

/* events */
.articlesEvents .event-venue,
.articlesAttractions .event-venue { background:url(../images/icon_eventMap.png) no-repeat; background-position:left center; background-size:12px; padding-left:20px; line-height:24px; margin-top:5px; }
.articlesEvents .event-daterange { background:url(../images/icon_eventCalendar.png) no-repeat left top; padding-left:20px; line-height:24px; }

/* reviews */
.articlesReviews li.event-inner { min-height:0; padding:0 0 30px 0; margin:0 0 30px 0; border:none; border-bottom:1px solid #e6e6e6; }
.articlesReviews .event-details { width:auto; float:none; }
.articlesReviews .event-image { width:50px; height:50px; border-radius:25px; position:absolute; top:0; left:0; }
.articlesReviews .event-details,
.articlesReviews .event-name, 
.articlesReviews .event-venue, 
.articlesReviews .event-daterange, 
.articlesReviews .event-description, 
.articlesReviews .event-links { max-width:none; }
.articlesReviews .event-daterange { display:none; }
.articlesReviews .event-name, 
.articlesReviews .event-venue { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:none; padding-left:60px; }
.articlesReviews .event-description { clear:both; }


@media only screen and (max-width: 960px) 
{

.event-complete .event-details { width:auto; max-width:none; float:none; display:block; padding:0; }
.event-complete li.event-inner { padding:2em 0 0 0; margin:2em 0 0 0; min-height:0; }
.event-complete .event-image { margin:0 auto 1em auto; width:100%; float:none; height:200px; }
.articlesReviews li.event-inner {  padding:0 0 2em 0; margin:0 0 2em 0; }
.articlesReviews .event-image { margin:auto; position:static; width:50px; height:50px; }
.articlesReviews .event-name, 
.articlesReviews .event-venue { text-align:center; padding:0; white-space:initial; overflow:initial; text-overflow:initial; }
.event-complete .event-links a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

}