<style>
.uk-card-body-small {
    padding: 10px 10px 0px 10px;
}
.uk-card-default {
	background: transparent;
    margin-bottom: 15px;
}
.uk-background-blend-darken {
    background-blend-mode: darken;
}
a.el-eventname {
	color:#fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,.9);
    text-weight: 500;
}
a.el-eventname:hover {
	color:#ecbb23;
}
.rs-event-date {
    background-color: rgba(0,0,0,.5);
    padding: 5px;   
}
.rs-event-overlay:hover {
    color: #ecbb23;
    font-weight: 500;
    background-color: rgba(0,0,0,.5);
    padding: 40px;
    margin: -40px;
}
h3 a {font-weight:bolder;}
</style>	   
<?php
/**
* @package RSEvents!Pro
* @copyright (C) 2015 www.rsjoomla.com
* @license GPL, http://www.gnu.org/copyleft/gpl.html
*/
 
// no direct access
defined('_JEXEC') or die('Restricted access');
$open = !$links ? 'target="_blank"' : ''; ?>
 
<?php if ($items) { ?>
<div id="rsepro-upcoming-module">
	<?php foreach ($items as $block => $events) { ?>
	<ul class="rsepro_upcoming<?php echo $suffix; ?> row-fluid">
		<?php foreach ($events as $id) { ?>
		<?php $details = rseventsproHelper::details($id); ?>
		<?php $image = !empty($details['image_s']) ? $details['image_s'] : rseventsproHelper::defaultImage(); ?>
 
		<?php if (isset($details['event']) && !empty($details['event'])) $event = $details['event']; else continue; ?>
		<li class="clearfix uk-card uk-card-body-small uk-card-default uk-background-norepeat uk-background-botom-center uk-background-blend-darken uk-background-fixed span<?php echo 12 / $columns; ?>" style="background-image:url('<?php echo $image; ?>'); background-color: rgba(0,0,0,.5)">
		<div class="rs-event-overlay">
			<div style="padding: 10px 10px 1px 10px;margin: -8px 0px 0px 0px;">
			<h4><a <?php echo $open; ?> class="el-eventname" href="<?php echo rseventsproHelper::route('index.php?option=com_rseventspro&layout=show&id='.rseventsproHelper::sef($event->id,$event->name),true,$itemid); ?>"><?php echo $event->name; ?></a></h4>
 
			<div class="rs-event-date"><span style="color:#ecbb23; font-weight:500;">(<?php echo $event->allday ? rseventsproHelper::date($event->start,rseventsproHelper::getConfig('global_date'),true) : rseventsproHelper::date($event->start,null,true); ?>)</span></div>
			 <p></p>
			<p style="font-size:15px; font-weight:400;"><a href="<?php echo($event->locationlink);?>" target="_blank" class="el-eventname"><i class="uk-icon-map-marker"></i> <?php echo($event->location);?></a></p>
			</div>
		</div>
		</li>
		<?php } ?>
	</ul>
	<?php } ?>
</div>
<div class="clearfix"></div>
<?php } ?>