#featured-events{
 position: relative;}
#featured-events .bannerStartStop {
    top: 17px;
bottom:auto;
}
#featured-events .image {
    border: 1px #fff solid;
}
#featured-events .eventDate span {
    margin: 0 5px;
}
#featured-events .event-time {
    display: inline-block;
}
#featured-events a:hover,
#featured-events a:focus{
 text-decoration: none;}

#featured-events h2{
 display: none;}

#featured-events .eventItem{
 position: relative;}

#featured-events .eventItem img{
 width: 100%;
 height: auto;
 vertical-align: bottom;}

#featured-events .image .inside{
 overflow: hidden;
 height: 200px;}

#featured-events .event {
    bottom: 0;
    left: 0;
    width: 100%;
    position: relative;
}

#featured-events .inside-padding{
 position: relative;
 bottom: 0;
 left: 0;
padding:10px 0;
}

/*
#featured-events .inside-padding{
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: 40px 100px;
 box-sizing: border-box;}
*/

#featured-events .eventContent{
 color: #fff;
 line-height: 1.65em;}

#featured-events .event-category{
 display: inline-block;
 background: #fff;
 color: #00346c;
 padding: 5px 10px;
 font-size: 0.875em;
 margin-bottom: 10px;
 font-weight: 500;}

#featured-events .eventTitle{

    font-size: 1.25em;
    font-weight: 500;
    margin: 10px 5px;}

#featured-events .eventDate{
    margin-top: 10px;
 font-size: 0.875em;
 font-weight: 100;
 font-style: italic;}

#featured-events .readMore:hover {
    color: #2970C1;
    border: 2px solid #0075c9;
    background: #fff;
}
#featured-events .eventSummary{
    margin: 5px;
 padding-bottom: 5px;
}

#featured-events .readMore{

    padding-top: 5px;
    color: #fff;
    border: 2px solid #fff;
    padding: 15px 20px;
    font-size: 0.9em;
    font-weight: 400;
       margin: 20px 5px;
    text-decoration: none;
    display: inline-block;}


#featured-events button{
 background: none;
 border: none;}

#featured-events button:first-child{
 position: absolute;
 bottom: 20px;
 right: 100px;
 z-index: 100;
display:none !important;}

#featured-events button:last-child{
 position: absolute;
 bottom: 20px;
 right: 20px;
 z-index: 100;
display:none !important;}

#featured-events button .fa{
 color: #fff;
 font-size: 1.5em;}

#featured-events .pagingInfo{
 position: absolute;
 font-size: 0.875em;
 color: #fff;
 bottom: 22px;
 right: 60px;
 font-style: italic;
display:none;}

/** Animation **/
#featured-events .eventItem a:hover .readMore:after,
#featured-events .eventItem a:focus .readMore:after{
 animation: imageAnimation 1s infinite;
 -webkit-animation: imageAnimation 1s infinite;
 -moz-animation: imageAnimation 1s infinite;}

@keyframes imageAnimation{
	0%{left: 0;}
	50%{left: 10px;}
	100%{left: 0px;}
}

@-webkit-keyframes imageAnimation{
	0%{left: 0;}
	50%{left: 10px;}
	100%{left: 0px;}
}

@-moz-keyframes imageAnimation{
	0%{left: 0;}
	50%{left: 10px;}
	100%{left: 0px;}
}


@media print, screen and (max-width: 750px){

#featured-events .inside-padding{
 padding: 0 10px 45px 10px;}

#featured-events .image .inside{
 height: 250px !important;}
	
}

@media print, screen and (max-width: 550px){

/*
#featured-events .event{
background: rgba(0, 0, 0, 0.7) !important;}
*/

#featured-events .eventItem{
 max-height: none;
 overflow: auto;}


#featured-events .inside-padding{
 position: static;
 bottom: auto;
 left: auto;
 padding: 30px 10px 30px 10px;}
	
}

@media print, screen and (max-width: 400px){

#featured-events .image .inside{
 height: 220px !important;}
	
}