/*Spotlight CSS*/

#spotlightRow{
    /*same as events*/
    margin: 0 auto;
    padding: 0 0;
    clear: both;
    float: none;
    margin-bottom: 40px;

    padding-right: 30px;
    max-width: 1230px;
    
}

#spotlights-home{
    padding-left: 0;
    padding-right: 0;
}

#spotlightRow .row-title a{
    color: #444;
        font-size: 18px;
    line-height: 26px;
}

#spotlightRow .custom-navigation a{
    float: left;
    font-size: 18px;
    line-height: 26px;
}

#spotlightRow .events-flexslider.spotlights .flex-viewport li{
   /*
    width: 320px!important; */
    padding: 20px 20px;
    margin-left: 0;
    list-style: none;
    text-decoration: none;
    min-height: 400px;
 
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #444444;
}

#spotlightRow .events-flexslider.spotlights .flex-viewport li:hover{
    background: #E4E4E4;
    color: #330072;
    cursor: pointer;
}

#spotlightRow .events-flexslider.spotlights .flex-viewport li a p{
    font-weight: bold !important;    
    max-width: 260px;
}

#spotlightRow .events-flexslider.spotlights .flex-viewport li:hover a p{
    color: #330072;
}


#spotlightRow .events-flexslider.spotlights .flex-viewport li img{
   /* May 17th
   max-width: 100%;
   max-height: 280px
   */
   max-width: 260px;
   width: 100%;
  /*
   min-width: 260px;
   width: 260px;
   min-height: 260px;
   */
   max-height: 260px;
   
}

#spotlightRow .events-flexslider.spotlights .flex-viewport li{
    font-size: 18px;
}

#spotlights-home hr{
/*may 17th*/
margin-bottom: 0;
}

#spotlights-home ul{
    margin-left: 10px;
}

#spotlightRow .row-title .custom-navigation{
margin-right: 48px;
}